gtk4/widgets/_toolbar.scss

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