gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(client): extract header height to a CSS variable

Browse Source
This commit is contained in:
Valeriy S
2019-01-29 09:43:47 +03:00
committed by mrugesh mohapatra
parent cc6e1fdbf4
commit 22cb0c355c
4 changed files with 14 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/Header/header.css
View File

@@ -1,3 +1,7 @@
:root {
--header-height: 38px;
}
header {
top: 0;
position: fixed;
@@ -7,7 +11,7 @@ header {
#top-nav {
background: #006400;
height: 38px;
height: var(--header-height);
margin-bottom: 0;
border-radius: 0;
border: none;
@@ -39,7 +43,7 @@ header {
#top-right-nav a,
#top-right-nav img {
max-height: 38px;
max-height: var(--header-height);
}
#top-right-nav > li > a {
@@ -81,7 +85,7 @@ li.user-state-link > a:focus {
}
.user-state-spinner {
height: 38px;
height: var(--header-height);
padding: 0 12px;
}
@@ -165,7 +169,7 @@ li.user-state-link > a:focus {
}
.opened #top-right-nav {
top: 38px;
top: var(--header-height);
}
#top-right-nav {