_menu.scss (6505B)
1 @import "entry"; 2 3 4 /********* 5 ! Menubar 6 **********/ 7 8 @include exports("menubar") { 9 .menubar { 10 -GtkWidget-window-dragging: true; 11 12 border: 0; 13 background-color: $menubar_bg_color; 14 background-image: none; 15 color: $menubar_fg_color; 16 17 18 &.menuitem, .menuitem { 19 padding: $spacing ($spacing * 2); 20 border: 1px solid transparent; 21 background-color: transparent; 22 background-image: none; 23 color: $menubar_fg_color; 24 25 &:hover { 26 border-color: mix($menubar_bg_color, $menubar_fg_color, .21); 27 background-color: mix($menubar_bg_color, $menubar_fg_color, .21); 28 background-image: none; 29 color: shade($menubar_fg_color, 1.08); 30 } 31 32 *:hover { color: shade($menubar_fg_color, 1.08); } 33 } 34 } 35 } 36 37 38 /****** 39 ! Menu 40 *******/ 41 42 @include exports("menu") { 43 * { 44 -GtkMenu-horizontal-padding: 0; 45 -GtkMenu-vertical-padding: 0; 46 } 47 48 GtkTreeMenu, GtkMenuToolButton, GtkComboBox { 49 &.menu, .menu { 50 background-color: $menu_bg_color; 51 margin: $spacing; 52 } 53 } 54 55 #toolbar-popup, .menu { 56 padding: 0; 57 border-radius: 0; 58 border: 0; 59 background-color: $menu_bg_color; 60 color: $menu_fg_color; 61 62 &:selected { background-color: $selected_bg_color; } 63 64 .button { 65 &, &:hover, &:active, &:active *:insensitive, &:insensitive { 66 border-width: 0; 67 background-color: transparent; 68 background-image: none; 69 } 70 } 71 } 72 73 .context-menu { font: initial; } 74 75 .menuitem { 76 GtkTreeMenu & { 77 padding: 0; 78 border-width: 0; 79 } 80 81 &, .menu & { 82 margin: $spacing; 83 padding: $spacing; 84 border: 0; 85 border-radius: 0; 86 background-color: transparent; 87 background-image: none; 88 89 -GtkMenuItem-arrow-scaling: .5; 90 91 &:active, &:hover { 92 border: 0; 93 background-color: $selected_bg_color; 94 background-image: none; 95 color: $selected_fg_color; 96 } 97 98 *:active, *:hover { color: $selected_fg_color; } 99 100 &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } 101 } 102 103 &.check, &.radio { 104 &, &:focus, &:hover, &:insensitive { background-image: none; } 105 106 &, &:focus, &:hover, &:active, &:insensitive { 107 border-style: none; 108 background-color: transparent; 109 } 110 } 111 112 &.separator { 113 -GtkMenuItem-horizontal-padding: 0; 114 -GtkWidget-separator-height: 1; 115 116 border-style: none; 117 color: shade($menu_bg_color, ($contrast + .1)); 118 } 119 120 &.button, &.button.flat { 121 &, &:focus, &:active, &:insensitive, &:active:insensitive { 122 background-color: transparent; 123 background-image: none; 124 border: 0; 125 box-shadow: none; 126 color: currentColor; 127 } 128 129 &:hover, &:focus:hover, &:active:hover, &:selected { 130 background-image: none; 131 background-color: $selected_bg_color; 132 color: $selected_fg_color; 133 } 134 } 135 136 GtkCalendar { 137 &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } 138 139 .button { 140 border-style: none; 141 background-color: transparent; 142 background-image: none; 143 } 144 } 145 146 .accelerator { 147 color: alpha($menu_fg_color, .6); 148 149 &:hover { color: alpha($selected_fg_color, .8); } 150 151 &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } 152 } 153 154 .entry { @include entry($menu_bg_color, $menu_fg_color); } 155 } 156 157 GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } 158 } 159 160 161 /********* 162 ! Popover 163 **********/ 164 165 @include exports("popover") { 166 GtkPopover { 167 @include border($menu_bg_color); 168 169 margin: 10px; 170 padding: $spacing; 171 border-radius: $roundness; 172 border-width: 1px; 173 border-style: solid; 174 background-clip: border-box; 175 background-color: $menu_bg_color; 176 background-image: none; 177 color: $menu_fg_color; 178 box-shadow: 0 3px 6px alpha($black, .16); 179 180 &.background { 181 background-image: none; 182 background-color: $menu_bg_color; 183 color: $menu_fg_color; 184 } 185 186 &:backdrop { box-shadow: none; } 187 188 &.osd { 189 box-shadow: 0 2px 7px 3px alpha($black, .5); 190 191 > .toolbar .button { 192 border-radius: 0; 193 border-width: 0; 194 background-color: transparent; 195 background-image: none; 196 } 197 } 198 199 .view, .list { 200 background-color: transparent; 201 background-image: none; 202 color: $menu_fg_color; 203 } 204 205 .list-row { 206 &, &.button { 207 background-color: transparent; 208 background-image: none; 209 color: $menu_fg_color; 210 211 &:focus, &:hover, &:active { 212 background-image: none; 213 background-color: $selected_bg_color; 214 color: $selected_fg_color; 215 } 216 } 217 } 218 219 .frame { 220 border-color: border_normal($menu_bg_color); 221 border-radius: $roundness; 222 } 223 224 .entry { @include entry($menu_bg_color, $menu_fg_color); } 225 226 .button { @include button($menu_bg_color, $menu_fg_color); } 227 228 > .list, > .view, > .toolbar { background-color: transparent; } 229 230 .separator { 231 border: 0; 232 background-color: transparent; 233 color: alpha($menu_bg_color, .5); 234 font-size: 80%; 235 font-weight: bold; 236 } 237 } 238 239 GtkModelButton.button { 240 &, &:backdrop { 241 @include button(transparent, currentColor); 242 243 &:focus:hover, &:active:hover, &:hover, &:selected { 244 background-image: none; 245 background-color: $selected_bg_color; 246 color: $selected_fg_color; 247 } 248 } 249 } 250 }