chore: indent scss files

This commit is contained in:
Lucas Larroche 2023-02-15 00:14:05 +07:00
parent 95402d4217
commit d8909184a1
6 changed files with 22 additions and 2 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -51,6 +51,7 @@
background-image: var(#{$}icon-chevron); background-image: var(#{$}icon-chevron);
} }
} }
&.contrast:not(.outline) { &.contrast:not(.outline) {
&::after { &::after {
background-image: var(#{$}icon-chevron-button-contrast); background-image: var(#{$}icon-chevron-button-contrast);
@ -245,6 +246,7 @@
+ ul { + ul {
transform: scaleY(1); transform: scaleY(1);
opacity: 1; opacity: 1;
@if $enable-transitions { @if $enable-transitions {
transition: opacity var(--pico-transition), transform 0s ease-in-out 0s; transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;
} }
@ -260,6 +262,7 @@
+ ul { + ul {
transform: scaleY(1); transform: scaleY(1);
opacity: 1; opacity: 1;
@if $enable-transitions { @if $enable-transitions {
transition: opacity var(--pico-transition), transform 0s ease-in-out 0s; transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;
} }

View file

@ -46,9 +46,11 @@
border-radius: var(#{$}border-radius); border-radius: var(#{$}border-radius);
background: none; background: none;
} }
&[value]::-webkit-progress-value { &[value]::-webkit-progress-value {
background-color: var(#{$}progress-color); background-color: var(#{$}progress-color);
} }
&::-moz-progress-bar { &::-moz-progress-bar {
background-color: var(#{$}progress-color); background-color: var(#{$}progress-color);
} }
@ -68,6 +70,7 @@
&[value]::-webkit-progress-value { &[value]::-webkit-progress-value {
background-color: transparent; background-color: transparent;
} }
&::-moz-progress-bar { &::-moz-progress-bar {
background-color: transparent; background-color: transparent;
} }
@ -87,6 +90,7 @@
0% { 0% {
background-position: 200% 0; background-position: 200% 0;
} }
100% { 100% {
background-position: -200% 0; background-position: -200% 0;
} }

View file

@ -181,6 +181,7 @@
transform: translate(-50%, 0.75rem); transform: translate(-50%, 0.75rem);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-50%, -0.25rem); transform: translate(-50%, -0.25rem);
opacity: 1; opacity: 1;
@ -191,10 +192,12 @@
from { from {
opacity: 0; opacity: 0;
} }
50% { 50% {
transform: translate(-50%, -0.25rem); transform: translate(-50%, -0.25rem);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-50%, 0rem); transform: translate(-50%, 0rem);
opacity: 1; opacity: 1;
@ -206,6 +209,7 @@
transform: translate(-50%, -0.75rem); transform: translate(-50%, -0.75rem);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-50%, 0.25rem); transform: translate(-50%, 0.25rem);
opacity: 1; opacity: 1;
@ -216,10 +220,12 @@
from { from {
opacity: 0; opacity: 0;
} }
50% { 50% {
transform: translate(-50%, -0.5rem); transform: translate(-50%, -0.5rem);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-50%, -0.3rem); transform: translate(-50%, -0.3rem);
opacity: 1; opacity: 1;
@ -231,6 +237,7 @@
transform: translate(0.75rem, -50%); transform: translate(0.75rem, -50%);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-0.25rem, -50%); transform: translate(-0.25rem, -50%);
opacity: 1; opacity: 1;
@ -241,10 +248,12 @@
from { from {
opacity: 0; opacity: 0;
} }
50% { 50% {
transform: translate(0.05rem, -50%); transform: translate(0.05rem, -50%);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(0.3rem, -50%); transform: translate(0.3rem, -50%);
opacity: 1; opacity: 1;
@ -256,6 +265,7 @@
transform: translate(-0.75rem, -50%); transform: translate(-0.75rem, -50%);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(0.25rem, -50%); transform: translate(0.25rem, -50%);
opacity: 1; opacity: 1;
@ -266,10 +276,12 @@
from { from {
opacity: 0; opacity: 0;
} }
50% { 50% {
transform: translate(-0.05rem, -50%); transform: translate(-0.05rem, -50%);
opacity: 0; opacity: 0;
} }
to { to {
transform: translate(-0.3rem, -50%); transform: translate(-0.3rem, -50%);
opacity: 1; opacity: 1;

View file

@ -2,6 +2,7 @@
$box-shadow-elevation: 1rem; $box-shadow-elevation: 1rem;
$box-shadow-blur-strengh: 6rem; $box-shadow-blur-strengh: 6rem;
$box-shadow-opacity: 0.06; $box-shadow-opacity: 0.06;
@return #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{( @return #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{(
$box-shadow-blur-strengh * 0.029 $box-shadow-blur-strengh * 0.029
)} #{rgba($color, ($box-shadow-opacity * 0.283))}, )} #{rgba($color, ($box-shadow-opacity * 0.283))},