123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- /************
- * Toolbars *
- ************/
- %toolbar {
- -GtkWidget-window-dragging: true;
- padding: 4px;
- background-color: $bg_color;
- }
- toolbar {
- @extend %toolbar;
- padding: 4px 3px 3px 4px;
- // on OSD
- .osd & { background-color: transparent; }
- // stand-alone OSD toolbars
- &.osd {
- padding: 13px;
- border: none;
- border-radius: 5px;
- background-color: $osd_bg_color;
- &.left,
- &.right,
- &.top,
- &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
- }
- // toolbar separators
- &.horizontal separator { margin: 0 7px 1px 6px; }
- &.vertical separator { margin: 6px 1px 7px 0; }
- &:not(.inline-toolbar):not(.osd) {
- switch,
- scale,
- entry,
- spinbutton,
- button {
- margin-right: 1px;
- margin-bottom: 1px;
- }
- }
- }
- //searchbar, location-bar & inline-toolbar
- .inline-toolbar {
- @extend %toolbar;
- @extend %darkbar;
- padding: 3px;
- border-width: 0 1px 1px;
- border-radius: 0 0 5px 5px;
- }
- searchbar,
- .location-bar {
- @extend %toolbar;
- @extend %darkbar;
- border-width: 0 0 1px;
- padding: 3px;
- }
- %darkbar {
- border-style: solid;
- border-color: $borders_color;
- $_bg: mix($bg_color, $borders_color, 70%);
- background-color: $_bg;
- &:backdrop {
- border-color: $backdrop_borders_color;
- background-color: $backdrop_dark_fill;
- box-shadow: none;
- transition: $backdrop_transition;
- }
- }
- searchbar{
- background: $base_color;
- }
|