From 408657262515e015a2964aafb8a1c76fb5259699 Mon Sep 17 00:00:00 2001 From: Derick Montague Date: Mon, 13 Apr 2020 17:01:19 -0500 Subject: Update Sass architecture to require helper imports - Restructuring file strucure to support single file components use of Sass variables when imported into vuepress. - Creating a scalable file structure using Sass best practices Tested by building and testing both the vue web ui and the the documentation application. Signed-off-by: Derick Montague Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3 --- .../styles/vendor-overrides/bootstrap/_badge.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src/assets/styles/vendor-overrides/bootstrap/_badge.scss (limited to 'src/assets/styles/vendor-overrides/bootstrap/_badge.scss') diff --git a/src/assets/styles/vendor-overrides/bootstrap/_badge.scss b/src/assets/styles/vendor-overrides/bootstrap/_badge.scss new file mode 100644 index 00000000..68e7482f --- /dev/null +++ b/src/assets/styles/vendor-overrides/bootstrap/_badge.scss @@ -0,0 +1,19 @@ +.badge-pill { + // Need to explicitly set border-radius + // for pill variant because global $enable-rounded + // Boostrap setting removes rounded pill style + border-radius: 10rem; + fill: currentColor; + font-weight: 400; + .close { + font-size: 1em; + margin-left: $spacer/2; + font-weight: inherit; + color: inherit; + } +} + +.badge-primary { + background-color: $info-light; + color: $info; +} \ No newline at end of file -- cgit v1.2.3