New --button-box-shadow var

+ rename `--form-element-focus` to `--form-element-focus-color`
+ code cleaning
This commit is contained in:
Lucas Larroche 2021-07-02 22:18:14 +07:00
parent fc67f39278
commit dd534ef6a6
21 changed files with 136 additions and 85 deletions

View file

@ -54,7 +54,7 @@ progress {
&:indeterminate {
background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left / 150% 150% no-repeat;
animation: progress-indeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
&[value]::-webkit-progress-value {
background-color: transparent;
@ -65,7 +65,7 @@ progress {
}
}
@keyframes progress-indeterminate {
@keyframes progressIndeterminate {
0% {
background-position: 200% 0;
}

View file

@ -55,8 +55,8 @@
opacity: 1;
@if $enable-transitions {
animation-duration: .2s;
animation-name: slide;
animation-duration: .2s;
}
}
@ -72,12 +72,12 @@
@if $enable-transitions {
@keyframes slide {
from {
opacity: 0;
transform: translate(-50%, .75rem);
opacity: 0;
}
to {
opacity: 1;
transform: translate(-50%, -.25rem);
opacity: 1;
}
}
@ -86,12 +86,12 @@
opacity: 0;
}
50% {
opacity: 0;
transform: translate(-50%, -.25rem);
opacity: 0;
}
to {
opacity: 1;
transform: translate(-50%, 0rem);
opacity: 1;
}
}
}