Renamed in fullpage

zetareticoli · May 11, 2022 · 4ce003a · 4ce003a
1 parent a22a7b2
commit 4ce003a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 18 deletions.
diff --git a/lib/src/fullpage/fullpage.html b/lib/src/fullpage/fullpage.html
@@ -1,7 +1,7 @@
 <link rel="stylesheet" href="../cssui.css">
 <link rel="stylesheet" href="fullpage.css">
 
-<div data-slider>
+<div data-fullpage>
   <div data-slides>
     <section id="slide-1" data-slide="1">
       Slide 1

diff --git a/lib/src/fullpage/fullpage.scss b/lib/src/fullpage/fullpage.scss
@@ -1,18 +1,18 @@
-[data-slider] {
-  --slider-height: 100vh; // Set the slider total height, slides inherits this value
-  --slider-direction: x; // Set the slider direction
-  --slider-scroll: mandatory;
+[data-fullpage] {
+  --fullpage-height: 100vh; // Set the fullpage total height, slides inherits this value
+  --fullpage-direction: x; // Set the fullpage direction
+  --fullpage-scroll: mandatory;
   --slide-size: 100%;
   --slide-snap-align: start;
   --slide-padding: 12px;
   --slide-arrow-color: black;
 
   position: relative;
   width: 100%;
-  height: var(--slider-height);
+  height: var(--fullpage-height);
 }
 
-[data-slider] {
+[data-fullpage] {
   &::before,
   &::after {
     position: absolute;
@@ -47,8 +47,11 @@
 
 [data-slides] {
   display: flex;
+  // flex-direction: column;
+  // height: 100vh;
   height: 100%;
-  scroll-snap-type: var(--slider-direction) var(--slider-scroll);
+  scroll-snap-type: var(--fullpage-direction) var(--fullpage-scroll);
+  // overflow-y: scroll;
   overflow-x: scroll;
   position: relative;
   z-index: 0;
@@ -59,7 +62,8 @@
     position: relative;
     padding: var(--slide-padding);
     scroll-snap-align: var(--slide-snap-align);
-    height: 100%;
+    min-height: 100&;
+    // min-height: 100vh;
     min-width: var(--slide-size);
     box-sizing: border-box;
   }

diff --git a/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content b/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content
@@ -10639,15 +10639,12 @@ table {
 .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::after {
   top: 0; }
 
-.docs-content > h2[id]::before, .docs-content > [id].h2::before,
-.docs-content > h3[id]::before,
-.docs-content > [id].h3::before,
-.docs-content > h4[id]::before,
-.docs-content > [id].h4::before {
-  display: block;
-  height: 6rem;
-  margin-top: -6rem;
-  content: ""; }
+.docs-content > h2[id], .docs-content > [id].h2,
+.docs-content > h3[id],
+.docs-content > [id].h3,
+.docs-content > h4[id],
+.docs-content > [id].h4 {
+  scroll-margin-top: 6rem; }
 
 .anchor {
   visibility: hidden;