Warning, /plasma/breeze-gtk/src/gtk3/widgets/_spinbutton.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 /*****************
0004 * GtkSpinButton *
0005 *****************/
0006 spinbutton {
0007 &:not(.vertical) {
0008 // in this horizontal configuration, the whole spinbutton
0009 // behaves as the entry, so we extend the entry styling
0010 // and nuke the style on the internal entry
0011 @extend %entry;
0012
0013 padding: 0;
0014
0015 entry {
0016 min-width: 28px;
0017 // reset all the other props since the spinbutton node is styled here
0018 margin: 0;
0019 background: none;
0020 background-color: transparent;
0021 border: none;
0022 border-radius: 0;
0023 box-shadow: none;
0024
0025 &:backdrop:disabled {
0026 background-color: transparent;
0027 }
0028 }
0029
0030 button {
0031 min-height: 16px;
0032 margin: 0;
0033 padding-bottom: 0;
0034 padding-top: 0;
0035 color: gtk("@theme_text_color");
0036 background-image: none;
0037 background-color: transparent;
0038 border-style: none;
0039 box-shadow: none;
0040
0041 &:hover {
0042 color: gtk("@theme_view_hover_decoration_color");
0043
0044 // disable button's hover background override
0045 &:not(:checked):not(:active) {
0046 background: none;
0047 }
0048 }
0049
0050 &:disabled {
0051 color: gtk("@insensitive_base_fg_color");
0052 }
0053
0054 &:active {
0055 color: gtk("@theme_view_active_decoration_color");
0056 box-shadow: none;
0057 }
0058
0059 &:backdrop {
0060 color: gtk("@theme_unfocused_text_color");
0061 background-color: transparent;
0062 }
0063
0064 &:backdrop:disabled {
0065 color: gtk("@theme_unfocused_view_text_color");
0066 background-color: transparent;
0067 border-style: none; // It is needed or it gets overridden
0068 }
0069
0070 &:dir(ltr):last-child {
0071 border-radius: 0 3px 3px 0;
0072 }
0073
0074 &:dir(rtl):first-child {
0075 border-radius: 3px 0 0 3px;
0076 }
0077 }
0078 }
0079
0080 // Vertical
0081 &.vertical {
0082 // in the vertical configuration, we treat the spinbutton
0083 // as a box, and tweak the style of the entry in the middle
0084 // so that it's linked
0085
0086 // FIXME: this should not be set at all, but otherwise it gets the wrong
0087 // color
0088 &:disabled {
0089 color: gtk("@insensitive_base_fg_color");
0090 }
0091
0092 &:backdrop:disabled {
0093 color: gtk("@theme_unfocused_view_text_color");
0094 }
0095
0096 &:drop(active) {
0097 border-color: transparent;
0098 box-shadow: none;
0099 }
0100
0101 entry {
0102 margin: 0px;
0103 min-height: 26px;
0104 min-width: 26px;
0105 border-style: none solid none solid;
0106 border-color: gtk("@borders");
0107 padding: 0;
0108 border-radius: 0;
0109 &:disabled {
0110 color: gtk("@insensitive_base_fg_color");
0111 background-color: gtk("@insensitive_base_color");
0112 border-color: gtk("@insensitive_borders");
0113 }
0114 &:backdrop:disabled {
0115 color: gtk("@theme_unfocused_view_text_color");
0116 background-color: gtk(
0117 "@theme_unfocused_view_bg_color"
0118 );
0119 border-color: gtk("@unfocused_insensitive_borders");
0120 }
0121 }
0122
0123 button {
0124 min-height: 26px;
0125 min-width: 26px;
0126 padding: 0;
0127 box-shadow: none;
0128 background-image: none;
0129 background-color: gtk("@theme_base_color");
0130 color: gtk("@theme_text_color");
0131 border-color: gtk("@borders");
0132 &:hover {
0133 color: gtk("@theme_view_hover_decoration_color");
0134
0135 // disable button's hover background override
0136 &:not(:checked):not(:active) {
0137 background-color: gtk("@theme_base_color");
0138 }
0139 }
0140 &:active {
0141 color: gtk("@theme_view_active_decoration_color");
0142 }
0143 &:disabled {
0144 color: gtk("@insensitive_base_fg_color");
0145 background-color: gtk("@insensitive_base_color");
0146 border-color: gtk("@insensitive_borders");
0147 }
0148 &:backdrop:disabled {
0149 color: gtk("@theme_unfocused_view_text_color");
0150 background-color: gtk(
0151 "@theme_unfocused_view_bg_color"
0152 );
0153 border-color: gtk("@unfocused_insensitive_borders");
0154 }
0155
0156 &.up {
0157 @extend %top_button;
0158 }
0159
0160 &.down {
0161 @extend %bottom_button;
0162 }
0163 }
0164
0165 %top_button {
0166 border-radius: 3px 3px 0 0;
0167 border-style: solid solid none solid;
0168 }
0169
0170 %bottom_button {
0171 border-radius: 0 0 3px 3px;
0172 border-style: none solid solid solid;
0173 }
0174 }
0175
0176 // Misc
0177 treeview &:not(.vertical) {
0178 min-height: 0;
0179 border-style: none;
0180 border-radius: 0;
0181
0182 entry {
0183 min-height: 0;
0184 padding: 1px 2px;
0185 }
0186 }
0187 }