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 `.input-group` in portico.scss.

This commit is contained in:
Siddharth Varshney 2020-05-13 19:21:45 +05:30 committed by Tim Abbott
parent b1a6f6598b
commit c6d52afcff
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/styles/portico/portico.scss
View File

@ -1212,28 +1212,29 @@ input.new-organization-button {
} }
} }
.input-group.margin { .input-group {
&.margin {
margin: 10px 0px; margin: 10px 0px;
} }
.input-group .progress { .progress {
margin: 0; margin: 0;
margin-top: 5px; margin-top: 5px;
display: inline-block; display: inline-block;
} }
/* --- new settings styling --- */ /* --- new settings styling --- */
.input-group input[type=radio], input[type=radio],
.input-group input[type=checkbox] { input[type=checkbox] {
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.input-group input[type=radio] { input[type=radio] {
position: relative; position: relative;
top: 8px; top: 8px;
} }
.input-group label { label {
margin: 0; margin: 0;
padding: 5px 0px; padding: 5px 0px;
@ -1241,19 +1242,20 @@ input.new-organization-button {
/* eyeballing off-centered aesth. */ /* eyeballing off-centered aesth. */
margin-top: 1px; margin-top: 1px;
} }
} }
.input-group.radio { &.radio {
margin-left: 25px; margin-left: 25px;
} }
.input-group.grid { &.grid {
padding: 10px 0px; padding: 10px 0px;
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
label.inline-block { label.inline-block {
width: 200px; width: 200px;
} }
}
} }
.center-container { .center-container {