@enigmatry/scss-foundation 1.0.178

package/src/modules/position/_set-position.scss

@@ -0,0 +1,20 @@
+@mixin set-position($position, $top, $right, $bottom, $left) {
+
+	$positions: (
+		$top,
+		$right,
+		$bottom,
+		$left
+	);
+
+	@each $position in $positions {
+		@if (($position != 'unset') and (type-of($position) != number)) {
+			@error 'Please provide the right parameters for position (number or 'unset')! Given value: ' + $position;
+		}
+	}
+	position: $position;
+	top: $top;
+	right: $right;
+	bottom: $bottom;
+	left: $left;
+}

package/src/modules/responsiveness/_breakpoints.scss

@@ -0,0 +1,57 @@
+/* stylelint-disable-next-line annotation-no-unknown */
+$breakpoints: () !default;
+
+@use 'sass:list';
+@use 'sass:string';
+@use 'sass:map';
+@use '../../modules/text/modification' as text-modification;
+@use '../../modules/variables' as variables;
+
+// Had to be done this way due to current limitations of collection initialization in Sass.
+@if length($breakpoints) == 0 {
+	$breakpoints: variables.$default-breakpoints;
+}
+
+@function -get-size($size) {
+	@if (map-has-key($breakpoints, $size)) {
+		$gotten-size: map.get($breakpoints, $size);
+		@return map.get($gotten-size, size);
+	}
+
+	@error 'Size must be any of following values: ' + map-keys($breakpoints) + '. Given size: ' + $size;
+}
+
+@function -presentation($string, $with-capitalization) {
+	@if $with-capitalization == true {
+		@return text-modification.capitalize($string);
+	}
+
+	@return $string;
+}
+
+@mixin -set-content($breakpoint, $with-capitalization) {
+	content: string.quote(-presentation($breakpoint, $with-capitalization));
+}
+
+@mixin apply-on($given-size) {
+	/* stylelint-disable-next-line at-rule-allowed-list */
+	@media only screen and (min-width: -get-size($given-size)) {
+		@content;
+	}
+}
+
+@mixin set-up($with-capitalization: true) {
+	@each $breakpoint, $value in $breakpoints {
+		$currentIndex: list.index($breakpoints, ($breakpoint $value));
+
+		@if $currentIndex == 1 {
+			@include -set-content($breakpoint, $with-capitalization);
+			display: none;
+		}
+		@else {
+			@include apply-on($breakpoint) {
+				@include -set-content($breakpoint, $with-capitalization);
+			}
+		}
+	}
+}

package/src/modules/responsiveness/_index.scss

@@ -0,0 +1 @@
+@use 'breakpoints';

package/src/modules/states/_index.scss

@@ -0,0 +1 @@
+@use 'visibility';

package/src/modules/states/_visibility.scss

@@ -0,0 +1,15 @@
+@mixin show-on-mobile($mobile-state: block) {
+	@include -toggle-state($mobile-state, none);
+}
+
+@mixin show-on-tablet($tablet-state: block) {
+	@include -toggle-state(none, $tablet-state);
+}
+
+@mixin -toggle-state($mobile-state, $tablet-state) {
+	display: $mobile-state;
+
+	@include breakpoints.apply-on-tablet() {
+		display: $tablet-state;
+	}
+}

package/src/modules/text/_hover.scss

@@ -0,0 +1,7 @@
+@mixin font-hover($regular-state, $hover-state) {
+	color: $regular-state;
+ 
+	&:hover, &:hover::before {
+		color: $hover-state;
+	}
+}

package/src/modules/text/_index.scss

@@ -0,0 +1,2 @@
+@use 'modification';
+@use 'hover';

package/src/modules/text/_modification.scss

@@ -0,0 +1,25 @@
+@use 'sass:string';
+@use '../../modules/variables' as vars;
+
+@function capitalize($string) {
+	@if type-of($string) != string {
+		$error-message: 'Please provide string parameter! Given value: ' + $string;
+
+		@if vars.$testing == true {
+			@return $error-message;
+		}
+
+		@error $error-message;
+	}
+
+	@return to-upper-case(str-slice($string, 1, 1)) + str-slice($string, 2);
+}
+
+@mixin ellipsis($num: 1) {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	-webkit-line-clamp: $num;
+	-webkit-box-orient: vertical;
+}

package/src/partials/core/_index.scss

