@enigmatry/scss-foundation 17.0.0-preview.5.1 → 17.0.0

package/src/partials/core/_index.scss

@@ -1,3 +1,3 @@
-@use 'fonts';
-@use 'layouts';
+@use 'fonts';
+@use 'layouts';
 @use 'states';

package/src/partials/core/fonts/_text-control.scss

@@ -1,11 +1,11 @@
-.first-letter-capitalized {
-	display: inline-block;
-
-	&::first-letter {
-		text-transform: capitalize;
-	}
-}
-
-.capitalized {
-	text-transform: uppercase;
+.first-letter-capitalized {
+	display: inline-block;
+
+	&::first-letter {
+		text-transform: capitalize;
+	}
+}
+
+.capitalized {
+	text-transform: uppercase;
 }

package/src/partials/core/layouts/_alignment.scss

@@ -1,21 +1,21 @@
-@use '../../../modules/display/items';
-
-.space-between {
-	@include items.fully-align(center, space-between);
-}
-
-.align-center {
-	@include items.align-absolute-center();
-}
-
-.align-right {
-	@include items.fully-align(center, flex-end);
-}
-
-.align-vertical {
-	@include items.align(center);
-}
-
-.stack-vertical {
-	@include items.fully-align(baseline, space-between, column, nowrap);
-}
+@use '../../../modules/display/items';
+
+.space-between {
+	@include items.fully-align(center, space-between);
+}
+
+.align-center {
+	@include items.align-absolute-center();
+}
+
+.align-right {
+	@include items.fully-align(center, flex-end);
+}
+
+.align-vertical {
+	@include items.align(center);
+}
+
+.stack-vertical {
+	@include items.fully-align(baseline, space-between, column, nowrap);
+}

package/src/partials/core/states/_cursors.scss

@@ -1,11 +1,11 @@
-.clickable {
-	cursor: pointer;
-}
-
-.draggable {
-	cursor: grab;
-}
-
-.forbidden {
-	cursor: not-allowed;
+.clickable {
+	cursor: pointer;
+}
+
+.draggable {
+	cursor: grab;
+}
+
+.forbidden {
+	cursor: not-allowed;
 }

package/src/partials/core/states/_index.scss

@@ -1,3 +1,3 @@
-@use 'cursors';
-@use 'visibility';
+@use 'cursors';
+@use 'visibility';
 @use 'resize';

package/src/partials/core/states/_resize.scss

@@ -1,3 +1,3 @@
-.no-resize {
-	resize: none;
+.no-resize {
+	resize: none;
 }

package/src/partials/core/states/_visibility.scss

@@ -1,3 +1,3 @@
-.hidden {
-	display: none;
+.hidden {
+	display: none;
 }

package/tests/display/items.tests.scss

@@ -1,100 +1,100 @@
-@use 'sass-true/sass/true';
-@use '../../src/modules/display/items';
-
-@include true.describe('align($align)') {
-	@include true.it('should be centered. if direction not provided then it should be flex-start') {
-		@include true.assert() {
-			@include true.output() {
-				@include items.align(center);
-			}
-
-			@include true.expect() {
-				display: flex;
-				flex: {
-					direction: row;
-					wrap: wrap;
-				}
-				align-items: center;
-				justify-content: flex-start;
-			}
-		}
-	}
-}
-
-@include true.describe('align-absolute-center()') {
-	@include true.it('should be centered') {
-		@include true.assert() {
-			@include true.output() {
-				@include items.align-absolute-center();
-			}
-
-			@include true.expect() {
-				display: flex;
-				flex: {
-					direction: row;
-					wrap: wrap;
-				}
-				align-items: center;
-				justify-content: center;
-			}
-		}
-	}
-}
-
-@include true.describe('align-center()') {
-	@include true.it('should set default values and align centered') {
-		@include true.assert() {
-			@include true.output() {
-				@include items.align-center();
-			}
-
-			@include true.expect() {
-				display: flex;
-				flex: {
-					direction: row;
-					wrap: wrap;
-				}
-				align-items: center;
-				justify-content: flex-start;
-			}
-		}
-	}
-}
-
-@include true.describe('fully-align($align, $justify, $direction $wrap)') {
-	@include true.it('should set default values and align baseline') {
-		@include true.assert() {
-			@include true.output() {
-				@include items.fully-align(baseline);
-			}
-
-			@include true.expect() {
-				display: flex;
-				flex: {
-					direction: row;
-					wrap: wrap;
-				}
-				align-items: baseline;
-				justify-content: flex-start;
-			}
-		}
-	}
-
-	@include true.it('should set properties in given order') {
-		@include true.assert() {
-			@include true.output() {
-				@include items.fully-align(flex-end, space-between, column, nowrap);
-			}
-
-			@include true.expect() {
-				display: flex;
-				flex: {
-					direction: column;
-					wrap: nowrap;
-				}
-				align-items: flex-end;
-				justify-content: space-between;
-			}
-		}
-	}
+@use 'sass-true/sass/true';
+@use '../../src/modules/display/items';
+
+@include true.describe('align($align)') {
+	@include true.it('should be centered. if direction not provided then it should be flex-start') {
+		@include true.assert() {
+			@include true.output() {
+				@include items.align(center);
+			}
+
+			@include true.expect() {
+				display: flex;
+				flex: {
+					direction: row;
+					wrap: wrap;
+				}
+				align-items: center;
+				justify-content: flex-start;
+			}
+		}
+	}
+}
+
+@include true.describe('align-absolute-center()') {
+	@include true.it('should be centered') {
+		@include true.assert() {
+			@include true.output() {
+				@include items.align-absolute-center();
+			}
+
+			@include true.expect() {
+				display: flex;
+				flex: {
+					direction: row;
+					wrap: wrap;
+				}
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+}
+
+@include true.describe('align-center()') {
+	@include true.it('should set default values and align centered') {
+		@include true.assert() {
+			@include true.output() {
+				@include items.align-center();
+			}
+
+			@include true.expect() {
+				display: flex;
+				flex: {
+					direction: row;
+					wrap: wrap;
+				}
+				align-items: center;
+				justify-content: flex-start;
+			}
+		}
+	}
+}
+
+@include true.describe('fully-align($align, $justify, $direction $wrap)') {
+	@include true.it('should set default values and align baseline') {
+		@include true.assert() {
+			@include true.output() {
+				@include items.fully-align(baseline);
+			}
+
+			@include true.expect() {
+				display: flex;
+				flex: {
+					direction: row;
+					wrap: wrap;
+				}
+				align-items: baseline;
+				justify-content: flex-start;
+			}
+		}
+	}
+
+	@include true.it('should set properties in given order') {
+		@include true.assert() {
+			@include true.output() {
+				@include items.fully-align(flex-end, space-between, column, nowrap);
+			}
+
+			@include true.expect() {
+				display: flex;
+				flex: {
+					direction: column;
+					wrap: nowrap;
+				}
+				align-items: flex-end;
+				justify-content: space-between;
+			}
+		}
+	}
 }

package/tests/layout/grid-core.tests.scss

@@ -1,116 +1,116 @@
-/* stylelint-disable selector-max-attribute */
-/* stylelint-disable csstools/use-nesting */
-/* stylelint-disable shorthand-property-no-redundant-values */
-/* stylelint-disable max-nesting-depth */
-/* stylelint-disable at-rule-allowed-list */
-$custom-breakpoints: () !default;
-
-@use 'sass-true/sass/true';
-@use '../../src/modules/variables' as vars;
-
-@forward '../../src/modules/layout/grid' with (
-	$breakpoints: vars.$custom-breakpoints
-);
-@use '../../src/modules/responsiveness/breakpoints' as custom-breakpoints;
-@use '../../src/modules/layout/grid-core';
-
-@include true.describe('generate($column-prefix, $offset-prefix, $spacing)') {
-	@include true.it('should generate column and offset classes. If spacing not provided, padding should be 0.') {
-		@include true.assert() {
-			@include true.output() {
-				@include grid-core.generate('col-', 'offset-');
-			}
-
-			@include true.expect() {
-				.row {
-					display: flex;
-					flex-wrap: wrap;
-				}
-
-				.row [class *= 'col-'], .row [class *= 'offset-'] {
-					box-sizing: border-box;
-					flex-shrink: 0;
-					max-width: 100%;
-					padding: 0 0;
-				}
-
-				.col-auto {
-					flex: 0 0 auto;
-					width: auto;
-					padding: 0 0;
-				}
-			}
-		}
-	}
-}
-
-@include true.describe('generate($column-prefix, $offset-prefix, $spacing)') {
-	@include true.it('should generate column and offset classes with prefixes column- and gap-. Spacing should be 8px.') {
-		@include true.assert() {
-			@include true.output() {
-				@include grid-core.generate('column-', 'gap-', 8px);
-			}
-
-			@include true.expect() {
-				.row {
-					display: flex;
-					flex-wrap: wrap;
-					margin: 0 -8px;
-				}
-
-				.row [class *= 'column-'], .row [class *= 'gap-'] {
-					box-sizing: border-box;
-					flex-shrink: 0;
-					max-width: 100%;
-					padding: 0 8px;
-				}
-
-				.column-auto {
-					flex: 0 0 auto;
-					width: auto;
-					padding: 0 8px;
-				}
-			}
-		}
-	}
-}
-
-@include true.describe('generate-reverse-row($breakpoints)') {
-	@include true.it('should generate revert row classes for a given breakpoint') {
-		@include true.assert() {
-			@include true.output() {
-				@include grid-core.generate-reverse-row(custom-breakpoints.$breakpoints);
-			}
-
-			@include true.expect() {
-				@media only screen and (width >= 540px) {
-					.row.reverse-row-sm {
-						flex-direction: row-reverse;
-					}
-				}
-					
-				@media only screen and (width >= 800px) {
-					.row.reverse-row-md {
-						flex-direction: row-reverse;
-					}
-				}
-					
-				.row.reverse-row-under-sm {
-					flex-direction: row-reverse;
-					
-					@media only screen and (width >= 540px) {
-						flex-direction: row;
-					}
-				}
-					
-				.row.reverse-row-under-md {
-					flex-direction: row-reverse;
-					
-					@media only screen and (width >= 800px) {
-						flex-direction: row;
-					}
-				}
-			}
-		}
-	}
+/* stylelint-disable selector-max-attribute */
+/* stylelint-disable csstools/use-nesting */
+/* stylelint-disable shorthand-property-no-redundant-values */
+/* stylelint-disable max-nesting-depth */
+/* stylelint-disable at-rule-allowed-list */
+$custom-breakpoints: () !default;
+
+@use 'sass-true/sass/true';
+@use '../../src/modules/variables' as vars;
+
+@forward '../../src/modules/layout/grid' with (
+	$breakpoints: vars.$custom-breakpoints
+);
+@use '../../src/modules/responsiveness/breakpoints' as custom-breakpoints;
+@use '../../src/modules/layout/grid-core';
+
+@include true.describe('generate($column-prefix, $offset-prefix, $spacing)') {
+	@include true.it('should generate column and offset classes. If spacing not provided, padding should be 0.') {
+		@include true.assert() {
+			@include true.output() {
+				@include grid-core.generate('col-', 'offset-');
+			}
+
+			@include true.expect() {
+				.row {
+					display: flex;
+					flex-wrap: wrap;
+				}
+
+				.row [class *= 'col-'], .row [class *= 'offset-'] {
+					box-sizing: border-box;
+					flex-shrink: 0;
+					max-width: 100%;
+					padding: 0 0;
+				}
+
+				.col-auto {
+					flex: 0 0 auto;
+					width: auto;
+					padding: 0 0;
+				}
+			}
+		}
+	}
+}
+
+@include true.describe('generate($column-prefix, $offset-prefix, $spacing)') {
+	@include true.it('should generate column and offset classes with prefixes column- and gap-. Spacing should be 8px.') {
+		@include true.assert() {
+			@include true.output() {
+				@include grid-core.generate('column-', 'gap-', 8px);
+			}
+
+			@include true.expect() {
+				.row {
+					display: flex;
+					flex-wrap: wrap;
+					margin: 0 -8px;
+				}
+
+				.row [class *= 'column-'], .row [class *= 'gap-'] {
+					box-sizing: border-box;
+					flex-shrink: 0;
+					max-width: 100%;
+					padding: 0 8px;
+				}
+
+				.column-auto {
+					flex: 0 0 auto;
+					width: auto;
+					padding: 0 8px;
+				}
+			}
+		}
+	}
+}
+
+@include true.describe('generate-reverse-row($breakpoints)') {
+	@include true.it('should generate revert row classes for a given breakpoint') {
+		@include true.assert() {
+			@include true.output() {
+				@include grid-core.generate-reverse-row(custom-breakpoints.$breakpoints);
+			}
+
+			@include true.expect() {
+				@media only screen and (width >= 540px) {
+					.row.reverse-row-sm {
+						flex-direction: row-reverse;
+					}
+				}
+					
+				@media only screen and (width >= 800px) {
+					.row.reverse-row-md {
+						flex-direction: row-reverse;
+					}
+				}
+					
+				.row.reverse-row-under-sm {
+					flex-direction: row-reverse;
+					
+					@media only screen and (width >= 540px) {
+						flex-direction: row;
+					}
+				}
+					
+				.row.reverse-row-under-md {
+					flex-direction: row-reverse;
+					
+					@media only screen and (width >= 800px) {
+						flex-direction: row;
+					}
+				}
+			}
+		}
+	}
 }