css: Use SCSS nesting for `.header-main` in portico.scss.

This commit is contained in:
Siddharth Varshney 2020-03-25 04:56:39 +05:30 committed by Tim Abbott
parent 8670372543
commit f04bfbed89
1 changed files with 36 additions and 34 deletions

View File

@ -541,44 +541,46 @@ input.text-error {
padding: 15px 0; padding: 15px 0;
} }
.header-main .logo { .header-main {
display: block; .logo {
text-decoration: none; display: block;
position: relative; text-decoration: none;
line-height: 0.8; position: relative;
line-height: 0.8;
.light { .light {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin-top: 8px; margin-top: 8px;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 400; font-weight: 400;
color: hsl(0, 0%, 20%); color: hsl(0, 0%, 20%);
opacity: 0.5; opacity: 0.5;
}
.brand-logo {
width: 25px;
margin-top: 3px;
}
span {
display: inline-block;
vertical-align: top;
margin-top: 8px;
margin-left: 10px;
color: hsl(0, 0%, 100%);
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
} }
.brand-logo { .portico-logo {
width: 25px; height: 28px;
margin-top: 3px; width: auto;
padding: 6px 0px 6px 0px;
} }
span {
display: inline-block;
vertical-align: top;
margin-top: 8px;
margin-left: 10px;
color: hsl(0, 0%, 100%);
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
.header-main .portico-logo {
height: 28px;
width: auto;
padding: 6px 0px 6px 0px;
} }
.portico-header .dropdown { .portico-header .dropdown {