Revert "chore: Remove duplicated files"

This reverts commit3f36ea9.
wpmudev · Dec 27, 2022 · aa223a3 · aa223a3
1 parent 87f5fe9
commitaa223a3
Show file tree

Hide file tree

Showing 30 changed files with 977 additions and 0 deletions.
diff --git a/src/_core/_colors/_color-modifiers/_build-background.scss b/src/_core/_colors/_color-modifiers/_build-background.scss
@@ -0,0 +1,21 @@
+@use"sass:map";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import colors map.
+@use"../_color-utils/variables"as*;
+
+@mixinbuild-background($block) {
+@includesui-class($rtl:false,$theme:light) {
+@each$name,$mapin$sui-palette{
+@each$shade,$valuein$map{
+@includeblock($block+"-"+$name) {
+@includemodifier($shade) {
+background:$value;
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_colors/_color-modifiers/_build-border.scss b/src/_core/_colors/_color-modifiers/_build-border.scss
@@ -0,0 +1,21 @@
+@use"sass:map";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import colors map.
+@use"../_color-utils/variables"as*;
+
+@mixinbuild-border($block) {
+@includesui-class($rtl:false,$theme:light) {
+@each$name,$mapin$sui-palette{
+@each$shade,$valuein$map{
+@includeblock($block+"-"+$name) {
+@includemodifier($shade) {
+border-color:$value;
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_colors/_color-modifiers/_build-font.scss b/src/_core/_colors/_color-modifiers/_build-font.scss
@@ -0,0 +1,21 @@
+@use"sass:map";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import colors map.
+@use"../_color-utils/variables"as*;
+
+@mixinbuild-font($block) {
+@includesui-class($rtl:false,$theme:light) {
+@each$name,$mapin$sui-palette{
+@each$shade,$valuein$map{
+@includeblock($block+"-"+$name) {
+@includemodifier($shade) {
+color:$value;
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_colors/_color-modifiers/_modifiers.scss b/src/_core/_colors/_color-modifiers/_modifiers.scss
@@ -0,0 +1,3 @@
+@forward"./build-border";
+@forward"./build-background";
+@forward"./build-font";
diff --git a/src/_core/_colors/_color-utils/_variables.scss b/src/_core/_colors/_color-utils/_variables.scss
@@ -0,0 +1,47 @@
+@use"../../../_utils/tokens"as*;
+
+///Main Colors.
+///@authorWPMU DEV
+///
+///@since1.0.0
+$sui-palette:(
+primary:(
+10:$color-primary-10,
+30:$color-primary-30,
+50:$color-primary-50,
+70:$color-primary-70,
+90:$color-primary-90,
+),
+neutral:(
+10:$color-extended-neutral-10,
+30:$color-extended-neutral-30,
+50:$color-extended-neutral-50,
+60:$color-extended-neutral-60,
+70:$color-extended-neutral-70,
+80:$color-extended-neutral-80,
+90:$color-extended-neutral-90,
+95:$color-extended-neutral-95,
+100:$color-extended-neutral-100,
+),
+success:(
+10:$color-extended-success-10,
+30:$color-extended-success-30,
+50:$color-extended-success-50,
+70:$color-extended-success-70,
+90:$color-extended-success-90,
+),
+warning:(
+10:$color-extended-warning-10,
+30:$color-extended-warning-30,
+50:$color-extended-warning-50,
+70:$color-extended-warning-70,
+90:$color-extended-warning-90,
+),
+error:(
+10:$color-extended-error-10,
+30:$color-extended-error-30,
+50:$color-extended-error-50,
+70:$color-extended-error-70,
+90:$color-extended-error-90,
+),
+);
diff --git a/src/_core/_colors/_colors.scss b/src/_core/_colors/_colors.scss
@@ -0,0 +1,5 @@
+@use"./_color-modifiers/modifiers"assui-color--modifier;
+
+@includesui-color--modifier.build-background("bg");
+@includesui-color--modifier.build-border("border-color");
+@includesui-color--modifier.build-font("color");
diff --git a/src/_core/_grid/_grid-elements/_build-col.scss b/src/_core/_grid/_grid-elements/_build-col.scss
@@ -0,0 +1,23 @@
+@use"sass:map";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import grid variables.
+@use"../_grid-utils/variables"as*;
+
+///Grid Column.
+///@typeblock
+///@authorWPMU DEV
+///
+///@param{String}$block- Main block name.
+@mixinbuild-col($block) {
+@includesui-class($rtl:false,$theme:null) {
+@includeblock($block) {
+min-width:0;
+max-width:100%;
+display:block;
+margin:00map.get($sui-grid-spacing,sm);
+}
+}
+}
diff --git a/src/_core/_grid/_grid-elements/_build-row.scss b/src/_core/_grid/_grid-elements/_build-row.scss
@@ -0,0 +1,32 @@
+@use"sass:map";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import grid variables.
+@use"../_grid-utils/variables"as*;
+
+///Grid Row.
+///@typeblock
+///@authorWPMU DEV
+///
+///@param{String}$block- Main block name.
+@mixinbuild-row($block) {
+@includesui-class($rtl:false,$theme:null) {
+@includeblock($block) {
+margin-bottom:map.get($sui-grid-spacing,sm);
+
+@includemedia(min-width,md) {
+margin-bottom:map.get($sui-grid-spacing,md);
+}
+
+@includemedia(min-width,lg) {
+margin-bottom:map.get($sui-grid-spacing,lg);
+}
+
+&:last-child{
+margin-bottom:0;
+}
+}
+}
+}
diff --git a/src/_core/_grid/_grid-elements/_elements.scss b/src/_core/_grid/_grid-elements/_elements.scss
@@ -0,0 +1,2 @@
+@forward"./build-row";
+@forward"./build-col";
diff --git a/src/_core/_grid/_grid-modifiers/_build-alignment.scss b/src/_core/_grid/_grid-modifiers/_build-alignment.scss
@@ -0,0 +1,48 @@
+@use"sass:map";
+@use"sass:math";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import grid variables.
+@use"../_grid-utils/variables"as*;
+
+@mixinbuild-alignment($block) {
+@includesui-class($rtl:false,$theme:null) {
+@includeblock($block) {
+@includemodifier(inline) {
+display:flex;
+flex-flow:rowwrap;
+margin-left:-#{math.div(map.get($sui-grid-spacing,sm),2)};
+margin-right:-#{math.div(map.get($sui-grid-spacing,sm),2)};
+}
+
+@each$bp-label,$bp-valuein$breakpoints{
+&-#{$bp-label}{
+@includemodifier(inline) {
+@includemedia(min-width,$bp-label) {
+display:flex;
+flex-flow:rowwrap;
+margin-left:-#{math.div(
+map.get($sui-grid-spacing,$bp-label),
+2
+)};
+margin-right:-#{math.div(
+map.get($sui-grid-spacing,$bp-label),
+2
+)};
+}
+}
+
+@includemodifier(stacked) {
+@includemedia(min-width,$bp-label) {
+display:block;
+margin-left:0;
+margin-right:0;
+}
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_grid/_grid-modifiers/_build-size.scss b/src/_core/_grid/_grid-modifiers/_build-size.scss
@@ -0,0 +1,62 @@
+@use"sass:map";
+@use"sass:math";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import grid variables.
+@use"../_grid-utils/variables"as*;
+
+@mixinbuild-size($block) {
+@includesui-class($rtl:false,$theme:null) {
+.sui-row--inline{
+@includeblock($block) {
+width:auto;
+flex:1;
+
+@for$sizefrom1through12{
+$value:math.div(($size*100),$sui-grid);
+$width:#{$value+"%"};
+
+@includemodifier($size) {
+width:$width;
+flex:00auto;
+}
+}
+}
+}
+
+@each$bp-label,$bp-valuein$breakpoints{
+.sui-row-#{$bp-label}{
+&--inline{
+@includeblock($block) {
+@includemedia(min-width,$bp-label) {
+width:auto;
+flex:1;
+}
+
+@for$sizefrom1through12{
+$value:math.div(($size*100),$sui-grid);
+$width:#{$value+"%"};
+
+@includemodifier($size) {
+@includemedia(min-width,$bp-label) {
+width:$width;
+flex:00auto;
+}
+}
+}
+}
+}
+
+&--stacked{
+@includeblock($block) {
+@includemedia(min-width,$bp-label) {
+width:100%;
+}
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_grid/_grid-modifiers/_build-spacing.scss b/src/_core/_grid/_grid-modifiers/_build-spacing.scss
@@ -0,0 +1,45 @@
+@use"sass:map";
+@use"sass:math";
+
+//Import main blocks of styles.
+@use"../../../_utils/mixins"as*;
+
+//Import grid variables.
+@use"../_grid-utils/variables"as*;
+
+@mixinbuild-spacing($block) {
+@includesui-class($rtl:false,$theme:null) {
+.sui-row--inline{
+@includeblock($block) {
+margin:0;
+padding:0math.div(map.get($sui-grid-spacing,sm),2);
+}
+}
+
+@each$bp-label,$bp-valuein$breakpoints{
+.sui-row-#{$bp-label}{
+&--inline{
+@includeblock($block) {
+@includemedia(min-width,$bp-label) {
+margin:0;
+padding:0
+math.div(
+map.get($sui-grid-spacing,$bp-label),
+2
+);
+}
+}
+}
+
+&--stacked{
+@includeblock($block) {
+@includemedia(min-width,$bp-label) {
+margin:00map.get($sui-grid-spacing,$bp-label);
+padding:0;
+}
+}
+}
+}
+}
+}
+}
diff --git a/src/_core/_grid/_grid-modifiers/_modifiers.scss b/src/_core/_grid/_grid-modifiers/_modifiers.scss
@@ -0,0 +1,3 @@
+@forward"./build-alignment";
+@forward"./build-size";
+@forward"./build-spacing";
diff --git a/src/_core/_grid/_grid-utils/_variables.scss b/src/_core/_grid/_grid-utils/_variables.scss
@@ -0,0 +1,11 @@
+//Import main variables.
+@use"../../../_utils/tokens"as*;
+
+$sui-grid:$grid-columns;
+
+$sui-grid-spacing:(
+sm:$grid-spacing-sm,
+md:$grid-spacing-md,
+lg:$grid-spacing-lg,
+xl:$grid-spacing-lg,
+);
diff --git a/src/_core/_grid/_grid.scss b/src/_core/_grid/_grid.scss
@@ -0,0 +1,9 @@
+@use"./_grid-elements/elements"assui-grid--element;
+@use"./_grid-modifiers/modifiers"assui-grid--modifier;
+
+@includesui-grid--element.build-row(row);
+@includesui-grid--element.build-col(col);
+
+@includesui-grid--modifier.build-alignment(row);
+@includesui-grid--modifier.build-size(col);
+@includesui-grid--modifier.build-spacing(col);
diff --git a/src/_core/_layout/_layout-elements/_elements.scss b/src/_core/_layout/_layout-elements/_elements.scss
@@ -0,0 +1,2 @@
+@forward"./layout-container--primary";
+@forward"./layout-container--secondary";
diff --git a/src/_core/_layout/_layout-elements/_layout-container--primary.scss b/src/_core/_layout/_layout-elements/_layout-container--primary.scss
@@ -0,0 +1,26 @@
+@use"sass:map";
+
+@use"../../../_utils/tokens"as*;
+@use"../../../_utils/mixins"as*;
+
+///Layout Main Wrapper.
+///@typeblock
+///@authorWPMU DEV
+///
+///@param{String}$block- Main block name.
+@mixinlayout-main($block) {
+@includesui-class($rtl:false,$theme:null) {
+//Block wrapper.
+@includeblock($block) {
+margin-left:$layout-spacing-main-md;
+
+@includemedia(min-width,sm) {
+margin-left:$layout-spacing-main-sm;
+}
+
+*{
+box-sizing:border-box;
+}
+}
+}
+}