mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-07-31 02:50:26 +02:00
Code Issues Releases Wiki Activity

Merge pull request #168 from OmgImAlexis/master

Browse Source 
Add span separator to header.
This commit is contained in:
Angelos Chalaris
2019-10-23 07:28:32 +03:00
committed by GitHub
parent 42b6d60dd0 7ec40e339a
commit e849238d19
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/mini/_navigation.scss
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});
}