jiti-meet/css/components/_form-control.scss

62 lines
951 B
SCSS
Raw Normal View History

.form-control {
padding: 16px 0;
2016-10-17 14:29:41 +00:00
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
&__text {
margin: 8px 0;
font-size: 1em
}
&__label {
font-size: 1em;
font-weight: $labelFontWeight;
}
&__em {
color: $inputControlEmColor;
}
&__hint {
margin-top: 0;
font-size: $hintFontSize;
span {
vertical-align: middle;
}
2016-10-21 14:57:13 +00:00
&_error {
color: $errorColor;
}
}
&__container {
position: relative;
width: 100%;
2016-10-25 14:33:51 +00:00
margin-top: 5px;
margin-bottom: 5px;
@include flex();
.button-control {
2016-10-25 14:24:11 +00:00
margin: 1px 0 1px 10px;
}
}
&__right {
position: absolute;
right: 0;
}
2016-10-18 19:27:16 +00:00
}
2016-10-18 19:30:59 +00:00
/**
* Set a specific color for read only style.
*/
2016-10-18 19:27:16 +00:00
input:read-only {
color: $readOnlyInputColor;
}