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 in portico-signin.scss for .app-main.

Browse Source
This commit is contained in:
majordwarf 2020-03-11 23:45:33 +05:30 committed by Tim Abbott
parent 8a556fd2a7
commit 889aeffc83
1 changed files with 59 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,74 +55,78 @@ html {
display: inline-block;
}
.app-main .login-page-header {
font-size: 1.5em;
font-weight: 300;
margin: 0px;
height: 0px;
transform: translateX(-15px) translateY(-60px);
text-align: left;
}
.app-main {
.login-page-header {
font-size: 1.5em;
font-weight: 300;
margin: 0px;
height: 0px;
transform: translateX(-15px) translateY(-60px);
text-align: left;
}
.app-main .login-page-container.dev-login .login-page-header {
height: auto;
margin-top: 20px;
transform: none;
text-align: center;
}
.login-page-container.dev-login {
.login-page-header {
height: auto;
margin-top: 20px;
transform: none;
text-align: center;
}
.app-main .login-page-container.dev-login h2 {
font-size: 1em;
font-weight: 400;
}
h2 {
font-size: 1em;
font-weight: 400;
}
.app-main .login-page-container .group {
display: inline-block;
vertical-align: top;
.group {
display: inline-block;
vertical-align: top;
margin: 0px 20px;
}
margin: 0px 20px;
}
}
.app-main.forgot-password-container {
font-weight: 400;
}
&.forgot-password-container {
font-weight: 400;
}
.app-main.find-account-page-container {
width: 500px;
font-weight: 400;
}
&.find-account-page-container {
width: 500px;
font-weight: 400;
}
.app-main.goto-account-page-container {
width: 500px;
font-weight: 400;
}
&.goto-account-page-container {
width: 500px;
font-weight: 400;
}
.app-main.confirm-continue-page-container {
width: 400px;
font-weight: 400;
}
&.confirm-continue-page-container {
width: 400px;
font-weight: 400;
.app-main.confirm-continue-page-container .white-box {
min-width: 365px;
}
.white-box {
min-width: 365px;
}
.app-main.confirm-continue-page-container .form-inline {
display: inline-block;
}
.form-inline {
display: inline-block;
}
.app-main.confirm-continue-page-container .form-inline .outline {
border: 2px inset hsl(213, 23%, 25%);
background-color: hsl(0, 0%, 100%);
color: hsl(213, 23%, 25%);
padding: 13px 20px 11px 20px;
}
.form-inline .outline {
border: 2px inset hsl(213, 23%, 25%);
background-color: hsl(0, 0%, 100%);
color: hsl(213, 23%, 25%);
padding: 13px 20px 11px 20px;
.app-main.confirm-continue-page-container .form-inline .outline:hover {
background-color: hsl(213, 65%, 97%);
}
&:hover {
background-color: hsl(213, 65%, 97%);
}
}
.app-main.confirm-continue-page-container p {
font-size: 19px;
p {
font-size: 19px;
}
}
}
.login-page-container.dev-login {