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

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

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