diff options
Diffstat (limited to 'src/assets')
-rw-r--r-- | src/assets/styles/_badge.scss | 11 | ||||
-rw-r--r-- | src/assets/styles/_form-components.scss | 15 | ||||
-rw-r--r-- | src/assets/styles/_obmc-custom.scss | 1 |
3 files changed, 27 insertions, 0 deletions
diff --git a/src/assets/styles/_badge.scss b/src/assets/styles/_badge.scss new file mode 100644 index 00000000..99c758af --- /dev/null +++ b/src/assets/styles/_badge.scss @@ -0,0 +1,11 @@ +.badge-pill { + // Need to explicitly set border-radius + // for pill variant because global $enable-rounded + // Boostrap setting removes rounded pill style + border-radius: 10rem; +} + +.badge-primary { + background-color: $info-light; + color: $info; +}
\ No newline at end of file diff --git a/src/assets/styles/_form-components.scss b/src/assets/styles/_form-components.scss index e7a7b0c9..d1fe7854 100644 --- a/src/assets/styles/_form-components.scss +++ b/src/assets/styles/_form-components.scss @@ -34,4 +34,19 @@ 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; + } }
\ No newline at end of file diff --git a/src/assets/styles/_obmc-custom.scss b/src/assets/styles/_obmc-custom.scss index 2a8d896a..544e5858 100644 --- a/src/assets/styles/_obmc-custom.scss +++ b/src/assets/styles/_obmc-custom.scss @@ -40,6 +40,7 @@ @import "~bootstrap-vue/src/index.scss"; @import "./alerts"; +@import "./badge"; @import "./buttons"; @import "./form-components"; @import "./modal"; |