Specify styles are meant for the main header

The <header> tag is a standard HTML tag which can be used in any section
of the page. We were adding the main header styles to all <header> tags
because in the past it was in only <header> tag we used.

That's not the case anymore, so instead of overwriting these styles on
every other <header> tag, modifying the rule so it only selects the main
header makes the code easier to maintain.
This commit is contained in:
Javi Martín
2020-11-08 15:12:43 +01:00
parent d4a360c7fb
commit 18813c8f2a
2 changed files with 2 additions and 7 deletions

View File

@@ -501,7 +501,8 @@ a {
// 02. Header
// ----------
header {
body > header,
.wrapper > header {
background: $brand;
border-bottom: 1px solid $border;
margin-bottom: $line-height;

View File

@@ -996,12 +996,6 @@
@include grid-row;
margin-top: $line-height * 1.5;
padding: 0 rem-calc(16);
> header {
background: none;
border: 0;
margin: 0;
}
}
h4,