@@ -0,0 +1 @@
+@use 'fonts';

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

@@ -0,0 +1 @@
+@use 'text-control';

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

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

package/src/partials/main.scss

@@ -0,0 +1 @@
+@use 'core';

package/src/partials/states/_cursors.scss

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

package/src/partials/states/_index.scss

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

package/src/partials/states/_resize.scss

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

package/src/partials/states/_visibility.scss

@@ -0,0 +1,4 @@
+/* stylelint-disable-next-line plugin/stylelint-group-selectors */
+.hidden {
+	display: none;
+}

package/tests/display/items.tests.scss

@@ -0,0 +1,100 @@
+@use '../../node_modules/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/lists/row-coloring.tests.scss

@@ -0,0 +1,52 @@
+@use 'sass:color';
+@use '../../node_modules/sass-true/sass/true';
+@use '../../src/modules/lists/row-coloring' as lists;
+
+@include true.describe('row-coloring($color, $rows)') {
+	@include true.it('should set background #EBEBEB color to third element') {
+		@include true.assert() {
+			@include true.output() {
+				@include lists.row-coloring(#EBEBEB, 3);
+			}
+
+			@include true.expect() {
+				&:nth-child(3) {
+					background-color: #EBEBEB;
+				}
+			}
+		}
+	}
+}
+
+@include true.describe('even-row-coloring($color)') {
+	@include true.it('should set background #000, $alpha: -1 color to all even element') {
+		@include true.assert() {
+			@include true.output() {
+				@include lists.even-row-coloring(color.adjust(#000, $alpha: -1));
+			}
+
+			@include true.expect() {
+				&:nth-child(even) {
+					background-color: color.adjust(#000, $alpha: -1);
+				}
+			}
+		}
+	}
+}
+
+@include true.describe('odd-row-coloring($color)') {
+	@include true.it('should set background color of variable $background-color to all odd element') {
+		$background-color: #EBEBEB;
+		@include true.assert() {
+			@include true.output() {
+				@include lists.odd-row-coloring($background-color);
+			}
+
+			@include true.expect() {
+				&:nth-child(odd) {
+					background-color: $background-color;
+				}
+			}
+		}
+	}
+}

package/tests/position/absolute.tests.scss

@@ -0,0 +1,66 @@
+@use '../../node_modules/sass-true/sass/true';
+@use '../../src/modules/position/absolute';
+
+@include true.describe('position($top, $right, $bottom, $left)') {
+	@include true.it('should default to zero-based if position not provided') {
+		@include true.assert() {
+			@include true.output() {
+				@include absolute.position();
+			}
+			@include true.expect() {
+				position: absolute;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+			}
+		}
+	}
+
+	@include true.it('should set position to given in right order') {
+		@include true.assert() {
+			@include true.output() {
+				@include absolute.position(5px, 3em, 14rem, -8px);
+			}
+			@include true.expect() {
+				position: absolute;
+				top: 5px;
+				right: 3em;
+				bottom: 14rem;
+				left: -8px;
+			}
+		}
+	}
+}
+
+@include true.describe('position-unset($top, $right, $bottom, $left)') {
+	@include true.it('should default to unset-based if position not provided') {
+		@include true.assert() {
+			@include true.output() {
+				@include absolute.position-unset();
+			}
+			@include true.expect() {
+				position: absolute;
+				top: unset;
+				right: unset;
+				bottom: unset;
+				left: unset;
+			}
+		}
+	}
+
+	@include true.it('should set position to given in right order') {
+		@include true.assert() {
+			@include true.output() {
+				@include absolute.position-unset(5px, 3em, 14rem);
+			}
+			@include true.expect() {
+				position: absolute;
+				top: 5px;
+				right: 3em;
+				bottom: 14rem;
+				left: unset;
+			}
+		}
+	}
+}

package/tests/position/fixed.tests.scss

@@ -0,0 +1,66 @@
+@use '../../node_modules/sass-true/sass/true';
+@use '../../src/modules/position/fixed';
+
+@include true.describe('position($top, $right, $bottom, $left)') {
+	@include true.it('should default to zero-based if position not provided') {
+		@include true.assert() {
+			@include true.output() {
+				@include fixed.position();
+			}
+			@include true.expect() {
+				position: fixed;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+			}
+		}
+	}
+
+	@include true.it('should set position to given in right order') {
+		@include true.assert() {
+			@include true.output() {
+				@include fixed.position(5px, 15px, 20px, 1px);
+			}
+			@include true.expect() {
+				position: fixed;
+				top: 5px;
+				right: 15px;
+				bottom: 20px;
+				left: 1px;
+			}
+		}
+	}
+}
+
+@include true.describe('position-unset($top, $right, $bottom, $left)') {
+	@include true.it('should default to unset-based if position not provided') {
+		@include true.assert() {
+			@include true.output() {
+				@include fixed.position-unset();
+			}
+			@include true.expect() {
+				position: fixed;
+				top: unset;
+				right: unset;
+				bottom: unset;
+				left: unset;
+			}
+		}
+	}
+
+	@include true.it('should set position to given in right order') {
+		@include true.assert() {
+			@include true.output() {
+				@include fixed.position-unset(5px, 15px, 20px);
+			}
+			@include true.expect() {
+				position: fixed;
+				top: 5px;
+				right: 15px;
+				bottom: 20px;
+				left: unset;
+			}
+		}
+	}
+}

package/tests/position/set-position.tests.scss

@@ -0,0 +1,64 @@
+@use '../../node_modules/sass-true/sass/true';
+@use '../../src/modules/position/set-position' as position;
+
+@include true.describe('set-position($top, $right, $bottom, $left, $position)') {
+	@include true.it('should set the type of positioning and the four positions.') {
+		@include true.assert() {
+			@include true.output() {
+				@include position.set-position(absolute, 5px, 3em, 14rem, -8px);
+			}
+			@include true.expect() {
+				position: absolute;
+				top: 5px;
+				right: 3em;
+				bottom: 14rem;
+				left: -8px;
+			}
+		}
+	}
+
+	@include true.it('should set the type of positioning and the four positions.') {
+		@include true.assert() {
+			@include true.output() {
+				@include position.set-position(fixed, 5px, 1px, 1em, 100px);
+			}
+			@include true.expect() {
+				position: fixed;
+				top: 5px;
+				right: 1px;
+				bottom: 1em;
+				left: 100px;
+			}
+		}
+	}
+
+	@include true.it('should set the type of positioning and the four positions.') {
+		@include true.assert() {
+			@include true.output() {
+				@include position.set-position(static, 5px, 1px, 1em, 100px);
+			}
+			@include true.expect() {
+				position: static;
+				top: 5px;
+				right: 1px;
+				bottom: 1em;
+				left: 100px;
+			}
+		}
+	}
+
+	@include true.it('should set the type of positioning and the four positions.') {
+		@include true.assert() {
+			@include true.output() {
+				@include position.set-position(relative, 5px, 1px, 1em, 100px);
+			}
+			@include true.expect() {
+				position: relative;
+				top: 5px;
+				right: 1px;
+				bottom: 1em;
+				left: 100px;
+			}
+		}
+	}
+}

package/tests/shim.test.js

@@ -0,0 +1,14 @@
+/**
+ * @jest-environment node
+ */
+
+const path = require('path');
+const sassTrue = require('sass-true');
+const glob = require('glob');
+
+describe('Scss unit tests', () => {
+    const paths = path.resolve(process.cwd(), 'tests/**/*.tests.scss');
+    const sassTestFiles = glob.sync(paths);
+
+    sassTestFiles.forEach(file => sassTrue.runSass({ file }, { describe, it }));
+});

package/tests/text/modification.tests.scss

@@ -0,0 +1,21 @@
+@use '../../node_modules/sass-true/sass/true';
+@use '../../src/modules/variables';
+@use '../../src/modules/text/modification';
+
+variables.$testing: true;
+
+@include true.describe('capitalize(word)') {
+	@include true.it('should throw if word is not a string') {
+		$expected-message: 'Please provide string parameter! Given value: ';
+		@include true.assert-equal(modification.capitalize(5), $expected-message + '5');
+		@include true.assert-equal(modification.capitalize(null), $expected-message);
+		@include true.assert-equal(modification.capitalize(#FFEEAA), $expected-message + '#FFEEAA');
+	}
+
+	@include true.it('should return string with first letter capitalized') {
+		@include true.assert-equal(modification.capitalize('house'), 'House');
+		@include true.assert-equal(modification.capitalize('dOg'),'DOg');
+		@include true.assert-equal(modification.capitalize('Dang'), 'Dang');
+		@include true.assert-equal(modification.capitalize('4pple'), '4pple');
+	}
+}