Warning, /plasma/breeze-gtk/src/gtk3/widgets/_base.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
0004
0005 * {
0006 padding: 0;
0007 -GtkToolbutton-icon-spacing: 4;
0008 -GtkTextview-error-underline-color: gtk("@error_color");
0009
0010 // The size for scrollbars. The slider is 2px smaller, but we keep it
0011 // up so that the whole area is sensitive to button presses for the
0012 // slider. The stepper button is larger in both directions, the slider
0013 // only in the width
0014
0015 -GtkScrolledwindow-scrollbar-spacing: 0;
0016
0017 -GtkScrolled-window-overlay-scrolling: FALSE;
0018
0019 -GtkToolitemgroup-expander-size: 11;
0020 -GtkTreeview-expander-size: 11;
0021
0022 -GtkTreeview-horizontal-separator: 4;
0023
0024 -GtkWidget-text-handle-width: 20;
0025 -GtkWidget-text-handle-height: 20;
0026
0027 -GtkDialog-button-spacing: 4;
0028 -GtkDialog-action-area-border: 0;
0029
0030 outline-width: 0px;
0031 }
0032
0033 /***************
0034 * Base States *
0035 ***************/
0036
0037 .background {
0038 color: gtk("@theme_fg_color");
0039 background-color: gtk("@theme_bg_color");
0040
0041 &:backdrop {
0042 text-shadow: none;
0043 -gtk-icon-shadow: none;
0044 color: gtk("@theme_unfocused_fg_color");
0045 background-color: gtk("@theme_unfocused_bg_color");
0046 }
0047 }
0048
0049 /*
0050 These wildcard seems unavoidable, need to investigate.
0051 Wildcards are bad and troublesome, use them with care,
0052 or better, just don't.
0053 Everytime a wildcard is used a kitten dies, painfully.
0054 */
0055
0056 *:disabled {
0057 -gtk-icon-effect: dim;
0058 }
0059
0060 .gtkstyle-fallback {
0061 background-color: gtk("@theme_bg_color");
0062 color: gtk("@theme_fg_color");
0063 &:hover {
0064 background-color: gtkshade("@theme_bg_color", 1.1);
0065 color: gtk("@theme_fg_color");
0066 }
0067 &:active {
0068 background-color: gtkshade("@theme_bg_color", 0.9);
0069 color: gtk("@theme_fg_color");
0070 }
0071 &:disabled {
0072 background-color: gtk("@insensitive_fg_color");
0073 color: gtk("@insensitive_fg_color");
0074 }
0075 &:selected {
0076 background-color: gtk("@theme_selected_bg_color");
0077 color: gtk("@theme_selected_fg_color");
0078 }
0079 }
0080
0081 %view,
0082 .view {
0083 color: gtk("@theme_text_color");
0084 background-color: gtk("@theme_base_color");
0085
0086 &:backdrop {
0087 color: gtk("@theme_unfocused_text_color");
0088 background-color: gtk("@theme_unfocused_base_color");
0089 }
0090
0091 &:disabled {
0092 color: gtk("@insensitive_base_fg_color");
0093 }
0094
0095 &:selected {
0096 &:focus,
0097 & {
0098 border-radius: $r;
0099 @extend %selected_items;
0100 }
0101 }
0102 }
0103
0104 .view,
0105 textview {
0106 text {
0107 @extend %view;
0108
0109 selection {
0110 &:focus,
0111 & {
0112 @extend %selected_items;
0113 }
0114 }
0115 }
0116 }
0117
0118 textview border {
0119 background-color: gtk("@theme_base_color");
0120 background-image: image(
0121 gtk("@borders")
0122 ); // HACK: the border node just draws background so,
0123 background-repeat: no-repeat; // using a background-image to draw the border
0124
0125 &:backdrop {
0126 background-color: gtk("@theme_unfocused_base_color");
0127 }
0128
0129 &.bottom {
0130 background-size: 100% 1px;
0131 background-position: top;
0132 }
0133
0134 &.top {
0135 background-size: 100% 1px;
0136 background-position: bottom;
0137 }
0138
0139 &.left {
0140 background-size: 1px 100%;
0141 background-position: right;
0142 }
0143
0144 &.right {
0145 background-size: 1px 100%;
0146 background-position: left;
0147 }
0148 }
0149
0150 .rubberband,
0151 rubberband {
0152 border: 1px solid gtk("@theme_selected_bg_color");
0153 background-color: gtkalpha(
0154 gtk("@theme_selected_bg_color"),
0155 0.8
0156 );
0157 &:backdrop {
0158 border-color: gtk("@theme_unfocused_selected_bg_color");
0159 background-color: gtkalpha(
0160 gtk("@theme_unfocused_selected_bg_color"),
0161 0.8
0162 );
0163 }
0164 }
0165
0166 flowbox {
0167 rubberband {
0168 @extend rubberband;
0169 }
0170
0171 flowboxchild {
0172 padding: 3px;
0173 border-radius: $r;
0174
0175 &:selected {
0176 @extend %selected_items;
0177
0178 outline-offset: 0px;
0179 }
0180 }
0181 }
0182
0183 label {
0184 &.separator {
0185 color: gtk("@theme_fg_color");
0186 @extend .dim-label;
0187 &:backdrop {
0188 color: gtk("@theme_unfocused_fg_color");
0189 }
0190 }
0191
0192 selection {
0193 background-color: gtk("@theme_selected_bg_color");
0194 color: gtk("@theme_selected_fg_color");
0195 }
0196 &:disabled {
0197 color: gtk("@insensitive_fg_color");
0198 selection {
0199 @extend %selected_items, :disabled;
0200 }
0201
0202 &:backdrop {
0203 color: gtk("@insensitive_unfocused_fg_color");
0204 }
0205 }
0206 &:backdrop {
0207 color: gtk("@theme_unfocused_text_color");
0208
0209 selection {
0210 @extend %selected_items, :backdrop;
0211 }
0212 }
0213 }
0214
0215 .dim-label {
0216 opacity: 0.5;
0217 text-shadow: none;
0218 }
0219
0220 %osd,
0221 .osd {
0222 color: gtk("@theme_fg_color");
0223 border: 1px solid gtk("@borders");
0224 background-color: gtkalpha(gtk("@theme_bg_color"), 0.8);
0225 background-clip: padding-box;
0226 box-shadow: none;
0227 text-shadow: none;
0228 -gtk-icon-shadow: none;
0229 &:backdrop {
0230 color: gtk("@theme_unfocused_text_color");
0231 background-color: gtkalpha(
0232 gtk("@theme_unfocused_bg_color"),
0233 0.8
0234 );
0235 -gtk-icon-shadow: none;
0236 }
0237 }
0238
0239 %selected_items {
0240 background-color: gtk("@theme_selected_bg_color");
0241 color: gtk("@theme_selected_fg_color");
0242 &:hover {
0243 background-color: gtk(
0244 "@theme_hovering_selected_bg_color"
0245 );
0246 color: gtk("@theme_fg_color");
0247 }
0248 &:backdrop {
0249 background-color: gtk(
0250 "@theme_unfocused_selected_bg_color"
0251 );
0252 color: gtk("@theme_unfocused_base_color");
0253 }
0254 }
0255
0256 %selected_items {
0257 background-color: gtk("@theme_selected_bg_color");
0258 border-radius: 0px;
0259
0260 @at-root %nobg_selected_items,
0261 & {
0262 color: gtk("@theme_selected_fg_color");
0263
0264 &:disabled {
0265 color: gtk("@insensitive_selected_fg_color");
0266 }
0267
0268 &:backdrop {
0269 color: gtk("@theme_unfocused_selected_fg_color");
0270
0271 &:disabled {
0272 color: gtk(
0273 "@insensitive_unfocused_selected_fg_color"
0274 );
0275 }
0276 }
0277 }
0278 }