正在加载此比较的其余部分。

old vs new

创建于 差异永不过期
438 删除
420 行
711 添加
401 行
.theme-toggle.theme-toggle--reversed .theme-toggle__expand{
.theme-toggle.theme-toggle--reversed .theme-toggle__expand{
transform:scaleX(-1)
transform: scaleX(-1)
}
}
.theme-toggle{
.theme-toggle{
--theme-toggle__expand--duration:.5s
--theme-toggle__expand--duration: .5s
}
}
.theme-toggle__expand g circle,.theme-toggle__expand g path{
.theme-toggle__expand g circle,.theme-toggle__expand g path{
transform-origin:center;
transform-origin: center;
transition:transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0,0,0,1.25) calc(var(--theme-toggle__expand--duration) * .35)
transition: transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0,0,0,1.25) calc(var(--theme-toggle__expand--duration) * .35)
}
}
.theme-toggle__expand :first-child path{
.theme-toggle__expand : first-child path{
transition-property:transform,d;
transition-property: transform,d;
transition-duration:calc(var(--theme-toggle__expand--duration) * .6);
transition-duration: calc(var(--theme-toggle__expand--duration) * .6);
transition-timing-function:cubic-bezier(0,0,.5,1)
transition-timing-function: cubic-bezier(0,0,.5,1)
}
}
.theme-toggle--toggled.theme-toggle .theme-toggle__expand g circle{
.theme-toggle--toggled.theme-toggle .theme-toggle__expand g circle{
transform:scale(1.4);
transform: scale(1.4);
transition-delay:0s
transition-delay: 0s
}
}
.theme-toggle--toggled.theme-toggle .theme-toggle__expand g path{
.theme-toggle--toggled.theme-toggle .theme-toggle__expand g path{
transform:scale(.75);
transform: scale(.75);
transition-delay:0s
transition-delay: 0s
}
}
.theme-toggle--toggled.theme-toggle .theme-toggle__expand :first-child path{
.theme-toggle--toggled.theme-toggle .theme-toggle__expand : first-child path{
d:path("M-9 3h25a1 1 0 0017 13v30H0Z");
d: path("M-9 3h25a1 1 0 0017 13v30H0Z");
transition-delay:calc(var(--theme-toggle__expand--duration) * .4);
transition-delay: calc(var(--theme-toggle__expand--duration) * .4);
transition-timing-function:cubic-bezier(0,0,0,1.25)
transition-timing-function: cubic-bezier(0,0,0,1.25)
}
}
@supports not (d:path("")){
@supports not (d: path("")){
.theme-toggle--toggled.theme-toggle .theme-toggle__expand :first-child path{
.theme-toggle--toggled.theme-toggle .theme-toggle__expand : first-child path{
transform:translate3d(-9px,14px,0)
transform: translate3d(-9px,14px,0)
}
}
}
}
.theme-toggle{
.theme-toggle{
border:none;
border: none;
background:0 0;
background: 0 0;
cursor:pointer
cursor: pointer
}
}
@media (prefers-reduced-motion:reduce){
@media (prefers-reduced-motion: reduce){
.theme-toggle:not(.theme-toggle--force-motion) *{
.theme-toggle: not(.theme-toggle--force-motion) *{
transition:none!important
transition: none!important
}
}
}
}
@-webkit-keyframes spinAround{
@-webkit-keyframes spinAround{
from{
from{
transform:rotate(0deg);
transform: rotate(0deg);
}
}
to{
to{
transform:rotate(359deg);
transform: rotate(359deg);
}
}
}
}
@keyframes spinAround{
@keyframes spinAround{
from{
from{
transform:rotate(0deg);
transform: rotate(0deg);
}
}
to{
to{
transform:rotate(359deg);
transform: rotate(359deg);
}
}
}
}
[data-tooltip]:not(.is-loading),[data-tooltip]:not(.is-disabled),[data-tooltip]:not([disabled]){
[data-tooltip]: not(.is-loading),[data-tooltip]: not(.is-disabled),[data-tooltip]: not([disabled]){
cursor:pointer;
cursor: pointer;
overflow:visible;
overflow: visible;
position:relative;
position: relative;
}
[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{
box-sizing:border-box;
color:white;
display:inline-block;
font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size:0.75rem;
-webkit-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
opacity:0;
overflow:hidden;
pointer-events:none;
position:absolute;
visibility:hidden;
z-index:1020;
background:rgba(74,74,74,0.9);
border-radius:2px;
content:attr(data-tooltip);
padding:0.5rem 1rem;
text-overflow:ellipsis;
white-space:pre;
}
}
[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{
[data-tooltip]: not(.is-loading): : before,[data-tooltip]: not(.is-disabled): : before,[data-tooltip]: not([disabled]): : before{
top:0;
box-sizing: border-box;
color: white;
display: inline-block;
font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 0.75rem;
right:auto;
-webkit-hyphens: auto;
bottom:auto;
-ms-hyphens: auto;
left:50%;
hyphens: auto;
top:0;
opacity: 0;
margin-top:-5px;
overflow: hidden;
pointer-events: none;
position: absolute;
visibility: hidden;