mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 02:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Prettify code

Browse source
This commit is contained in:
Lucas Larroche 2021-10-24 12:33:20 +07:00
parent 868e5d20cb
commit 5f6e3c1abd
59 changed files with 1079 additions and 1027 deletions
Download patch file Download diff file Expand all files Collapse all files

28
scss/content/_form-checkbox-radio.scss
View file

@ -6,14 +6,14 @@
[type="checkbox"],
[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: none;
appearance: none;
width: 1.25em;
height: 1.25em;
margin-top: -.125em;
margin-right: .375em;
margin-top: -0.125em;
margin-right: 0.375em;
margin-left: 0;
margin-inline-end: .375em;
margin-inline-end: 0.375em;
margin-inline-start: 0;
border-width: var(--border-width);
vertical-align: middle;
@ -31,12 +31,12 @@
background-image: var(--icon-checkbox);
background-position: center;
background-repeat: no-repeat;
background-size: .75em auto;
background-size: 0.75em auto;
}
& ~ label {
display: inline-block;
margin-right: .375em;
margin-right: 0.375em;
margin-bottom: 0;
cursor: pointer;
}
@ -50,7 +50,7 @@
background-image: var(--icon-minus);
background-position: center;
background-repeat: no-repeat;
background-size: .75em auto;
background-size: 0.75em auto;
}
}
@ -60,9 +60,9 @@
&:checked,
&:checked:active,
&:checked:focus{
&:checked:focus {
--background-color: var(--primary-inverse);
border-width: .35em;
border-width: 0.35em;
background-image: none;
}
}
@ -74,9 +74,9 @@
--color: var(--switch-color);
// Config
$switch-height: 1.25em;
$switch-width: 2.25em;
$switch-transition: .1s ease-in-out;
$switch-height: 1.25em;
$switch-width: 2.25em;
$switch-transition: 0.1s ease-in-out;
// Styles
width: $switch-width;
@ -102,7 +102,7 @@
height: 100%;
border-radius: 50%;
background-color: var(--color);
content: '';
content: "";
@if $enable-transitions {
transition: margin $switch-transition;