fix: scss

ci: fix script

Author: VividLemon

.github/workflows/release-main.yaml

@@ -65,7 +65,7 @@ jobs:
         if: ${{ steps.release.outputs.releases_created }}
 
       - name: Build Library
-        run: pnpm run build-emit --filter bootstrap-vue-next && pnpm run build --filter @bootstrap-vue-next/nuxt
+        run: pnpm run build-emit --filter bootstrap-vue-next --filter @bootstrap-vue-next/nuxt
         if: ${{ steps.release.outputs.releases_created }}
 
       - name: Publish Main

package.json

@@ -26,6 +26,7 @@
     "prepare": "husky install && turbo run build",
     "dev": "turbo run dev --parallel",
     "build": "turbo run build",
+    "build-emit": "turbo run build-emit",
     "lint": "turbo run lint",
     "test:lint": "turbo run test:lint",
     "test:unit": "turbo run test:unit",

packages/bootstrap-vue-next/src/components/BToast/_toast.scss

@@ -0,0 +1,69 @@
+$b-toast-background-opacity: alpha($toast-background-color) !default;
+
+.b-toast {
+  display: block;
+  position: relative;
+  max-width: $toast-max-width;
+  backface-visibility: hidden;
+  background-clip: padding-box;
+  z-index: 1;
+
+  @include border-radius($toast-border-radius);
+
+  .toast {
+    // Allow us to override Bootstrap's default toast opacity
+    // As they do not provide it as a variable
+    background-color: rgba($toast-background-color, $b-toast-background-opacity);
+  }
+
+  &:not(:last-child) {
+    margin-bottom: $toast-padding-x;
+  }
+
+  &.b-toast-solid {
+    .toast {
+      background-color: rgba($toast-background-color, 1);
+    }
+  }
+
+  .toast {
+    // Override default Bootstrap v4.x opacity of 0
+    // Needed for re-usable fade transition
+    .toast-body {
+      display: block; // Needed when we use a link as the body element
+    }
+  }
+}
+
+// .b-toast-primary{
+//       color: red
+// }
+// rgba(204,229,255,.85)
+@mixin b-toast-variant($background, $border, $color) {
+  // Based on alert-variant mixin
+  background-color: rgba(lighten($background, 5%), $b-toast-background-opacity) !important;
+  border-color: rgba($border, $b-toast-background-opacity) !important;
+  color: $color;
+
+  .toast-header {
+    color: $color;
+    background-color: rgba($background, $b-toast-background-opacity);
+    border-bottom-color: rgba($border, $b-toast-background-opacity);
+  }
+
+  &.b-toast-solid {
+    .toast {
+      background-color: rgba(lighten($background, 5%), 1);
+    }
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .b-toast-#{$color} {
+    @include b-toast-variant(
+      shift-color($value, $alert-bg-scale),
+      shift-color($value, $alert-border-scale),
+      shift-color($value, $alert-color-scale)
+    );
+  }
+}

packages/bootstrap-vue-next/src/components/BToast/index.scss

@@ -0,0 +1,2 @@
+@import "toast";
+// @import "toaster";

packages/bootstrap-vue-next/src/styles/styles.scss

@@ -10,6 +10,7 @@
 @import "../components/BTable/table";
 @import "../components/BFormInput/form-input";
 @import "../components/BFormSpinButton/spinbutton";
+@import "../components/BToast/index";
 
 .container,
 .container-fluid {

packages/nuxt/package.json

@@ -24,6 +24,7 @@
     "prepack": "nuxt-module-build",
     "dev": "nuxi dev playground --port 3030",
     "build": "pnpm run dev:build && pnpm run prepack",
+    "build-emit": "pnpm run build",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "lint": "eslint --ext .js,.ts,.vue --ignore-path ../../.gitignore --fix",

turbo.json

@@ -5,6 +5,10 @@
       "dependsOn": ["^build"],
       "outputs": ["dist/**"]
     },
+    "build-emit": {
+      "dependsOn": ["^build-emit"],
+      "outputs": ["dist/**"]
+    },
     "test": {
       "outputs": []
     },