css: Use SCSS nesting for `.portico-landing.hello .open-source`.

This commit is contained in:
SiddharthVarshney 2020-07-18 15:19:17 +05:30 committed by Tim Abbott
parent 0e47e2bd2a
commit 6371fe7b37
1 changed files with 32 additions and 30 deletions

View File

@ -1260,30 +1260,30 @@ nav {
z-index: 1;
background-color: hsl(217, 22%, 93%);
}
.portico-landing.hello .open-source .flex {
.flex {
min-height: 0px;
padding: 50px 0px;
}
}
.portico-landing.hello .open-source img {
img {
margin: 0px 2%;
width: 28%;
max-width: 500px;
display: inline-block;
}
}
.portico-landing.hello .open-source .il-block {
.il-block {
display: inline-block;
vertical-align: top;
width: 50%;
max-width: 700px;
text-align: left;
}
}
.portico-landing.hello .open-source h2 {
h2 {
font-weight: normal;
}
}
.carousel.carousel-fade .carousel-inner .item {
@ -3208,19 +3208,21 @@ nav {
}
}
.portico-landing.hello .open-source .flex {
.portico-landing.hello .open-source {
.flex {
display: block;
}
.portico-landing.hello .open-source img {
img {
display: block;
width: 300px;
margin: 0 auto;
}
.portico-landing.hello .open-source .il-block {
.il-block {
width: 75%;
}
}
.main {
width: auto;