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

Small fixes

Browse source 
- Lighter <mark>
- Better <hgroup>
- Edit hover for [type="range"]
- button.outline border-width dynamization
- Fix font-family for headings
This commit is contained in:
Lucas 2020-09-30 17:20:28 +07:00
parent 2c9d79f361
commit c89db4ec2d
15 changed files with 113 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

32
scss/content/_button-styles.scss
View file

@ -64,7 +64,7 @@
&:hover,
&:active,
&:focus {
border: 1px solid var(--primary-hover-border);
border: var(--button-border-width) solid var(--primary-hover-border);
color: var(--primary-hover);
}
}
@ -82,7 +82,7 @@
&:hover,
&:active,
&:focus {
border: 1px solid var(--secondary-hover-border);
border: var(--button-border-width)solid var(--secondary-hover-border);
color: var(--secondary-hover);
}
}
@ -100,8 +100,34 @@
&:hover,
&:active,
&:focus {
border: 1px solid var(--contrast-hover-border);
border: var(--button-border-width) solid var(--contrast-hover-border);
color: var(--contrast-hover);
}
}
}
@else {
// Button reset only for classless version
input[type="reset"] {
border: var(--button-border-width) solid var(--secondary-border);
background-color: var(--secondary);
color: var(--secondary-inverse);
&:hover,
&:active,
&:focus {
border-color: var(--secondary-hover-border);
background-color: var(--secondary-hover);
}
&:focus {
@if $enable-important {
box-shadow: var(--button-hover-shadow), 0 0 0 var(--button-outline-width) var(--secondary-focus) !important;
}
@else {
box-shadow: var(--button-hover-shadow), 0 0 0 var(--button-outline-width) var(--secondary-focus);
}
}
}
}