Merge pull request #17 from philippebeck/dev

Release 0.4.9
philippebeck · Dec 4, 2024 · b7ce3c2 · b7ce3c2
2 parents c87519f + 409dd1c
commit b7ce3c2
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 27 deletions.
diff --git a/dist/style.css b/dist/style.css
diff --git a/lib/assets/style.scss b/lib/assets/style.scss
@@ -70,11 +70,3 @@ $transforms: (
 @each $key, $value in $transforms {
   @include keyframes($key, $value);
 }
-
-body {
-  margin: 0;
-  font-family: $sans-serif;
-  font-size: 1rem;
-  background-color: $black;
-  color: $white;
-}
diff --git a/lib/molecules/navbar/navbar.scss b/lib/molecules/navbar/navbar.scss
@@ -49,6 +49,7 @@ $font-sizes: (
 
   ul {
     flex-flow: nowrap;
+    gap: 5vw;
   }
 
   @each $breakpoint-key, $breakpoint-value in $breakpoints {
@@ -64,6 +65,10 @@ $font-sizes: (
 
   @media (min-width: $sm) {
     place-content: space-around;
+
+    & ul {
+      gap: 2vw;
+    }
   }
 
   @media (min-width: $lg) {

diff --git a/lib/molecules/slider/slider.scss b/lib/molecules/slider/slider.scss
@@ -51,6 +51,7 @@ $font-ratios: (
   position: relative;
   margin: 0;
   padding: 0 20px 32px;
+  text-align: center;
 
   nav {
     i {

diff --git a/lib/molecules/title/title.scss b/lib/molecules/title/title.scss
@@ -4,6 +4,7 @@
 
 $gap: 5px;
 $margin: 20px;
+$width: 300px;
 $title: 1.2rem;
 $subtitle: 0.7;
 
@@ -21,14 +22,14 @@ $margin-ratios: (
 
 $screen-ratios: (
   "sm": 1.3,
-  "md": 1.5,
-  "lg": 1.7
+  "md": 1.6,
+  "lg": 1.9
   ) !default;
 
 $title-ratios: (
-  "h1": 1.6,
-  "h2": 1.4,
-  "h3": 1.2,
+  "h1": 1.5,
+  "h2": 1.3,
+  "h3": 1.1,
   "h4": 1
   ) !default;
 
@@ -46,6 +47,7 @@ $title-ratios: (
     font-size: $font-size;
 
     & + p {
+      width: calc($width * $screen-ratio * $screen-ratio);
       font-size: calc($font-size * $subtitle);
     }
   }
@@ -61,19 +63,11 @@ $title-ratios: (
   font-family: $serif;
   text-align: center;
 
-  h1,
-  h2,
-  h3,
-  h4,
-  p {
+  & > * {
     margin: 0;
-  }
 
-  h1,
-  h2,
-  h3,
-  h4 {
     & + p {
+      margin: auto;
       color: $silver;
     }
   }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "reactoms",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "description": "A React Components Library made with TypeScript, Sass, Vite & Atomic Design : Card, Collapse, Icon, Image, Link, List for Atoms & Button, Footer, Gallery, Navbar, Slider, Title for Molecules",
   "type": "module",
   "keywords": [