mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 19:26:14 -04:00
chore: indent scss files
This commit is contained in:
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
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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))},
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue