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})); 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});
} }
} }