🎨 [bootsier] Ajusta estilos para personalizar

extensions/pagetop-bootsier/static/scss/_customs.scss

@@ -0,0 +1,108 @@
+// Enable CSS Grid
+$enable-grid-classes: false;
+$enable-cssgrid: true;
+
+// Opacity
+.bg-opacity-0 {
+  --bs-bg-opacity: 0;
+}
+
+.border-opacity-0 {
+  --bs-border-opacity: 0;
+}
+
+.text-opacity-0 {
+  --bs-text-opacity: 0;
+}
+.text-opacity-10 {
+  --bs-text-opacity: 0.1;
+}
+
+// Extending utilities
+$utilities: map-merge(
+  $utilities,
+  (
+    // Individual border widths
+    "border-top": (
+      property: border-top-width,
+      class: border-top,
+      values: $border-widths
+    ),
+    "border-end": (
+      property: border-right-width,
+      class: border-end,
+      values: $border-widths
+    ),
+    "border-bottom": (
+      property: border-bottom-width,
+      class: border-bottom,
+      values: $border-widths
+    ),
+    "border-start": (
+      property: border-left-width,
+      class: border-start,
+      values: $border-widths
+    ),
+    // Individual rounded values
+    "rounded-top-start": (
+      property: border-top-left-radius,
+      class: rounded-top-start,
+      values: (
+        null: var(--#{$prefix}border-radius),
+        0: 0,
+        1: var(--#{$prefix}border-radius-sm),
+        2: var(--#{$prefix}border-radius),
+        3: var(--#{$prefix}border-radius-lg),
+        4: var(--#{$prefix}border-radius-xl),
+        5: var(--#{$prefix}border-radius-xxl),
+        circle: 50%,
+        pill: var(--#{$prefix}border-radius-pill)
+      )
+    ),
+    "rounded-top-end": (
+      property: border-top-right-radius,
+      class: rounded-top-end,
+      values: (
+        null: var(--#{$prefix}border-radius),
+        0: 0,
+        1: var(--#{$prefix}border-radius-sm),
+        2: var(--#{$prefix}border-radius),
+        3: var(--#{$prefix}border-radius-lg),
+        4: var(--#{$prefix}border-radius-xl),
+        5: var(--#{$prefix}border-radius-xxl),
+        circle: 50%,
+        pill: var(--#{$prefix}border-radius-pill)
+      )
+    ),
+    "rounded-bottom-start": (
+      property: border-bottom-left-radius,
+      class: rounded-bottom-start,
+      values: (
+        null: var(--#{$prefix}border-radius),
+        0: 0,
+        1: var(--#{$prefix}border-radius-sm),
+        2: var(--#{$prefix}border-radius),
+        3: var(--#{$prefix}border-radius-lg),
+        4: var(--#{$prefix}border-radius-xl),
+        5: var(--#{$prefix}border-radius-xxl),
+        circle: 50%,
+        pill: var(--#{$prefix}border-radius-pill)
+      )
+    ),
+    "rounded-bottom-end": (
+      property: border-bottom-right-radius,
+      class: rounded-bottom-end,
+      values: (
+        null: var(--#{$prefix}border-radius),
+        0: 0,
+        1: var(--#{$prefix}border-radius-sm),
+        2: var(--#{$prefix}border-radius),
+        3: var(--#{$prefix}border-radius-lg),
+        4: var(--#{$prefix}border-radius-xl),
+        5: var(--#{$prefix}border-radius-xxl),
+        circle: 50%,
+        pill: var(--#{$prefix}border-radius-pill)
+      )
+    ),
+  )
+);

extensions/pagetop-bootsier/static/scss/bootsier.scss

@@ -0,0 +1,55 @@
+@import "bootstrap-5.3.8/mixins/banner";
+@include bsBanner("");
+
+
+// scss-docs-start import-stack
+// Configuration
+@import "bootstrap-5.3.8/functions";
+@import "bootstrap-5.3.8/variables";
+@import "bootstrap-5.3.8/variables-dark";
+@import "bootstrap-5.3.8/maps";
+@import "bootstrap-5.3.8/mixins";
+@import "bootstrap-5.3.8/utilities";
+
+// Layout & components
+@import "bootstrap-5.3.8/root";
+@import "bootstrap-5.3.8/reboot";
+@import "bootstrap-5.3.8/type";
+@import "bootstrap-5.3.8/images";
+@import "bootstrap-5.3.8/containers";
+@import "bootstrap-5.3.8/grid";
+@import "bootstrap-5.3.8/tables";
+@import "bootstrap-5.3.8/forms";
+@import "bootstrap-5.3.8/buttons";
+@import "bootstrap-5.3.8/transitions";
+@import "bootstrap-5.3.8/dropdown";
+@import "bootstrap-5.3.8/button-group";
+@import "bootstrap-5.3.8/nav";
+@import "bootstrap-5.3.8/navbar";
+@import "bootstrap-5.3.8/card";
+@import "bootstrap-5.3.8/accordion";
+@import "bootstrap-5.3.8/breadcrumb";
+@import "bootstrap-5.3.8/pagination";
+@import "bootstrap-5.3.8/badge";
+@import "bootstrap-5.3.8/alert";
+@import "bootstrap-5.3.8/progress";
+@import "bootstrap-5.3.8/list-group";
+@import "bootstrap-5.3.8/close";
+@import "bootstrap-5.3.8/toasts";
+@import "bootstrap-5.3.8/modal";
+@import "bootstrap-5.3.8/tooltip";
+@import "bootstrap-5.3.8/popover";
+@import "bootstrap-5.3.8/carousel";
+@import "bootstrap-5.3.8/spinners";
+@import "bootstrap-5.3.8/offcanvas";
+@import "bootstrap-5.3.8/placeholders";
+
+// Helpers
+@import "bootstrap-5.3.8/helpers";
+
+// Custom definitions
+@import "customs";
+
+// Utilities
+@import "bootstrap-5.3.8/utilities/api";
+// scss-docs-end import-stack