bump 1.3.5

.github/workflows/build.yaml

@@ -43,11 +43,40 @@ jobs:
                 with:
                     tag: ${{env.VERSION}}
 
-    docs:
+    container:
-        name: Publish CDN & Docs
+        name: Build Container
-        needs: build
+        runs-on: ubuntu-latest
-        uses: ztimson/actions/.github/workflows/docker.yaml@develop
+        container: docker
-        with:
+        steps:
-            name: ztimson/css-utils
+            -   name: Build Container
-            repository: ${{github.server_url}}/${{github.repository}}.git
+                run: |
-            pass: ${{secrets.DEPLOY_TOKEN}}
+                    git clone -b "${{github.ref_name}}" "$(echo ${{github.server_url}}/${{github.repository}}.git | sed s%://%://${{github.token}}@% )" .
+                    DOCKER_HUB=$([ -n "${{secrets.DOCKER_HUB_USER}}" ] && [ -n "${{secrets.DOCKER_HUB_TOKEN}}" ] && [ -n "${{secrets.DOCKER_HUB_IMAGE}}" ] && echo "true" || echo "false")
+                    REGISTRY="$(echo "${{github.server_url}}" | sed -E 's|https?://||')"
+                    VERSION=$(cat package.json | grep version | grep -Eo '[0-9][[:alnum:]\.\/\-]+')
+
+                    docker login -u "${{github.repository_owner}}" -p "${{secrets.DEPLOY_TOKEN}}" "$REGISTRY"
+                    if [ "$DOCKER_HUB" = "true" ]; then docker login -u "${{secrets.DOCKER_HUB_USER}}" -p "${{secrets.DOCKER_HUB_TOKEN}}" docker.io; fi
+
+                    docker build -t "$REGISTRY/${{github.repository}}:${{github.ref_name}}" .
+                    docker push "$REGISTRY/${{github.repository}}:${{github.ref_name}}"
+                    if [ "$DOCKER_HUB" = "true" ]; then
+                      docker tag "$REGISTRY/${{github.repository}}:${{github.ref_name}}" "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:${{github.ref_name}}"
+                      docker push "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:${{github.ref_name}}"
+                    fi
+
+                    if [ "${{github.ref_name}}" = "master" ]; then
+                      docker tag "$REGISTRY/${{github.repository}}:${{github.ref_name}}" "$REGISTRY/${{github.repository}}:$VERSION"
+                      docker push "$REGISTRY/${{github.repository}}:$VERSION"
+                      if [ "$DOCKER_HUB" = "true" ]; then
+                        docker tag "$REGISTRY/${{github.repository}}:${{github.ref_name}}" "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:$VERSION"
+                        docker push "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:$VERSION"
+                      fi
+
+                      docker tag "$REGISTRY/${{github.repository}}:${{github.ref_name}}" "$REGISTRY/${{github.repository}}:latest"
+                      docker push "$REGISTRY/${{github.repository}}:latest"
+                      if [ "$DOCKER_HUB" = "true" ]; then
+                        docker tag "$REGISTRY/${{github.repository}}:${{github.ref_name}}" "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:latest"
+                        docker push "docker.io/${{secrets.DOCKER_HUB_IMAGE}}:latest"
+                      fi
+                    fi

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.2.1",
+	"version": "1.3.4",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@ztimson/css-utils",
-			"version": "1.2.1",
+			"version": "1.3.4",
 			"license": "MIT",
 			"devDependencies": {
 				"sass": "^1.80.6"

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "1.3.3",
+	"version": "1.3.5",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {

src/main.scss

@@ -57,12 +57,26 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 }
 
+.no-fix, .no-anchor-fix {
+	a, a:not([href]) {
+		cursor: auto;
+		color: inherit;
+		text-decoration: inherit;
+	}
+}
+
 .fix-button, .fix:not(.no-button-fix) {
 	button:not(:disabled) {
 		cursor: pointer;
 	}
 }
 
+.no-fix, .no-button-fix {
+	button:not(:disabled) {
+		cursor: auto;
+	}
+}
+
 .fix-dom, .fix:not(.no-dom-fix) {
 	&, html, body {
 		height: 100%;
@@ -77,6 +91,19 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	* { box-sizing: border-box; }
 }
 
+.no-fix, .no-dom-fix {
+	&, html, body {
+		height: auto;
+		width: auto;
+		margin: revert;
+		padding: revert;
+		overflow: visible;
+		color: revert;
+		background-color: transparent;
+	}
+	* { box-sizing: content-box; }
+}
+
 .fix-focus, .fix:not(.no-focus-fix) {
 	* {
 		outline: inherit;
@@ -84,6 +111,13 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 }
 
+.no-fix, .no-focus-fix {
+	* {
+		outline: revert;
+		-webkit-tap-highlight-color: auto;
+	}
+}
+
 .fix-font, .fix:not(.no-font-fix) {
 	color: var(--theme-text);
 	font-family: var(--theme-font), sans-serif;
@@ -98,6 +132,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	h6 { font-weight: 500; font-size: 1rem; }
 }
 
+.no-fix, .no-font-fix {
+	color: revert;
+	font-family: revert;
+	p, input, select, textarea, button { font-size: revert; }
+	h1, h2, h3, h4, h5, h6, p { margin: revert; }
+	h1, h2, h3, h4, h5, h6 { font-weight: revert; font-size: revert; }
+}
+
+.reset {
+	all: revert !important;
+}
+
 // Misc =====================================================================================================
 
 // Center
@@ -288,7 +334,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	.align-y#{$bp}-end { vertical-align: bottom !important; }
 
 	// Display
-	@each $display in (block, inline, inline-block, 'flex', 'inline-flex' grid, inline-grid, table, table-row, table-cell, none) {
+	@each $display in (block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, table-row, table-cell, none) {
 		.d#{$bp}-#{$display} { display: #{$display} !important; }
 	}
 
@@ -401,6 +447,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	.hidden#{$bp} {  visibility: hidden !important; }
 
 	@each $s, $size in $sizes {
+		.gap#{$bp}-#{$s} { gap: $size !important; } // Gap
 		.b#{$bp}-#{$s} { border: #{$s}px solid var(--theme-border) !important; } // Border
 		.m#{$bp}-#{$s} { margin: $size !important; } // Margin
 		.p#{$bp}-#{$s} { padding: $size !important; } // Padding