From e214aae719c10953c4c3a7949c9bd02d6983b045 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 14 Mar 2016 22:35:57 +0500 Subject: PLT-963 - Improving scss structure --- web/sass-files/sass/layout/_forms.scss | 66 ++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 web/sass-files/sass/layout/_forms.scss (limited to 'web/sass-files/sass/layout/_forms.scss') diff --git a/web/sass-files/sass/layout/_forms.scss b/web/sass-files/sass/layout/_forms.scss new file mode 100644 index 000000000..1f51603cc --- /dev/null +++ b/web/sass-files/sass/layout/_forms.scss @@ -0,0 +1,66 @@ +@charset 'UTF-8'; + +.form-horizontal { + .modal-intro { + margin: -10px 0 30px; + } + + .form__label { + text-align: left; + padding-right: 3px; + font-weight: 600; + font-size: 1.1em; + + &.light { + font-weight: normal; + color: #999; + font-size: 1.05em; + font-style: italic; + padding-top: 2px; + } + } + + .input__help { + color: inherit; + margin: 10px 0 0 10px; + word-break: break-word; + @include opacity(.8); + + &.dark { + @include opacity(1); + } + + &.error { + color: #a94442; + } + } + + .form-control { + font-weight: normal; + } + + .form-group { + margin-bottom: 25px; + + &.less { + margin-bottom: 10px; + } + } +} + +.help-block { + font-size: .95em; + margin: 10px 0 0; + color: #999; +} + +.disabled-input { + background-color: #ddd !important; +} + +.form-group { + &.form-group--small { + margin-bottom: 10px; + } +} + -- cgit v1.2.3-1-g7c22