diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 6a53d6b..47629ca 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -676,6 +676,14 @@ $_dot_color: $selected_bg_color; &:disabled { @include button(flat-insensitive); } } +%circular_button { + border-radius: $circular_radius; + -gtk-outline-radius: $circular_radius; + padding: 0 0; + min-height: $menuitem_size; + min-width: $menuitem_size; +} + button { min-height: $menuitem_size - 4px; min-width: $menuitem_size - 10px; @@ -697,7 +705,7 @@ button { transition-duration: 350ms; &:active { transition: $button_transition; } - } + } &:checked:hover { background-image: none; } @@ -712,7 +720,6 @@ button { } &:active, &:checked { - background-color: if($variant=='light', darken($button_bg, 8%), lighten($button_bg, 8%)); background-clip: if($variant=='light', border-box, padding-box); transition-duration: 200ms; @@ -723,7 +730,7 @@ button { @include button(insensitive); } - .background &:not(.flat) { + .background & { &:active, &:checked { @include button(active); } @@ -735,7 +742,7 @@ button { } } - &.image-button, &.popup { + &.image-button:not(.circular), &.popup:not(.circular) { min-height: $menuitem_size - 4px; padding-left: $container_padding; padding-right: $container_padding; @@ -772,12 +779,8 @@ button { &.popup { padding-right: $container_padding; padding-left: $container_padding; } } - @at-root %circular_button, &.close { // The Bloody Circul Button - border-radius: $circular_radius; - -gtk-outline-radius: $circular_radius; - padding: 0 0; - min-height: $menuitem_size; - min-width: $menuitem_size; + &.close, &.circular { // The Bloody Circul Button + @extend %circular_button; &:active, &:checked { @if $variant=='light' { @@ -1102,7 +1105,7 @@ spinbutton { entry { @extend %Linked_entrys; - border: 1px solid $borders_color; + border: 1px solid $dark_borders_color; &:focus { border-color: $entry_highlight; @@ -3381,7 +3384,7 @@ list { row { &:not(:hover) { transition: all 300ms $ease-out-quad; } - button.circular { @extend %circular_button; } + // button.circular { @extend %circular_button; } &:selected { color: $fg_color; @@ -3844,7 +3847,7 @@ paned { // GtkInfoBar // -infobar { +.background infobar { border: none; &.info { @@ -3889,11 +3892,18 @@ infobar { color: $selected_fg_color; caret-color: currentColor; - button:not(.flat) { - min-height: 28px; + button, button.flat.close, button.circular { @extend %selected-button; } + button.flat.close { + @extend %circular_button; + } + + button.circular { + min-width: 20px; + } + selection { background-color: $selected_fg_color; } @@ -4057,11 +4067,6 @@ colorchooser .popover.osd { border-radius: $bt_radius; } // Shortcuts Help // -button.circular { - @extend %circular_button; - // label { padding: 0; } -} - .keycap { min-width: $small_size - 4px; min-height: $small_size; @@ -4077,9 +4082,7 @@ button.circular { stackswitcher { button.text-button { min-width: 80px; } - button.circular { - @extend %circular_button; - } + // button.circular { @extend %circular_button; } } //