Update
This commit is contained in:
parent
edaaf3f54a
commit
b70f7cf703
|
@ -56,7 +56,14 @@
|
|||
iconview text,
|
||||
textview text {
|
||||
color: #dedede;
|
||||
background-color: #242424; }
|
||||
background-color: #242424;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
.view:hover, iconview:hover,
|
||||
.view text:hover,
|
||||
iconview text:hover,
|
||||
textview text:hover {
|
||||
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
background-color: rgba(255, 255, 255, 0.02); }
|
||||
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
|
||||
.view text:selected,
|
||||
iconview text:selected,
|
||||
|
@ -64,6 +71,7 @@ textview text {
|
|||
.view text:selected:focus,
|
||||
iconview text:selected:focus,
|
||||
textview text:selected:focus {
|
||||
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border-radius: 5px; }
|
||||
|
||||
textview border {
|
||||
|
@ -877,7 +885,7 @@ toolbar, .inline-toolbar {
|
|||
toolbar.osd, .osd.inline-toolbar {
|
||||
padding: 7px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-radius: 5px;
|
||||
border-radius: 8px;
|
||||
background-color: rgba(36, 36, 36, 0.85); }
|
||||
toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
|
||||
border-radius: 0; }
|
||||
|
@ -931,7 +939,8 @@ searchbar {
|
|||
actionbar {
|
||||
padding: 6px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||
background-color: #2b2b2b; }
|
||||
background-color: #2b2b2b;
|
||||
border-radius: 0 0 8px 8px; }
|
||||
|
||||
headerbar,
|
||||
.titlebar:not(headerbar) {
|
||||
|
@ -1733,7 +1742,7 @@ popover.background {
|
|||
border-radius: 5px;
|
||||
background-clip: border-box;
|
||||
background-color: #333333;
|
||||
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); }
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
|
||||
.csd popover, popover, .csd
|
||||
popover.background,
|
||||
popover.background {
|
||||
|
|
|
@ -56,7 +56,14 @@
|
|||
iconview text,
|
||||
textview text {
|
||||
color: #363636;
|
||||
background-color: #ffffff; }
|
||||
background-color: #ffffff;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
.view:hover, iconview:hover,
|
||||
.view text:hover,
|
||||
iconview text:hover,
|
||||
textview text:hover {
|
||||
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
background-color: rgba(0, 0, 0, 0.02); }
|
||||
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
|
||||
.view text:selected,
|
||||
iconview text:selected,
|
||||
|
@ -64,6 +71,7 @@ textview text {
|
|||
.view text:selected:focus,
|
||||
iconview text:selected:focus,
|
||||
textview text:selected:focus {
|
||||
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border-radius: 5px; }
|
||||
|
||||
textview border {
|
||||
|
@ -880,7 +888,7 @@ toolbar, .inline-toolbar {
|
|||
toolbar.osd, .osd.inline-toolbar {
|
||||
padding: 7px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.11);
|
||||
border-radius: 5px;
|
||||
border-radius: 8px;
|
||||
background-color: rgba(222, 222, 222, 0.85); }
|
||||
toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
|
||||
border-radius: 0; }
|
||||
|
@ -934,7 +942,8 @@ searchbar {
|
|||
actionbar {
|
||||
padding: 6px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.11);
|
||||
background-color: #ededed; }
|
||||
background-color: #ededed;
|
||||
border-radius: 0 0 8px 8px; }
|
||||
|
||||
headerbar,
|
||||
.titlebar:not(headerbar) {
|
||||
|
@ -1731,7 +1740,7 @@ popover.background {
|
|||
border-radius: 5px;
|
||||
background-clip: border-box;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
|
||||
.csd popover, popover, .csd
|
||||
popover.background,
|
||||
popover.background {
|
||||
|
|
|
@ -75,9 +75,13 @@ $wm_radius: 8px;
|
|||
%view {
|
||||
color: $text_color;
|
||||
background-color: $base_color;
|
||||
transition: all 200ms $ease-out-quad;
|
||||
|
||||
&:hover { transition: all 350ms $ease-out-quad; background-color: if($variant=='light', rgba(black, 0.02), rgba(white, 0.02)); }
|
||||
|
||||
&:selected {
|
||||
&, &:focus {
|
||||
transition: all 350ms $ease-out-quad;
|
||||
@extend %selected_items;
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
|
@ -986,7 +990,7 @@ toolbar {
|
|||
&.osd {
|
||||
padding: 7px;
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: $bt_radius;
|
||||
border-radius: $wm_radius;
|
||||
background-color: transparentize($osd_bg_color, 0.1);
|
||||
|
||||
&.left,
|
||||
|
@ -1049,6 +1053,7 @@ actionbar {
|
|||
padding: 6px;
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 3%);
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
//
|
||||
|
@ -1896,7 +1901,7 @@ popover.background {
|
|||
background-clip: border-box;
|
||||
background-color: $_popover_bg;
|
||||
|
||||
box-shadow: 0 2px 6px 0 if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.85));
|
||||
box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85));
|
||||
|
||||
.csd &, & {
|
||||
border-radius: $bt_radius;
|
||||
|
|
Loading…
Reference in New Issue