🎨 [bootsier] Ajusta estilos para personalizar

extensions/pagetop-bootsier/.gitattributes

@@ -0,0 +1 @@
+static/** linguist-vendored

extensions/pagetop-bootsier/Cargo.toml

@@ -4,7 +4,7 @@ version = "0.0.18"
 edition = "2021"
 
 description = """
-    Tema de PageTop basado en Bootstrap para ofrecer su catálogo de estilos y componentes flexibles.
+    Tema de PageTop basado en Bootstrap para dar vida a tus diseños web.
 """
 categories = ["web-programming", "gui"]
 keywords = ["pagetop", "theme", "bootstrap", "css", "js"]

extensions/pagetop-bootsier/README.md

@@ -2,7 +2,7 @@
 
 <h1>PageTop Bootsier</h1>
 
-<p>Tema de <strong>PageTop</strong> basado en Bootstrap para ofrecer su catálogo de estilos y componentes flexibles.</p>
+<p>Tema de <strong>PageTop</strong> basado en Bootstrap para dar vida a tus diseños web.</p>
 
 [![Doc API](https://img.shields.io/docsrs/pagetop-bootsier?label=Doc%20API&style=for-the-badge&logo=Docs.rs)](https://docs.rs/pagetop-bootsier)
 [![Crates.io](https://img.shields.io/crates/v/pagetop-bootsier.svg?style=for-the-badge&logo=ipfs)](https://crates.io/crates/pagetop-bootsier)

extensions/pagetop-bootsier/build.rs

@@ -4,8 +4,8 @@ use std::env;
 use std::path::Path;
 
 fn main() -> std::io::Result<()> {
-    StaticFilesBundle::from_scss("./static/bootstrap/bootstrap.scss", "bootstrap.min.css")
+    StaticFilesBundle::from_scss("./static/scss/bootsier.scss", "bootstrap.min.css")
-        .with_name("bootsier")
+        .with_name("bootsier_bs")
         .build()?;
     StaticFilesBundle::from_dir("./static/js", Some(bootstrap_js_files))
         .with_name("bootsier_js")
@@ -13,7 +13,7 @@ fn main() -> std::io::Result<()> {
 }
 
 fn bootstrap_js_files(path: &Path) -> bool {
-    // No filtering during development, only on "release" compilation.
+    // No filtra durante el desarrollo, solo en la compilación "release".
     env::var("PROFILE").unwrap_or_else(|_| "release".to_string()) != "release"
         || path.file_name().map_or(false, |n| n == "bootstrap.min.js")
 }

extensions/pagetop-bootsier/src/lib.rs

@@ -100,7 +100,7 @@ impl Extension for Bootsier {
     }
 
     fn configure_service(&self, scfg: &mut service::web::ServiceConfig) {
-        static_files_service!(scfg, [bootsier] => "/bootsier/css");
+        static_files_service!(scfg, [bootsier_bs] => "/bootsier/bs");
         static_files_service!(scfg, [bootsier_js] => "/bootsier/js");
     }
 }
@@ -108,7 +108,7 @@ impl Extension for Bootsier {
 impl Theme for Bootsier {
     fn after_render_page_body(&self, page: &mut Page) {
         page.alter_assets(ContextOp::AddStyleSheet(
-            StyleSheet::from("/bootsier/css/bootstrap.min.css")
+            StyleSheet::from("/bootsier/bs/bootstrap.min.css")
                 .with_version(BOOTSTRAP_VERSION)
                 .with_weight(-90),
         ))

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