Improvements

- Add .contrast variant
- Separate _button-styles.scss
- Edit .secondary, mark, figcaption, hgroup, tooltips
- Docs: Add More about grids, External links icon, Second theme switcher
This commit is contained in:
Lucas 2019-11-30 12:43:20 +07:00
parent 066c0a04fd
commit 73237bdcd4
26 changed files with 516 additions and 229 deletions

View file

@ -103,6 +103,24 @@ a {
}
}
// Link .contrast
@if $enable-classes {
a.contrast:not([role="button"]) {
box-shadow: inset 0 -.33rem 0 var(--contrast-border);
color: var(--contrast);
&:hover,
&:active,
&:focus {
color: var(--contrast-hover);
}
&:focus {
background-color: var(--contrast-focus);
}
}
}
// Headings
// Because vertical margins can collapse, we avoid `margin-top`
h1,
@ -191,7 +209,7 @@ hgroup {
h6{
margin-bottom: 0;
}
*:last-child {
> *:last-child {
color: var(--muted-text);
font-size: 1.125rem;
font-weight: normal;
@ -248,7 +266,7 @@ ul li {
mark {
padding: .125rem .25rem;
background: var(--mark);
color: var(--text);
color: var(--mark-text);
vertical-align: middle;
}