CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-12 21:04:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

css: Use SCSS nesting for .portico-page.

Browse Source
This commit is contained in:
majordwarf 2020-03-17 22:49:18 +05:30 committed by Tim Abbott
parent 7f05f19c03
commit 7067646764
1 changed files with 34 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
static/styles/portico/portico-signin.scss
View File

@ -520,42 +520,46 @@ html {
}
/* -- /accounts/register/ page -- */
.portico-page .pitch h1 {
margin-bottom: 0px;
}
.portico-page {
.pitch {
h1 {
margin-bottom: 0px;
}
.portico-page .pitch p {
font-weight: 400;
color: hsl(0, 0%, 67%);
}
p {
font-weight: 400;
color: hsl(0, 0%, 67%);
}
}
.portico-page .or {
width: 100%;
display: block;
margin: 10px auto;
color: hsl(0, 0%, 34%);
font-weight: 600;
text-align: center;
position: relative;
z-index: 1;
}
.or {
width: 100%;
display: block;
margin: 10px auto;
color: hsl(0, 0%, 34%);
font-weight: 600;
text-align: center;
position: relative;
z-index: 1;
.portico-page .or::before {
content: " ";
&::before {
content: " ";
display: inline-block;
position: absolute;
width: calc(100% - 5px);
top: calc(50% - 2px);
left: 0;
z-index: -1;
display: inline-block;
position: absolute;
width: calc(100% - 5px);
top: calc(50% - 2px);
left: 0;
z-index: -1;
border-bottom: 2px solid hsl(0, 0%, 87%);
}
border-bottom: 2px solid hsl(0, 0%, 87%);
}
.portico-page .or span {
background-color: hsl(0, 0%, 100%);
padding: 0 5px;
span {
background-color: hsl(0, 0%, 100%);
padding: 0 5px;
}
}
}
.register-account .pitch,