mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
refactoring
This commit is contained in:
Horst3180
parent
770bcd460f
commit
8b4ed4c295
@ -450,21 +450,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 2px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 2px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2138,10 +2133,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #3e434f; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2391,6 +2386,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -449,21 +449,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 4px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 4px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2137,10 +2132,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #fcfcfc; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2390,6 +2385,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -450,21 +450,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 2px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 2px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2138,10 +2133,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #3e434f; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2391,6 +2386,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -449,21 +449,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 4px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 4px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2137,10 +2132,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #fcfcfc; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2390,6 +2385,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -449,21 +449,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 4px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 4px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2141,10 +2136,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #fcfcfc; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2394,6 +2389,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -449,21 +449,16 @@ button {
|
||||
.stack-switcher > button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
.stack-switcher > button.needs-attention:active > label,
|
||||
.stack-switcher > button.needs-attention:active > image,
|
||||
.stack-switcher > button.needs-attention:checked > label,
|
||||
.stack-switcher > button.needs-attention:checked > image {
|
||||
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
|
||||
animation: none;
|
||||
background-image: none; }
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
|
||||
background-size: 6px 6px, 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px, right 4px; }
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl),
|
||||
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
|
||||
background-position: left 3px, left 4px; }
|
||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||
border-radius: 2px;
|
||||
@ -2141,10 +2136,10 @@ frame > border,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame, placessidebar viewport.frame {
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
scrolledwindow overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
scrolledwindow overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 100% 60%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
|
||||
background-size: 60% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-top: 1px;
|
||||
@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
|
||||
background-position: center top;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
scrolledwindow undershoot.bottom {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-bottom: 1px;
|
||||
@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
|
||||
background-position: center bottom;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
scrolledwindow undershoot.left {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-left: 1px;
|
||||
@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
|
||||
background-position: left center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
scrolledwindow undershoot.right {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||||
padding-right: 1px;
|
||||
@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
|
||||
background-position: right center;
|
||||
border: none; }
|
||||
|
||||
scrolledwindow junction, placessidebar junction {
|
||||
scrolledwindow junction {
|
||||
border-color: transparent;
|
||||
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
||||
background-color: #fcfcfc; }
|
||||
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
|
||||
separator, .sidebar separator {
|
||||
@ -2394,6 +2389,9 @@ stacksidebar row {
|
||||
stacksidebar row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
placessidebar > viewport.frame {
|
||||
border-style: none; }
|
||||
|
||||
placessidebar list {
|
||||
background-color: transparent; }
|
||||
|
||||
|
||||
@ -468,16 +468,18 @@ button {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
&.needs-attention > label,
|
||||
&.needs-attention > image { @extend %needs_attention; }
|
||||
&.needs-attention:active > label,
|
||||
&.needs-attention:active > image,
|
||||
&.needs-attention:checked > label,
|
||||
&.needs-attention:checked > image {
|
||||
&.needs-attention {
|
||||
|
||||
> label, > image { @extend %needs_attention; }
|
||||
|
||||
&:active, &:checked {
|
||||
> label, > image {
|
||||
animation: none;
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
%needs_attention {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
@ -2529,7 +2531,7 @@ stacksidebar {
|
||||
|
||||
placessidebar {
|
||||
|
||||
@extend scrolledwindow;
|
||||
> viewport.frame { border-style: none; }
|
||||
|
||||
list { background-color: transparent; }
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user