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

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

46
css/pico.fluid.classless.css
View file

@ -417,30 +417,6 @@ h6 {
font-size: 1rem;
}
header h1 {
font-size: 3rem;
}
header h2 {
font-size: 2.625rem;
}
header h3 {
font-size: 2.25rem;
}
header h4 {
font-size: 1.875rem;
}
header h5 {
font-size: 1.6875rem;
}
header h6 {
font-size: 1.5rem;
}
hgroup {
margin-bottom: 1.5rem;
}
@ -767,9 +743,10 @@ label > textarea {
*/
[type="checkbox"],
[type="radio"] {
font-size: 1.125rem;
display: inline-block;
width: 1rem;
height: 1rem;
width: 1em;
height: 1em;
margin-right: .375rem;
margin-bottom: 0.125rem;
vertical-align: middle;
@ -811,17 +788,17 @@ label > textarea {
}
[type="checkbox"][role="switch"] {
width: 1.85rem;
height: 1rem;
width: 1.85em;
height: 1em;
border: 2px solid var(--input-border);
border-radius: 1rem;
border-radius: 1em;
background-color: var(--input-border);
line-height: 1rem;
line-height: 1em;
}
[type="checkbox"][role="switch"]:before {
display: block;
width: calc(1rem - 4px);
width: calc(1em - 4px);
height: 100%;
border-radius: 50%;
background-color: var(--primary-inverse);
@ -837,7 +814,7 @@ label > textarea {
[type="checkbox"][role="switch"]:checked::before {
margin-right: 0;
margin-left: calc(0.925rem - 2px);
margin-left: calc(0.925em - 2px);
}
/**
@ -886,8 +863,8 @@ a[role="button"] {
button,
input[type="submit"],
a[role="button"] {
border: 1px solid transparent;
padding: 0.75rem 1rem;
border: 1px solid var(--primary);
border-radius: 0.25rem;
outline: none;
background-color: var(--primary);
@ -897,7 +874,7 @@ a[role="button"] {
line-height: 1.5;
text-align: center;
cursor: pointer;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
button:hover, button:active, button:focus,
@ -907,7 +884,6 @@ input[type="submit"]:focus,
a[role="button"]:hover,
a[role="button"]:active,
a[role="button"]:focus {
border: 1px solid var(--primary-hover);
background-color: var(--primary-hover);
}