luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
Vince 2021-07-05 21:52:13 +08:00
parent 07f7d6486c
commit bb790a02d6
1 changed files with 26 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/sass/gtk/_common-3.0.scss
View file

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