beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add span separator to header.

Browse source
This commit is contained in:
Alexis Tyler 2019-10-23 14:09:48 +10:30
parent 42b6d60dd0
commit 7ec40e339a
No known key found for this signature in database
GPG key ID: 161827FEA4DB4615
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/mini/_navigation.scss
View file

@ -126,8 +126,8 @@ header {
padding: var(#{$universal-padding-var}) calc(2 * var(#{$universal-padding-var})); padding: var(#{$universal-padding-var}) calc(2 * var(#{$universal-padding-var}));
text-decoration: none; text-decoration: none;
} }
// Link styling. // Link and span styling.
button, [type="button"], .#{$button-class-name}, [role="button"] { span, button, [type="button"], .#{$button-class-name}, [role="button"] {
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
top: calc(0rem - var(#{$universal-padding-var}) / 4); // Use universal-padding to offset the padding of the header. top: calc(0rem - var(#{$universal-padding-var}) / 4); // Use universal-padding to offset the padding of the header.
@ -142,7 +142,9 @@ header {
@if $_header-links-uppercase { @if $_header-links-uppercase {
text-transform: uppercase; text-transform: uppercase;
} }
&:hover, &:focus { }
button, [type="button"], .#{$button-class-name}, [role="button"] {
&:hover, &:focus {
background: var(#{$header-hover-back-color-var}); background: var(#{$header-hover-back-color-var});
} }
} }