Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_toolbar.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | /************ | 3 | /************ | ||
4 | * Toolbars * | 4 | * Toolbars * | ||
5 | ************/ | 5 | ************/ | ||
6 | %toolbar { | 6 | %toolbar { | ||
7 | -GtkWidget-window-dragging: true; | 7 | -GtkWidget-window-dragging: true; | ||
8 | padding: 4px; | 8 | padding: 4px; | ||
9 | background-color: w_color(normal); | 9 | background-color: gtk("@theme_bg_color"); | ||
10 | } | 10 | } | ||
11 | toolbar { | 11 | toolbar { | ||
12 | @extend %toolbar; | 12 | @extend %toolbar; | ||
13 | padding: 4px 3px 3px 4px; | 13 | padding: 4px 3px 3px 4px; | ||
14 | &:backdrop { | 14 | &:backdrop { | ||
15 | background-color: backdrop(w_color(normal)); | 15 | background-color: gtk("@theme_unfocused_bg_color"); | ||
16 | box-shadow: none; | 16 | box-shadow: none; | ||
17 | } | 17 | } | ||
18 | button { | 18 | button { | ||
19 | margin: 2px; | 19 | margin: 2px; | ||
20 | padding: 3px; | 20 | padding: 3px; | ||
21 | &.image-button, &.text-button.image-button { | 21 | &.image-button, &.text-button.image-button { | ||
22 | padding: 3px; | 22 | padding: 3px; | ||
23 | } | 23 | } | ||
24 | } | 24 | } | ||
25 | separator { | 25 | separator { | ||
26 | margin-left: 3px; | 26 | margin-left: 3px; | ||
27 | margin-right: 3px; | 27 | margin-right: 3px; | ||
28 | } | 28 | } | ||
29 | entry { | 29 | entry { | ||
30 | margin: 3px; | 30 | margin: 3px; | ||
31 | } | 31 | } | ||
32 | // on OSD | 32 | // on OSD | ||
33 | .osd & { background-color: transparent; } | 33 | .osd & { background-color: transparent; } | ||
34 | &.osd { | 34 | &.osd { | ||
35 | padding: 13px; | 35 | padding: 13px; | ||
36 | border: none; | 36 | border: none; | ||
37 | border-radius: $r; | 37 | border-radius: $r; | ||
38 | background-color: w_color(normal); | 38 | background-color: gtk("@theme_bg_color"); | ||
39 | &:backdrop { | 39 | &:backdrop { | ||
40 | border-color: backdrop($border_color); | 40 | border-color: gtk("@unfocused_borders"); | ||
41 | background-color: backdrop(w_color(normal)); | 41 | background-color: gtk("@theme_unfocused_bg_color"); | ||
42 | box-shadow: none; | 42 | box-shadow: none; | ||
43 | } | 43 | } | ||
44 | &.left, | 44 | &.left, | ||
45 | &.right, | 45 | &.right, | ||
46 | &.top, | 46 | &.top, | ||
47 | &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars | 47 | &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars | ||
48 | } | 48 | } | ||
49 | } | 49 | } | ||
Show All 11 Lines | 60 | .location-bar { | |||
61 | @extend %toolbar; | 61 | @extend %toolbar; | ||
62 | @extend %inset-bar; | 62 | @extend %inset-bar; | ||
63 | border-width: 0px 0px 1px 0px; | 63 | border-width: 0px 0px 1px 0px; | ||
64 | padding: 3px; | 64 | padding: 3px; | ||
65 | } | 65 | } | ||
66 | 66 | | |||
67 | %inset-bar { | 67 | %inset-bar { | ||
68 | border-style: solid; | 68 | border-style: solid; | ||
69 | border-color: $border_color; | 69 | border-color: gtk("@borders"); | ||
70 | text-shadow: none; | 70 | text-shadow: none; | ||
71 | background-color: w_color(normal); | 71 | background-color: gtk("@theme_bg_color"); | ||
72 | } | 72 | } |