Merge branch 'release/3.5.2'

src/assets/scss/abstracts/functions/_abstracts-functions-contains.scss

@@ -0,0 +1,8 @@
+// ABSTRACTS - FUNCTIONS
+// CONTAINS
+// =================================================
+@use "sass:list";
+
+@function contains($list, $item) {
+	@return list.index($list, $item) != null;
+}

src/assets/scss/tools/tools-media.scss → src/assets/scss/abstracts/mixins/_abstracts-mixins-media.scss

@@ -1,16 +1,11 @@
-// TOOLS
-// MIXIN
-// media queries
-// ------------------
-@use "sass:list";
+// ABSTRACTS - MIXINS
+// MEDIA
+// =================================================
 @use "sass:map";
 @use "sass:math";
 @use "sass:meta";
-@use "../settings/settings-breakpoints" as *;
-
-@function contains($list, $item) {
-	@return list.index($list, $item) != null;
-}
+@use "../functions/abstracts-functions-contains" as *;
+@use "../variables/abstracts-variables-breakpoints" as *;
 
 @mixin media($breakpoint, $rule: "max", $dimension: "width") {
 	$rules: "max", "min";

src/assets/scss/abstracts/variables/_abstracts-variables-breakpoints.scss

@@ -0,0 +1,20 @@
+// ABSTRACTS - VARIABLES
+// BREAKPOINTS
+// =================================================
+
+$breakpoints: (
+	xs: 480px,
+	// mobile portrait
+	sm: 576px,
+	// mobile landscape
+	md: 768px,
+	// tablet portrait
+	lg: 992px,
+	// tablet portrait
+	xl: 1024px,
+	// tablet landscape
+	xxl: 1280px,
+	// laptop
+	xxxl: 1600px,
+	// desktop
+) !default;

src/assets/scss/settings/settings-colors.scss → src/assets/scss/abstracts/variables/_abstracts-variables-colors.scss

@@ -1,23 +1,23 @@
-// SETTINGS
+// ABSTRACTS - VARIABLES
 // COLORS
-// ------------------
+// =================================================
 @use "sass:color";
 
 // GRAY SCALE
-// =================================================
+// ----------------------------------------------------------------------
 $color-black: #000000;
 $color-gray: #3f3f3f;
 $color-silver: #d5d5d5;
 $color-light: #fafafa;
 $color-white: #ffffff;
 
 // STATUS
-// =================================================
+// ----------------------------------------------------------------------
 $color-error: #ff6347;
 $color-success: #008080;
 
 // BRAND
-// =================================================
+// ----------------------------------------------------------------------
 $color-brand-1: #42b883;
 $color-brand-2: #35495e;
 $color-brand-2--dark: color.mix($color-black, $color-brand-2, 20%);

src/assets/scss/settings/settings-fonts.scss → src/assets/scss/abstracts/variables/_abstracts-variables-fonts.scss

@@ -1,8 +1,8 @@
-// SETTINGS
+// ABSTRACTS - VARIABLES
 // FONTS
-// ------------------
+// =================================================
 
 // BRAND
-// =================================================
+// ----------------------------------------------------------------------
 $font-brand-1: "Dauphin", "Bradley Hand", sans-serif;
 $font-brand-2: "Oxygen", helvetica, cursive;

src/assets/scss/styles.scss

@@ -1,12 +1,12 @@
 // PARTIALS SCSS
-// ------------------
+// ===============================================================================
 
-// SETTINGS
-// =================================================
-@forward "settings/settings-breakpoints";
-@forward "settings/settings-colors";
-@forward "settings/settings-fonts";
-
-// TOOLS
-// =================================================
-@forward "tools/tools-media";
+// ABSTRACTS
+// ----------------------------------------------------------------------
+@forward "abstracts/functions/abstracts-functions-contains";
+// -------------------
+@forward "abstracts/mixins/abstracts-mixins-media";
+// -------------------
+@forward "abstracts/variables/abstracts-variables-breakpoints";
+@forward "abstracts/variables/abstracts-variables-colors";
+@forward "abstracts/variables/abstracts-variables-fonts";