consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Specify styles are meant for the main header

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/layout.scss
View File

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

6
app/assets/stylesheets/legislation_process.scss
View File

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