Warning, /plasma/breeze-gtk/src/gtk4/widgets/_scale.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 /************
0004 * GtkScale *
0005 ************/
0006 scale {
0007 padding: 12px;
0008
0009 &.fine-tune {
0010 &.trough {
0011 margin: 8px;
0012 border-radius: $r;
0013 }
0014 }
0015
0016 slider {
0017 min-width: 16px;
0018 min-height: 16px;
0019 border: 1px solid gtkmix(gtk("@theme_bg_color"),gtk("@theme_button_foreground_normal"), 0.4);
0020 border-radius: 50%;
0021 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
0022
0023 background: gtk("@theme_button_background_normal");
0024 margin: -9px;
0025
0026 &:hover {
0027 border-color: gtk("@theme_button_decoration_hover");
0028 border-radius: 50%; // needed for double marks scales
0029
0030 &:backdrop {
0031 border-color: gtk(
0032 "@theme_button_decoration_hover_insensitive"
0033 );
0034 }
0035 }
0036
0037 &:disabled {
0038 border-style: solid; // needed for double marks scales or they'll get
0039 border-radius: 50%; // overridden
0040 background-color: gtk("@theme_button_background_insensitive");
0041 opacity: 1;
0042 border-color: gtk("@insensitive_borders");
0043 &:backdrop {
0044 background-color: gtkalpha(
0045 gtk(
0046 "@theme_button_background_backdrop_insensitive"
0047 ),
0048 100
0049 );
0050 border-color: gtk("@unfocused_insensitive_borders");
0051 }
0052 }
0053 &:active {
0054 box-shadow: none;
0055 background-color: gtk("@theme_button_background_normal");
0056 &:backdrop {
0057 background-color: gtk(
0058 "@theme_button_background_normal"
0059 );
0060 border-color: gtk(
0061 "@theme_button_decoration_focus_backdrop"
0062 );
0063 }
0064 }
0065 &:backdrop {
0066 background-color: gtk(
0067 "@theme_button_background_backdrop"
0068 );
0069 border-color: gtk("@unfocused_borders");
0070 }
0071 }
0072
0073 &:focus-within slider {
0074 border-color: gtk("@theme_button_decoration_focus");
0075 border-radius: 50%; // needed for double marks scales
0076
0077 &:backdrop {
0078 border-color: gtk(
0079 "@theme_button_decoration_focus_insensitive"
0080 );
0081 }
0082 }
0083
0084 trough {
0085 min-width: 4px;
0086 min-height: 4px;
0087 border: 1px solid;
0088 border-radius: $r;
0089
0090 background: gtkoverlay(
0091 gtk("@theme_bg_color"),
0092 gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.2)
0093 );
0094
0095 border-color: gtkalpha(
0096 gtk("@theme_button_foreground_normal"),
0097 0.2
0098 );
0099
0100 &:disabled, &.vertical:disabled {
0101 background: gtkoverlayalpha(
0102 gtk("@theme_bg_color"),
0103 gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.2),
0104 0.5
0105 );
0106 border-color: gtkalpha(
0107 gtk("@theme_button_foreground_normal"),
0108 0.2 * 0.5
0109 );
0110 }
0111 }
0112
0113 highlight {
0114 margin: -1px;
0115 border-radius: $r;
0116 background: gtkoverlay(
0117 gtk("@theme_bg_color"),
0118 gtkalpha(gtk("@theme_button_decoration_hover"), 0.5)
0119 );
0120
0121 border: 1px solid gtk("@theme_button_decoration_hover");
0122
0123 &:disabled {
0124 background: none;
0125 border-color: transparent;
0126 }
0127
0128 &:backdrop {
0129 background: gtkoverlay(
0130 gtk("@theme_bg_color"),
0131 gtkalpha(gtk("@theme_unfocused_selected_bg_color"), 0.5)
0132 );
0133
0134 border-color: gtk(
0135 "@theme_unfocused_selected_bg_color"
0136 );
0137
0138 &:disabled {
0139 background: none;
0140 border-color: transparent;
0141 }
0142 }
0143 }
0144
0145 $_marks_length: 8px;
0146 $_marks_distance: 1px;
0147
0148
0149 > label {
0150 color: gtk("@theme_button_foreground_normal")
0151 }
0152
0153 &.horizontal {
0154 > marks {
0155 color: gtkalpha(
0156 gtk("@theme_button_foreground_normal"),
0157 0.2
0158 );
0159 &.top { margin-bottom: $_marks_distance; }
0160 &.bottom { margin-top: $_marks_distance; }
0161
0162 indicator {
0163 background-color: gtkalpha(
0164 gtk("@theme_button_foreground_normal"),
0165 0.2
0166 );
0167 min-height: $_marks_length;
0168 min-width: 1px;
0169 }
0170 }
0171
0172 > value.left { margin-right: 9px; }
0173 > value.right { margin-left: 9px; }
0174
0175 &.fine-tune >marks {
0176 &.top { margin-top: 3px; }
0177 &.bottom { margin-bottom: 3px; }
0178
0179 indicator { min-height: ($_marks_length - 3px); }
0180 }
0181 }
0182
0183 &.vertical {
0184 > marks {
0185 color: gtkalpha(
0186 gtk("@theme_button_foreground_normal"),
0187 0.2
0188 );
0189 &.top { margin-right: $_marks_distance; }
0190 &.bottom { margin-left: $_marks_distance; }
0191
0192 indicator {
0193 background-color: gtkalpha(
0194 gtk("@theme_button_foreground_normal"),
0195 0.2
0196 );
0197 min-height: 1px;
0198 min-width: $_marks_length;
0199 }
0200 }
0201
0202 > value.top { margin-bottom: 9px; }
0203 > value.bottom { margin-top: 9px; }
0204
0205 &.fine-tune >marks {
0206 &.top { margin-left: 3px; }
0207 &.bottom { margin-right: 3px; }
0208
0209 indicator { min-height: ($_marks_length - 3px); }
0210 }
0211 }
0212
0213 }