Merge pull request #168 from OmgImAlexis/master

Add span separator to header.
This commit is contained in:
Angelos Chalaris 2019-10-23 07:28:32 +03:00 committed by GitHub
commit e849238d19
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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