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;
}
.header-main .logo {
display: block;
text-decoration: none;
position: relative;
line-height: 0.8;
.header-main {
.logo {
display: block;
text-decoration: none;
position: relative;
line-height: 0.8;
.light {
display: inline-block;
vertical-align: top;
margin-top: 8px;
font-size: 1.2rem;
font-weight: 400;
color: hsl(0, 0%, 20%);
opacity: 0.5;
.light {
display: inline-block;
vertical-align: top;
margin-top: 8px;
font-size: 1.2rem;
font-weight: 400;
color: hsl(0, 0%, 20%);
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 {
width: 25px;
margin-top: 3px;
.portico-logo {
height: 28px;
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 {