Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use SCSS nesting for `.faqs`.

This commit is contained in:
SiddharthVarshney 2020-07-02 03:49:17 +05:30 committed by Tim Abbott
parent ba36b99cd2
commit 67cee7c8f9
1 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
static/styles/portico/landing-page.scss
View File

@ -985,43 +985,43 @@ nav {
.faqs {
position: relative;
background-color: hsl(0, 0%, 98%);
}
.faqs .padded-content {
position: relative;
z-index: 1;
}
.faqs header {
max-width: 700px;
margin: 0 auto;
h1 span {
vertical-align: top;
}
}
.faqs .faq {
margin: 50px auto;
max-width: 700px;
font-size: 1.2em;
color: hsl(223, 6%, 25%);
.question {
font-weight: 600;
color: hsl(222, 20%, 40%);
font-size: 1.1em;
.padded-content {
position: relative;
z-index: 1;
}
.answer {
margin: 20px 0px 0px 0px;
font-weight: 400;
}
}
header {
max-width: 700px;
margin: 0 auto;
/* the last faq in the box shouldn't have an extra 50px of margin. */
.faqs .faq-box div:last-of-type {
margin-bottom: 10px;
h1 span {
vertical-align: top;
}
}
.faq {
margin: 50px auto;
max-width: 700px;
font-size: 1.2em;
color: hsl(223, 6%, 25%);
.question {
font-weight: 600;
color: hsl(222, 20%, 40%);
font-size: 1.1em;
}
.answer {
margin: 20px 0px 0px 0px;
font-weight: 400;
}
}
/* the last faq in the box shouldn't have an extra 50px of margin. */
.faq-box div:last-of-type {
margin-bottom: 10px;
}
}
.screen .line {