mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-01-25 05:52:50 -05:00
49 lines
1.2 KiB
QML
49 lines
1.2 KiB
QML
import QtQuick
|
|
import qs.Common
|
|
|
|
StyledText {
|
|
id: icon
|
|
|
|
property alias name: icon.text
|
|
property alias size: icon.font.pixelSize
|
|
property alias color: icon.color
|
|
property bool filled: false
|
|
property real fill: filled ? 1 : 0
|
|
property int grade: Theme.isLightMode ? 0 : -25
|
|
property int weight: filled ? 500 : 400
|
|
|
|
font.family: "Material Symbols Rounded"
|
|
font.pixelSize: Appearance.fontSize.normal
|
|
font.weight: weight
|
|
color: Theme.surfaceText
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
// Material Icons variable font axes support
|
|
font.variableAxes: ({
|
|
"FILL": fill.toFixed(1),
|
|
"GRAD": grade,
|
|
"opsz": 24,
|
|
"wght": weight
|
|
})
|
|
|
|
// Smooth transitions for variable axes
|
|
Behavior on fill {
|
|
NumberAnimation {
|
|
duration: Appearance.anim.durations.quick
|
|
easing.type: Easing.BezierSpline
|
|
easing.bezierCurve: Appearance.anim.curves.standard
|
|
}
|
|
|
|
}
|
|
|
|
Behavior on weight {
|
|
NumberAnimation {
|
|
duration: Appearance.anim.durations.quick
|
|
easing.type: Easing.BezierSpline
|
|
easing.bezierCurve: Appearance.anim.curves.standard
|
|
}
|
|
|
|
}
|
|
|
|
}
|