mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-23 19:25:48 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use more nesting for auth body style overrides

Browse source 
No styles are changed here. This just groups them under one parent block to
avoid repeating `.mx_AuthBody`.
This commit is contained in:
J. Ryan Stinnett 2019-03-06 16:33:15 +00:00
parent 9d36ef0808
commit 8beab58918
1 changed files with 38 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
res/css/views/auth/_AuthBody.scss
View file

@ -22,37 +22,42 @@ limitations under the License.
box-sizing: border-box; box-sizing: border-box;
font-size: 12px; font-size: 12px;
color: $authpage-secondary-color; color: $authpage-secondary-color;
}
.mx_AuthBody h2 { h2 {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
margin-top: 8px; margin-top: 8px;
color: $authpage-primary-color; color: $authpage-primary-color;
} }
.mx_AuthBody h3 { h3 {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: $authpage-primary-color; color: $authpage-primary-color;
} }
.mx_AuthBody input[type=text], a:link,
.mx_AuthBody input[type=password] { a:hover,
color: $authpage-primary-color; a:visited {
} color: $accent-color;
text-decoration: none;
}
.mx_AuthBody .mx_Field input, input[type=text],
.mx_AuthBody .mx_Field select { input[type=password] {
color: $authpage-primary-color; color: $authpage-primary-color;
background-color: $authpage-body-bg-color; }
}
.mx_AuthBody .mx_Field label { .mx_Field input,
color: $authpage-primary-color; .mx_Field select {
} color: $authpage-primary-color;
background-color: $authpage-body-bg-color;
}
.mx_Field label {
color: $authpage-primary-color;
}
.mx_AuthBody {
.mx_Field input:focus + label, .mx_Field input:focus + label,
.mx_Field input:not(:placeholder-shown) + label, .mx_Field input:not(:placeholder-shown) + label,
.mx_Field textarea:focus + label, .mx_Field textarea:focus + label,
@ -61,10 +66,15 @@ limitations under the License.
.mx_Field_labelAlwaysTopLeft label { .mx_Field_labelAlwaysTopLeft label {
background-color: $authpage-body-bg-color; background-color: $authpage-body-bg-color;
} }
}
.mx_AuthBody input.error { input.error {
color: $warning-color; color: $warning-color;
}
.mx_Field input {
width: 100%;
box-sizing: border-box;
}
} }
.mx_AuthBody_editServerDetails { .mx_AuthBody_editServerDetails {
@ -73,11 +83,6 @@ limitations under the License.
font-weight: normal; font-weight: normal;
} }
.mx_AuthBody .mx_Field input {
width: 100%;
box-sizing: border-box;
}
.mx_AuthBody_fieldRow { .mx_AuthBody_fieldRow {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
@ -96,13 +101,6 @@ limitations under the License.
margin-right: 0; margin-right: 0;
} }
.mx_AuthBody a:link,
.mx_AuthBody a:hover,
.mx_AuthBody a:visited {
color: $accent-color;
text-decoration: none;
}
.mx_AuthBody_changeFlow { .mx_AuthBody_changeFlow {
display: block; display: block;
text-align: center; text-align: center;