summaryrefslogtreecommitdiff
path: root/src/assets/styles/_toast.scss
diff options
context:
space:
mode:
authorDerick Montague <derick.montague@ibm.com>2020-04-14 01:01:19 +0300
committerDerick Montague <derick.montague@ibm.com>2020-05-05 08:21:52 +0300
commit408657262515e015a2964aafb8a1c76fb5259699 (patch)
treee498979c96b0d4627f550aa915a08b637f7031a7 /src/assets/styles/_toast.scss
parent7e8f3a5278198760f6ddb480689b5abd16fafc1f (diff)
downloadwebui-vue-408657262515e015a2964aafb8a1c76fb5259699.tar.xz
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 <derick.montague@ibm.com> Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3
Diffstat (limited to 'src/assets/styles/_toast.scss')
-rw-r--r--src/assets/styles/_toast.scss44
1 files changed, 0 insertions, 44 deletions
diff --git a/src/assets/styles/_toast.scss b/src/assets/styles/_toast.scss
deleted file mode 100644
index 9295b17e..00000000
--- a/src/assets/styles/_toast.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.b-toaster {
- top: 75px!important; // make sure toasts do not hide top header
-}
-
-.toast {
- padding: $spacer/2 $spacer/2 $spacer/2 $spacer;
- border-width: 0 0 0 3px;
- .close {
- font-weight: 300;
- opacity: 1;
- }
-}
-
-.toast-header {
- background-color: inherit!important; //override specificity
- border: none;
- color: $dark!important; //override specificity
- padding-bottom: 0;
-}
-
-.toast-body {
- color: $dark;
- padding-top: 0;
-}
-
-.b-toast-success .toast {
- border-left-color: $success!important;
- background-color: $success-light;
-}
-
-.b-toast-info .toast {
- border-left-color: $info!important;
- background-color: $info-light;
-}
-
-.b-toast-danger .toast {
- border-left-color: $danger!important;
- background-color: $danger-light;
-}
-
-.b-toast-warning .toast {
- border-left-color: $warning!important;
- background-color: $warning-light;
-} \ No newline at end of file