diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-09 01:37:22 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-13 23:45:54 +0300 |
commit | a88f752908a6188f72274550e0cfe1418cb27f63 (patch) | |
tree | 537ea8621e2f29184230d7edab6d54bcd4194231 /src/assets/styles/bmc/custom/_forms.scss | |
parent | c3fb64e248f23a732e3bcce0664dddf3f16f5b9a (diff) | |
download | webui-vue-a88f752908a6188f72274550e0cfe1418cb27f63.tar.xz |
Restructure Sass files
- Consolidate all bootstrap partials
- Combine all vendor overrides with BMC custom styles
- Updated paths for Vuepress docs
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1a9f68bdf90edae0d1e38f36ac670bf6426ec8a5
Diffstat (limited to 'src/assets/styles/bmc/custom/_forms.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_forms.scss | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss new file mode 100644 index 00000000..8d3ed9e4 --- /dev/null +++ b/src/assets/styles/bmc/custom/_forms.scss @@ -0,0 +1,56 @@ +.form-text { + margin-top: -$spacer / 4; + margin-bottom: $spacer / 2; + color: $gray-800; +} + +.col-form-label { + color: $gray-800; + font-size: 14px; +} + +.form-group { + margin-bottom: $spacer * 2; +} + +.custom-select, +.custom-control-label, +.form-control { + //important needed to override validation colors on radio labels + color: $dark !important; + font-size: 16px; + border-color: $gray-400 !important; + &.is-invalid, + &:invalid { + border-bottom: 2px solid $danger !important; + } +} + +.custom-control { + .custom-control-input[disabled=disabled] { + & + .custom-control-label { + // Disabled label for checkbox, radio, + // switch bootstrap form components + color: $gray-700!important; + } + } +} + +.b-form-tag-remove { + // X button to remove tag + font-weight: normal; +} + +.b-form-tags-button { + // Add button inside input field + white-space: nowrap; + margin-right: -$spacer; + &.btn-link-primary { + color: $primary; + fill: currentColor; + } +} + +.form-background { + background-color: $container-bgd; +}
\ No newline at end of file |