mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-26 03:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improvements

Browse source 
- Remove Increase headings font size inside <header>
- Add $enable-transitions in _variables.scss
- Bigger Checkbox, Radio, switch
- Remove borders on button
This commit is contained in:
Lucas 2019-12-02 23:22:13 +07:00
parent 5f4b78a22c
commit 345053a956
17 changed files with 93 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,9 +5,10 @@
// Checkboxes & Radios
[type="checkbox"],
[type="radio"] {
font-size: 1.125rem;
display: inline-block;
width: 1rem;
height: 1rem;
width: 1em;
height: 1em;
margin-right: .375rem;
margin-bottom: $spacing-label-input;
vertical-align: middle;
@ -51,8 +52,8 @@
[type="checkbox"][role="switch"] {
// Config
$switch-height: 1rem;
$switch-width: 1.85rem;
$switch-height: 1em;
$switch-width: 1.85em;
$switch-border: 2px;
$switch-transition: .1s ease-in-out;
@ -71,7 +72,10 @@
border-radius: 50%;
background-color: var(--primary-inverse);
content: '';
transition: margin $switch-transition;
@if $enable-transitions {
transition: margin $switch-transition;
}
}
&:checked {