Redifined SCSS structure

paperplanefactory · May 30, 2023 · f47d419 · f47d419
1 parent 628fdb3
commit f47d419
Show file tree

Hide file tree

Showing 24 changed files with 95 additions and 57 deletions.
diff --git a/assets/css/_desktop-forms.scss → assets/css/desktop/_forms.scss b/assets/css/_desktop-forms.scss → assets/css/desktop/_forms.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import '../global/vars';
+@import '../global/mixin';
 
 .search-hold {
   input[type=text] {

diff --git a/assets/css/_fullhd-grid-exc.scss → assets/css/desktop/_fullhd-grid-exc.scss b/assets/css/_fullhd-grid-exc.scss → assets/css/desktop/_fullhd-grid-exc.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import '../global/vars';
+@import '../global/mixin';
 
 .flex-hold-3,
 .flex-hold-5 {
@@ -30,6 +30,7 @@
 
   &.masonry-three,
   &.masonry-two {
+
     .flex-hold-child,
     .grid-sizer {
       position: relative;

diff --git a/assets/css/_desktop-grid-exc.scss → assets/css/desktop/_grid-exc.scss b/assets/css/_desktop-grid-exc.scss → assets/css/desktop/_grid-exc.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import '../global/vars';
+@import '../global/mixin';
 
 .flex-hold-5 {
   &.margins-wide {
@@ -66,6 +66,7 @@
   margin-top: 14px;
 
   &.masonry-three {
+
     .flex-hold-child,
     .grid-sizer {
       position: relative;
@@ -76,6 +77,7 @@
   }
 
   &.masonry-two {
+
     .flex-hold-child,
     .grid-sizer {
       position: relative;

diff --git a/assets/css/_desktop-header-footer.scss → assets/css/desktop/_header-footer.scss b/assets/css/_desktop-header-footer.scss → assets/css/desktop/_header-footer.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin'; // header
+@import '../global/vars';
+@import '../global/mixin'; // header
 
 #preheader {
   position: relative;

diff --git a/assets/css/_desktop-structure.scss → assets/css/desktop/_structure.scss b/assets/css/_desktop-structure.scss → assets/css/desktop/_structure.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import '../global/vars';
+@import '../global/mixin';
 
 .only-mobile {
   display: none;

diff --git a/assets/css/_global-colors-clear.scss → assets/css/global/_colors-clear.scss b/assets/css/_global-colors-clear.scss → assets/css/global/_colors-clear.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import 'vars';
+@import 'mixin';
 
 body.clear-theme {
 	color: $color-1;
@@ -14,6 +14,7 @@ body.clear-theme {
 }
 
 .clear-theme {
+
 	div,
 	footer,
 	header,
@@ -63,6 +64,7 @@ body.clear-theme {
 	::-moz-placeholder {
 		color: $color-1;
 	}
+
 	// hamburger
 	.open_head .hambuger-element span {
 		background-color: $color-1 !important;
@@ -75,6 +77,7 @@ body.clear-theme {
 	.hambuger-element:hover span {
 		background: $color-3;
 	}
+
 	// txt colors
 	.txt-1 {
 		color: $color-1;
@@ -108,9 +111,10 @@ body.clear-theme {
 		}
 	}
 
-	ol > li:before {
+	ol>li:before {
 		color: $color-1;
 	}
+
 	// bg colors
 	.bg-1 {
 		background-color: $color-1;
@@ -131,6 +135,7 @@ body.clear-theme {
 	.bg-5 {
 		background-color: $color-5;
 	}
+
 	// link behaviour and colors
 	a:link,
 	a:visited {
@@ -167,6 +172,7 @@ body.clear-theme {
 	}
 
 	.txt-4 {
+
 		&:link,
 		&:visited {
 			color: $color-2;
@@ -182,6 +188,7 @@ body.clear-theme {
 			color: $color-6;
 		}
 	}
+
 	// structure elements
 	.flex-hold-title {
 		background-color: rgba(255, 255, 255, 0.85);
@@ -190,6 +197,7 @@ body.clear-theme {
 	.sk-folding-cube .sk-cube:before {
 		background-color: $color-1;
 	}
+
 	// forms
 	.form-hold {
 		label {

diff --git a/assets/css/_global-colors-dark.scss → assets/css/global/_colors-dark.scss b/assets/css/_global-colors-dark.scss → assets/css/global/_colors-dark.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import 'vars';
+@import 'mixin';
 
 body.dark-theme {
 	color: $color-1-dark;
@@ -14,6 +14,7 @@ body.dark-theme {
 }
 
 .dark-theme {
+
 	div,
 	footer,
 	header,
@@ -60,6 +61,7 @@ body.dark-theme {
 	::-moz-placeholder {
 		color: $color-1-dark;
 	}
+
 	// hamburger
 	.open_head .hambuger-element span {
 		background-color: $color-1-dark !important;
@@ -72,6 +74,7 @@ body.dark-theme {
 	.hambuger-element:hover span {
 		background: $color-3-dark;
 	}
+
 	// txt colors
 	.txt-1,
 	.video-slide .prev-next,
@@ -101,9 +104,10 @@ body.dark-theme {
 		}
 	}
 
-	ol > li:before {
+	ol>li:before {
 		color: $color-1-dark;
 	}
+
 	// bg colors
 	.bg-1 {
 		background-color: $color-1-dark;
@@ -130,6 +134,7 @@ body.dark-theme {
 			background-color: $color-1-dark;
 		}
 	}
+
 	// link behaviour and colors
 	a:link,
 	a:visited {
@@ -180,6 +185,7 @@ body.dark-theme {
 	}
 
 	.txt-4 {
+
 		&:link,
 		&:visited {
 			color: $color-2-dark;
@@ -195,6 +201,7 @@ body.dark-theme {
 			color: $color-6;
 		}
 	}
+
 	// structure elements
 	.flex-hold-title {
 		background-color: rgba(25, 25, 25, 0.85);
@@ -203,6 +210,7 @@ body.dark-theme {
 	.sk-folding-cube .sk-cube:before {
 		background-color: $color-1-dark;
 	}
+
 	// forms
 	.form-hold {
 		label {

diff --git a/assets/css/_global-defaults.scss → assets/css/global/_defaults.scss b/assets/css/_global-defaults.scss → assets/css/global/_defaults.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin'; // index
+@import 'vars';
+@import 'mixin'; // index
 // comportamenti predefiniti - selezione testo - placeholder - allineamento testi - immagini - etc
 // infinite load
 // banner cookies
@@ -163,6 +163,7 @@
 		height: 100%;
 	}
 }
+
 // infinite load
 
 .navigation {
@@ -209,6 +210,7 @@
 	text-transform: uppercase;
 	cursor: pointer;
 }
+
 // hamburger
 .hambuger-element {
 	width: 25px;
@@ -265,6 +267,7 @@
 	width: 0;
 	left: 50%;
 }
+
 // link behaviour and colors
 
 a.absl:link {
@@ -276,6 +279,7 @@ a.absl:link {
 	width: 100%;
 	height: 100%;
 }
+
 // comma separated links
 
 .category-list {
@@ -312,6 +316,7 @@ a.absl:link {
 		}
 	}
 }
+
 // structure
 
 #header {
@@ -392,6 +397,7 @@ a.absl:link {
 .pointered {
 	cursor: pointer;
 }
+
 // responsive iframes / videos
 
 .video-frame {

diff --git a/assets/css/_global-effects.scss → assets/css/global/_effects.scss b/assets/css/_global-effects.scss → assets/css/global/_effects.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import 'vars';
+@import 'mixin';
 
 .blurred {
 	@include define-lazy-blur(5px);
@@ -58,7 +58,7 @@ html.is-animating .loading-transition-effect {
 	text-align: center;
 }
 
-.spinner > div {
+.spinner>div {
 	width: 18px;
 	height: 18px;
 	border-radius: 100%;
@@ -76,7 +76,9 @@ html.is-animating .loading-transition-effect {
 	-webkit-animation-delay: -0.16s;
 	animation-delay: -0.16s;
 }
+
 @-webkit-keyframes sk-bouncedelay {
+
 	0%,
 	100%,
 	80% {
@@ -87,7 +89,9 @@ html.is-animating .loading-transition-effect {
 		-webkit-transform: scale(1.0);
 	}
 }
+
 @keyframes sk-bouncedelay {
+
 	0%,
 	100%,
 	80% {
@@ -167,7 +171,9 @@ html.is-animating .loading-transition-effect {
 	-webkit-animation-delay: 0.9s;
 	animation-delay: 0.9s;
 }
+
 @-webkit-keyframes sk-foldCubeAngle {
+
 	0%,
 	10% {
 		-webkit-transform: perspective(140px) rotateX(-180deg);
@@ -189,7 +195,9 @@ html.is-animating .loading-transition-effect {
 		opacity: 0;
 	}
 }
+
 @keyframes sk-foldCubeAngle {
+
 	0%,
 	10% {
 		-webkit-transform: perspective(140px) rotateX(-180deg);
@@ -218,7 +226,9 @@ html.is-animating .loading-transition-effect {
 		animation: swipe-info-move 1.4s infinite ease-in-out both;
 	}
 }
+
 @-webkit-keyframes swipe-info-move {
+
 	0%,
 	33% {
 		margin-left: -15px;
@@ -237,7 +247,9 @@ html.is-animating .loading-transition-effect {
 		//opacity: 1;
 	}
 }
+
 @keyframes swipe-info-move {
+
 	0%,
 	33% {
 		margin-left: -35px;

diff --git a/assets/css/_global-forms.scss → assets/css/global/_forms.scss b/assets/css/_global-forms.scss → assets/css/global/_forms.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin'; // forms
+@import 'vars';
+@import 'mixin'; // forms
 
 .form-hold {
 	position: relative;

diff --git a/assets/css/_icon-font-old.scss → assets/css/global/_icon-font-old.scss b/assets/css/_icon-font-old.scss → assets/css/global/_icon-font-old.scss
diff --git a/assets/css/_icon-font.scss → assets/css/global/_icon-font.scss b/assets/css/_icon-font.scss → assets/css/global/_icon-font.scss
diff --git a/assets/css/_global-images.scss → assets/css/global/_images.scss b/assets/css/_global-images.scss → assets/css/global/_images.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import 'vars';
+@import 'mixin';
 
 .wp-caption.aligncenter,
 .wp-caption.alignnone {

diff --git a/assets/css/_global-mixin.scss → assets/css/global/_mixin.scss b/assets/css/_global-mixin.scss → assets/css/global/_mixin.scss
diff --git a/assets/css/_global-reset.scss → assets/css/global/_reset.scss b/assets/css/_global-reset.scss → assets/css/global/_reset.scss
@@ -1,6 +1,6 @@
 // main: style.scss
-@import 'global-vars';
-@import 'global-mixin';
+@import 'vars';
+@import 'mixin';
 
 a,
 abbr,
@@ -207,6 +207,7 @@ img {
 	vertical-align: middle;
 	-ms-interpolation-mode: bicubic;
 }
+
 /* Clearing floats */
 .clear:after,
 .format-status .entry-header:after,