Files
mostlymatter/webapp/sass/layout/_forms.scss
Asaad Mahmood bfae88e60c Ui improvements (#5755)
* PLT-5816 - Flagged posts tooltip fix

* PLT-5766 - Link previews appearing outside the box

* PLT-5795 - Fixing alignment user list in channel

* PLT-5818 - Reset password error not aligned

* PLT-5837 - Adjusting image preview max height

* PLT-5778 - Updating word break for paragraphs

* PLT-5848 - Updating label for file error

* PLT-5846 - Markdown tables extra border on mobile

* PLT-5662 - Pinned post UI improvement

* Fixing eslint error

* Updating tooltip eslint issue

* PLT-5832 - Removing error styling on labels
2017-03-17 08:19:54 -04:00

117 строки
1.7 KiB
SCSS

@charset 'UTF-8';
.form-horizontal {
.modal-intro {
margin: -10px 0 30px;
}
.form__label {
font-size: 1.1em;
font-weight: 600;
padding-right: 3px;
text-align: left;
&.light {
@include opacity(.6);
font-size: 1.05em;
font-style: italic;
font-weight: normal;
padding-top: 2px;
}
}
.input__help {
@include opacity(.8);
color: inherit;
margin: 10px 0 0 0;
word-break: break-word;
&.dark {
@include opacity(1);
}
&.error {
color: darken($red, 20%);
}
}
.form-control {
font-weight: normal;
}
.form-group {
margin-bottom: 25px;
&.less {
margin-bottom: 10px;
}
}
}
.help-block {
color: $dark-gray;
font-size: .95em;
margin: 10px 0 0;
}
.form-group {
&.form-group--small {
margin-bottom: 10px;
}
}
.has-error {
.help-block,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
color: $red;
}
.control-label {
color: inherit;
}
&.radio,
&.checkbox,
&.radio-inline,
&.checkbox-inline {
label {
color: $red;
}
}
}
.padding-top {
padding-top: 7px;
&.x2 {
padding-top: 14px;
}
&.x3 {
padding-top: 21px;
}
}
.padding-bottom {
padding-bottom: 7px;
&.x2 {
padding-bottom: 14px;
}
&.x3 {
padding-bottom: 21px;
}
.control-label {
font-weight: 600;
&.text-left {
text-align: left;
}
}
}