Merge pull request #168 from OmgImAlexis/master
Add span separator to header.
This commit is contained in:
commit
e849238d19
1 changed files with 5 additions and 3 deletions
|
@ -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});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue