@imiobe/plonetheme-smartweb-base 0.0.6 → 0.1.0

package/src/scss/list/_list-block-img.scss

@@ -1,52 +1,56 @@
 body.template-block_view_with_images .block-menu-element {
-    a {
-        text-decoration: none;
-        .card-body {
-            background: #fff;
-            height: 180px;
-            border-radius: 15px 15px 15px 0px;
-            box-shadow: $block-small-shadow;
-            position: relative;
-            &::after {
-                // content: url(../svg/arrow-right-yellow.svg);
-                background: #fff;
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 50px;
-                height: 50px;
-                border-radius: 50%;
-                text-align: center;
-                margin: 1rem 1rem;
-            }
-        }
-        &:hover,
-        &:focus {
-            .card-body{
-                box-shadow: $block-full-shadow;
-                &::after {
-                    // content: url(../svg/arrow-right-white.svg);
-                    background: $yellow;
-                    left: 0;
-                    bottom: 0;
-                    width: 50px;
-                    height: 50px;
-                    border-radius: 50%;
-                    text-align: center;
-                    position: absolute;
-                    margin: 1rem 1rem;
-    
-                }
-            }
-        }
-        h2.card-title {
-            &:hover,
-            &:focus {
-                text-decoration-color: $yellow;
-            }
-            font-size: $section-list-block-img-card-title;
-            text-transform: initial;
-            font-weight: bold;
+  a {
+    text-decoration: none;
+
+    .card-body {
+      background: #fff;
+      height: 180px;
+      border-radius: 15px 15px 15px 0;
+      box-shadow: $block-small-shadow;
+      position: relative;
+
+      &::after {
+        // content: url(../svg/arrow-right-yellow.svg);
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        text-align: center;
+        margin: 1rem;
+      }
+    }
+
+    &:hover,
+    &:focus {
+      .card-body {
+        box-shadow: $block-full-shadow;
+
+        &::after {
+          // content: url(../svg/arrow-right-white.svg);
+          background: $yellow;
+          left: 0;
+          bottom: 0;
+          width: 50px;
+          height: 50px;
+          border-radius: 50%;
+          text-align: center;
+          position: absolute;
+          margin: 1rem;
         }
+      }
+    }
+
+    h2.card-title {
+      &:hover,
+      &:focus {
+        text-decoration-color: $yellow;
+      }
+      font-size: $section-list-block-img-card-title;
+      text-transform: initial;
+      font-weight: bold;
     }
-}
+  }
+}

package/src/scss/list/_list-block.scss

@@ -1,74 +1,80 @@
 body.template-block_view #content-core {
-    position: relative;
-    &::after {
-        content: "";
-        position: absolute;
-        width: 100vw;
-        background: #f7f7f7;
-        top: 0;
-        bottom: -10%;
-        left: 50%;
-        transform: translateX(-50%);
-        z-index: -2;
-    }
+  position: relative;
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100vw;
+    background: #f7f7f7;
+    top: 0;
+    bottom: -10%;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: -2;
+  }
 }
+
 #block-quickaccess {
-    margin-top: calc(var(--bs-gutter-y) * 0);
+  margin-top: calc(var(--bs-gutter-y) * 0);
 }
+
 .block-menu-element {
-    a {
-        text-decoration: none;
-        .card-body {
-            background: #fff;
-            height: 180px;
-            border-radius: 15px 15px 15px 0px;
-            box-shadow: $block-small-shadow;
-            transition: 1.2s;
-            position: relative;
-            &:hover,
-            &:focus {
+  a {
+    text-decoration: none;
 
-                box-shadow: $block-full-shadow;
-                h2.card-title {}
-                &::after {
-                    // content: url(../svg/arrow-right-white.svg);
-                    background: $yellow;
-                    left: 0;
-                    bottom: 0;
-                    width: 50px;
-                    height: 50px;
-                    border-radius: 50%;
-                    text-align: center;
-                    position: absolute;
-                    margin: 1rem 1rem;
-                    line-height: 50px;
-                }
-            }
-            &::after {
-                // content: url(../svg/arrow-right-yellow.svg);
-                background: transparent;
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 50px;
-                height: 50px;
-                border-radius: 50%;
-                text-align: center;
-                margin: 1rem 1rem;
-                line-height: 50px;
-                transition: 0.5s;
-            }
-        }
-        h2.card-title {
-            &:hover,
-            &:focus {
-                //border-bottom: $link-hover-decoration;
-                text-decoration-color: $yellow;
-            }
+    .card-body {
+      background: #fff;
+      height: 180px;
+      border-radius: 15px 15px 15px 0;
+      box-shadow: $block-small-shadow;
+      transition: 1.2s;
+      position: relative;
+
+      &:hover,
+      &:focus {
+        box-shadow: $block-full-shadow;
 
-            text-transform: initial;
-            font-weight: bold;
+        &::after {
+          background: $yellow;
+          left: 0;
+          bottom: 0;
+          width: 50px;
+          height: 50px;
+          border-radius: 50%;
+          text-align: center;
+          position: absolute;
+          margin: 1rem;
+          line-height: 50px;
         }
+      }
+
+      &::after {
+        // content: url(../svg/arrow-right-yellow.svg);
+        background: transparent;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        text-align: center;
+        margin: 1rem;
+        line-height: 50px;
+        transition: 0.5s;
+      }
+    }
+
+    h2.card-title {
+      &:hover,
+      &:focus {
+        //border-bottom: $link-hover-decoration;
+        text-decoration-color: $yellow;
+      }
+
+      text-transform: initial;
+      font-weight: bold;
     }
+  }
 }
-//HTML
+
+//HTML

package/src/scss/list/_list-img.scss

@@ -3,25 +3,32 @@
 /* démarches */
 
 .subsection-demarches-infos-pratiques .list-menu-element.col-12 {
-    margin-bottom: 1rem;
+  margin-bottom: 1rem;
 }
-.subsection-demarches-infos-pratiques .list-menu-element .newsImage.card-img-left {
-    width: 3rem;
-    height: 3rem;
-    border: 3px solid lightgrey;
-    border-radius: 90%;
-    background-size: 70%;
-    background-repeat: no-repeat;
-    margin-top: -0.5rem;
+
+.subsection-demarches-infos-pratiques
+  .list-menu-element
+  .newsImage.card-img-left {
+  width: 3rem;
+  height: 3rem;
+  border: 3px solid lightgrey;
+  border-radius: 90%;
+  background-size: 70%;
+  background-repeat: no-repeat;
+  margin-top: -0.5rem;
 }
+
 .subsection-demarches-infos-pratiques .list-menu-element a {
-    text-decoration: none;
+  text-decoration: none;
 }
+
 .subsection-demarches-infos-pratiques .list-menu-element h2.list-card-title {
-    font-weight: 500;
-    font-size: 1.75rem;
+  font-weight: 500;
+  font-size: 1.75rem;
 }
+
 .subsection-demarches-infos-pratiques .list-menu-element .list-card-body {
-    width: 75%;
+  width: 75%;
 }
-// end for bla
+
+// end for bla

package/src/scss/list/_list.scss

@@ -1,61 +1,63 @@
 .list-group {
-    .list-group-item {
-        border-bottom: $border-width solid #d1d1d1;
-        position: relative;
-        .tileHeadline {
-            a::after {
-                content: "";
-                top: 0;
-                bottom: 0;
-                left: 0;
-                right: 0;
-                position: absolute;
-                z-index: 1;
-            }
-            &:hover,
-            &:focus {
-                .summary {
-                    border-bottom: $link-hover-decoration;
-                }
-                &::after {
-                    // content: url(../svg/arrow-right-white.svg);
-                    background: $yellow;
-                    position: absolute;
-                    right: 0;
-                    width: 50px;
-                    height: 50px;
-                    border-radius: 50%;
-                    text-align: center;
-                    line-height: 50px;
-                }
-            }
-            &::after {
-                // content: url(../svg/arrow-right-yellow.svg);
-                background: #fff;
-                position: absolute;
-                right: 0;
-                width: 50px;
-                height: 50px;
-                border-radius: 50%;
-                text-align: center;
-                line-height: 50px;
-            }
-        }
+  .list-group-item {
+    border-bottom: $border-width solid #d1d1d1;
+    position: relative;
+
+    .tileHeadline {
+      a::after {
+        content: "";
+        inset: 0;
+        position: absolute;
+        z-index: 1;
+      }
+
+      &:hover,
+      &:focus {
         .summary {
-            &:hover,
-            &:focus {
-                border-bottom: $link-hover-decoration;
-            }
-            text-decoration: none;
-            text-transform: uppercase;
-            font-weight: bold;
+          border-bottom: $link-hover-decoration;
+        }
 
+        &::after {
+          // content: url(../svg/arrow-right-white.svg);
+          background: $yellow;
+          position: absolute;
+          right: 0;
+          width: 50px;
+          height: 50px;
+          border-radius: 50%;
+          text-align: center;
+          line-height: 50px;
         }
+      }
+
+      &::after {
+        // content: url(../svg/arrow-right-yellow.svg);
+        background: #fff;
+        position: absolute;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 50px;
+      }
     }
+
+    .summary {
+      &:hover,
+      &:focus {
+        border-bottom: $link-hover-decoration;
+      }
+      text-decoration: none;
+      text-transform: uppercase;
+      font-weight: bold;
+    }
+  }
 }
+
 //HTML
 body .list-group {
-    .list-group-item {
-        border: none !important;
-    }
-}
+  .list-group-item {
+    border: none !important;
+  }
+}

package/src/scss/main.scss

@@ -1,43 +1,46 @@
 //// VARIABLES
 $roboto-base-path: "@theme/assets/fonts/";
+
 @import "./variables";
 
 // Plone Barceloneta Styling & components
 
 // Plone colors
+
 @import "@plone/plonetheme-barceloneta-base/scss/variables.colors.plone";
 
 // Plone specific default variables & properties
+
 @import "@plone/plonetheme-barceloneta-base/scss/variables.properties";
 @import "@plone/plonetheme-barceloneta-base/scss/variables.barceloneta";
-
 @import "@plone/plonetheme-barceloneta-base/scss/base";
-
 @import "@plone/plonetheme-barceloneta-base/scss/mixins/mixin.portlets.plone";
 @import "@plone/plonetheme-barceloneta-base/scss/mixins/mixin.font.plone";
 
 // Plone components
+
 @import "@plone/plonetheme-barceloneta-base/scss/cards";
 @import "@plone/plonetheme-barceloneta-base/scss/scaffolding";
 
 // // style.scss
+
 @import "@plone/plonetheme-barceloneta-base/scss/icons";
 @import "@plone/plonetheme-barceloneta-base/scss/header";
 
 // @import "@plone/plonetheme-barceloneta-base/scss/sitenav";
+
 @import "@plone/plonetheme-barceloneta-base/scss/breadcrumbs";
 @import "@plone/plonetheme-barceloneta-base/scss/content";
 @import "@plone/plonetheme-barceloneta-base/scss/comments";
 @import "@plone/plonetheme-barceloneta-base/scss/portlets";
 @import "@plone/plonetheme-barceloneta-base/scss/footer";
-
 @import "@plone/plonetheme-barceloneta-base/scss/print";
-
 @import "@plone/plonetheme-barceloneta-base/scss/roboto-webfont";
 
 // @import "@plone/plonetheme-barceloneta-base/scss/barceloneta";
 
 ///// Common
+
 @import "./common/com-cookies";
 @import "./common/com-edition";
 @import "./common/com-faceted";
@@ -47,11 +50,14 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./common/com-footer";
 
 ///// List
+
 @import "./list/list-block";
 @import "./list/list-block-img";
 @import "./list/list-img";
 @import "./list/list";
+
 ///// Base
+
 @import "./mixin";
 @import "./general";
 @import "./fonts";
@@ -59,12 +65,12 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./sub-sitenav";
 @import "./header";
 @import "./edition";
-@import "./swiper";
 @import "./print";
 @import "./swiper";
 @import "./trucaverif";
 
 //// Sections
+
 @import "./sections/se-textes";
 @import "./sections/se-contact";
 @import "./sections/se-file";
@@ -76,6 +82,7 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./sections/se-postit";
 
 // Home page
+
 @import "./homepage/general-home";
 @import "./homepage/banner";
 @import "./homepage/quick-access";
@@ -85,9 +92,10 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./homepage/album";
 @import "./homepage/newsletter";
 
-#faceted-map-container{
-    z-index: 0;
+#faceted-map-container {
+  z-index: 0;
 }
+
 .leaflet-top.leaflet-left {
-    z-index: inherit !important;
-  }
+  z-index: inherit !important;
+}