gtk3/widgets/_toolbar.scss

0001 @charset "UTF-8";
0002
0003 /************
0004  * Toolbars *
0005  ************/
0006 %toolbar {
0007         -GtkWidget-window-dragging: true;
0008         padding: 4px;
0009         background-color: gtk("@theme_bg_color");
0010 }
0011 toolbar {
0012         @extend %toolbar;
0013         padding: 4px 3px 3px 4px;
0014         &:backdrop {
0015                 background-color: gtk("@theme_unfocused_bg_color");
0016                 box-shadow: none;
0017         }
0018         button {
0019                 margin: 2px;
0020                 padding: 3px;
0021                 &.image-button,
0022                 &.text-button.image-button {
0023                         padding: 3px;
0024                 }
0025         }
0026         separator {
0027                 margin-left: 3px;
0028                 margin-right: 3px;
0029         }
0030         entry {
0031                 margin: 3px;
0032         }
0033         // on OSD
0034         .osd & {
0035                 background-color: transparent;
0036         }
0037         &.osd {
0038                 padding: 13px;
0039                 border: none;
0040                 border-radius: $r;
0041                 background-color: gtk("@theme_bg_color");
0042                 &:backdrop {
0043                         border-color: gtk("@unfocused_borders");
0044                         background-color: gtk("@theme_unfocused_bg_color");
0045                         box-shadow: none;
0046                 }
0047                 &.left,
0048                 &.right,
0049                 &.top,
0050                 &.bottom {
0051                         border-radius: 0;
0052                 } // positional classes for `attached` osd toolbars
0053         }
0054 }
0055
0056 //searchbar, location-bar & inline-toolbar
0057 .inline-toolbar {
0058         @extend %toolbar;
0059         @extend %inset-bar;
0060         border-width: 0px 0px 1px 0px;
0061         padding: 3px;
0062         border-radius: 0;
0063 }
0064 searchbar > revealer > box,
0065 .location-bar {
0066         @extend %toolbar;
0067         @extend %inset-bar;
0068         border-width: 0px 0px 1px 0px;
0069         padding: 3px;
0070 }
0071
0072 %inset-bar {
0073         border-style: solid;
0074         border-color: gtk("@borders");
0075         text-shadow: none;
0076         background-color: gtk("@theme_bg_color");
0077 }