Warning, /plasma/breeze-gtk/src/gtk3/widgets/_menus.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 /*********
0004 * Menus *
0005 *********/
0006
0007 menubar,
0008 .menubar {
0009 -GtkWidget-window-dragging: true;
0010 padding: 0px;
0011 box-shadow: none;
0012 border-style: none;
0013 background-color: gtk("@theme_header_background");
0014
0015 &:backdrop {
0016 background-color: gtk("@theme_header_background_backdrop");
0017 }
0018
0019 > menuitem {
0020 min-height: 4.5mm;
0021 padding: 1.25mm 2.5mm;
0022 @if $new-highlight {
0023 border-bottom: 3px solid transparent;
0024 }
0025
0026 &:hover {
0027 //Seems like it :hover even with keyboard focus
0028 @if $new-highlight {
0029 background-color: gtkalpha(
0030 gtk("@theme_button_decoration_focus"),
0031 0.3
0032 );
0033 color: gtk("@theme_button_foreground_active");
0034 border-bottom: 3px
0035 solid
0036 gtk("@theme_button_decoration_focus");
0037 } @else {
0038 background-color: gtk(
0039 "@theme_button_decoration_focus"
0040 );
0041 color: gtk("@theme_button_foreground_active");
0042 }
0043 }
0044
0045 &:disabled {
0046 color: gtk("@insensitive_fg_color");
0047 box-shadow: none;
0048
0049 &:backdrop {
0050 background-color: gtk("@theme_unfocused_bg_color");
0051 color: gtk("@insensitive_unfocused_fg_color");
0052 }
0053 }
0054
0055 &:backdrop {
0056 background-color: gtk("@theme_unfocused_bg_color");
0057 color: gtk("@theme_unfocused_fg_color");
0058 }
0059 }
0060 }
0061
0062 menu,
0063 .menu {
0064 padding: 1mm;
0065 background-color: gtkmix(gtk("@theme_bg_color"), gtk("@theme_base_color"), 0.3);
0066
0067 border-radius: $r;
0068
0069 // axes borders in a composited env
0070 separator {
0071 color: gtk("@borders");
0072 margin: 0.75mm 0;
0073 }
0074
0075 menuitem {
0076 text-shadow: none;
0077 min-height: 4.5mm;
0078 min-width: 10mm;
0079 padding: 0.75mm 2mm;
0080 border: 1px solid transparent;
0081
0082 &:hover {
0083 background-color: gtkalpha(gtk("@theme_selected_bg_color"), 0.3);
0084 border: 1px solid gtk("@theme_button_decoration_focus");
0085 border-radius: $r;
0086 }
0087
0088 &:disabled {
0089 color: gtk("@insensitive_fg_color");
0090
0091 &:backdrop {
0092 color: gtk("@insensitive_unfocused_fg_color");
0093 }
0094 }
0095
0096 &:backdrop,
0097 &:backdrop:hover {
0098 color: gtk("@theme_unfocused_fg_color");
0099 background-color: gtk("@theme_unfocused_bg_color");
0100 }
0101
0102 // submenu indicators
0103 arrow {
0104 min-height: 4mm;
0105 min-width: 4mm;
0106
0107 &:dir(ltr) {
0108 -gtk-icon-source: -gtk-icontheme($arrow_right);
0109 margin-left: 2.5mm;
0110 }
0111
0112 &:dir(rtl) {
0113 -gtk-icon-source: -gtk-icontheme(
0114 "go-next-rtl-symbolic"
0115 );
0116 margin-right: 2.5mm;
0117 }
0118 }
0119 }
0120
0121 // overflow arrows
0122 > arrow {
0123 min-height: 4mm;
0124 min-width: 4mm;
0125 padding: 1mm;
0126 background-color: transparent;
0127 border-radius: 0;
0128
0129 &.top {
0130 margin-top: -1.5mm;
0131 border: none;
0132 -gtk-icon-source: -gtk-icontheme($arrow_up);
0133 }
0134
0135 &.bottom {
0136 margin-bottom: -1.5mm;
0137 border: none;
0138 -gtk-icon-source: -gtk-icontheme($arrow_down);
0139 }
0140
0141 &:hover {
0142 color: gtk("@theme_button_decoration_hover");
0143 }
0144 &:active {
0145 color: gtk("@theme_button_decoration_focus");
0146 }
0147
0148 &:backdrop {
0149 background-color: gtk("@theme_unfocused_bg_color");
0150 }
0151
0152 &:disabled {
0153 color: transparent;
0154 background-color: transparent;
0155 border-color: transparent;
0156 }
0157 }
0158 }
0159
0160 menuitem {
0161 accelerator {
0162 color: gtkalpha(currentColor, 0.55);
0163 }
0164 check,
0165 radio {
0166 &:dir(ltr) {
0167 margin-right: 1.5mm;
0168 }
0169 &:dir(rtl) {
0170 margin-left: 1.5mm;
0171 }
0172 }
0173 }
0174 /***************
0175 * Popovers *
0176 ***************/
0177 popover {
0178 padding: 1mm;
0179 }
0180 /* menu buttons */
0181 modelbutton.flat,
0182 .menuitem.button.flat {
0183 min-height: 4mm;
0184 padding: 1.75mm 2mm;
0185 border: 1px solid transparent;
0186
0187 @extend %undecorated_button;
0188 color: gtk("@theme_fg_color");
0189 &:hover {
0190 background-color: gtkalpha(gtk("@theme_selected_bg_color"), 0.3);
0191 border: 1px solid gtk("@theme_button_decoration_focus");
0192 border-radius: 4px;
0193 }
0194 &:selected {
0195 background-color: gtk("@theme_button_decoration_focus");
0196 color: gtk("@theme_button_foreground_active");
0197 }
0198 &:backdrop,
0199 &:backdrop:hover {
0200 @extend %undecorated_button;
0201 color: gtk("@theme_unfocused_fg_color");
0202 }
0203
0204 // FIXME: remove the following when the checks/radios rewrite lands
0205 check:last-child,
0206 radio:last-child {
0207 margin-right: 0px;
0208 }
0209
0210 check:first-child,
0211 radio:first-child {
0212 margin-left: 0px;
0213 }
0214
0215 }
0216
0217 modelbutton.flat arrow {
0218 background: none;
0219
0220 &:hover {
0221 background: none;
0222 }
0223
0224 &.left {
0225 -gtk-icon-source: -gtk-icontheme($arrow_left);
0226 }
0227
0228 &.right {
0229 -gtk-icon-source: -gtk-icontheme($arrow_right);
0230 }
0231 }
0232
0233 popover,
0234 menu {
0235 border: 1px solid gtk("@borders");
0236 }
0237
0238 popover.background {
0239 $shadow: rgba(0, 0, 0, 0.25);
0240
0241 padding: 0px;
0242 border-radius: $r;
0243 background-color: gtk("@theme_bg_color");
0244
0245 box-shadow: 0px 0px 2mm $shadow,
0246 0px 0.25mm 1mm scale-color($shadow, $alpha: -40%);
0247
0248 &:backdrop {
0249 box-shadow: none;
0250 }
0251
0252 > list,
0253 > .view,
0254 > toolbar {
0255 border-style: none;
0256 background-color: transparent;
0257 }
0258 .csd &,
0259 & {
0260 &.touch-selection,
0261 &.magnifier {
0262 @extend %osd;
0263
0264 border: 1px solid gtk("@borders");
0265
0266 button {
0267 @extend %button;
0268 }
0269 }
0270
0271 &.osd {
0272 @extend %osd;
0273 }
0274 }
0275
0276 separator {
0277 margin: 0.75mm 0;
0278 }
0279
0280 list separator {
0281 margin: 0px;
0282 }
0283
0284 checkbutton,
0285 radiobutton {
0286 @extend modelbutton, .flat;
0287 }
0288 }
0289
0290 // .scale-popup .button,
0291 // .scale-popup .button.flat { // +/- buttons on GtkVolumeButton popup
0292 // @extend %undecorated_button;
0293 // background-color: transparent;
0294 // padding: 5px;
0295 // color: w_color(text);
0296 // &:hover {
0297 // @extend %undecorated_button;
0298 // color: b_color(hover);
0299 // }
0300 // &:active {
0301 // color: b_color(active);
0302 // }
0303 // &:insensitive {
0304 // color: insensitive(w_color(text));
0305 // }
0306 // &:backdrop {
0307 // color: backdrop(w_color(text));
0308 // &:insensitive {
0309 // color: backdrop(insensitive(w_color(text)));
0310 // }
0311 // }
0312 // }
0313
0314 GtkVolumeButton.button {
0315 padding: 1.25mm;
0316 }