feat(beta): release build

shawn-sandy · Apr 17, 2022 · e3f6913 · e3f6913
1 parent 32a0496
commit e3f6913
Show file tree

Hide file tree

Showing 17 changed files with 2,710 additions and 806 deletions.
diff --git a/first-paint/src/v3/vendor/components/button.css b/first-paint/src/v3/vendor/components/button.css
@@ -7,29 +7,29 @@ button,
   --btn-lg: calc(21rem / 16);
   --btn-pill: 100rem;
   --btn-spc: 0.25rem;
-  --btn-bg: lightgray;
   --btn-wspc: nowrap;
+  --btn-fs: calc(13rem / 16);
+  font-size: var(--btn-fs, 0.8125rem);
   min-height: 2.5rem;
   place-items: var(--btn-place, center);
   padding-inline: var(--btn-px, 1.4rem);
-  padding-block: var(--btn-py, 0.5rem);
+  padding-block: var(--btn-py, calc(var(--btn-fs) / 1.8));
   border: var(--btn-bdr, none);
   border-radius: var(--btn-rds, 0.15rem);
   -webkit-text-decoration: var(--btn-deco, none);
           text-decoration: var(--btn-deco, none);
-  font-size: var(--btn-fs, 0.8125rem);
   color: var(--btn-cl, currentColor);
   display: var(--btn-dsp, inline-flex);
   gap: var(--btn-gap, 1rem);
   white-space: var(--btn-wspc);
   margin: var(--btn-spc);
-  transition: all 0.2s ease;
-  background-color: var(--btn);
+  transition: var(--tran-all);
+  background-color: var(--btn-bg, var(--btn));
 }
 button[type],
 [style*="--btn"][type],
 [role=button][type] {
-  background-color: var(--btn-bg);
+  background-color: var(--btn-bg, var(--btn, lightgray));
   --btn-bdr: solid var(--btn-sg);
 }
 button[type=submit], button[style*=submit],
@@ -51,7 +51,7 @@ button:hover,
 [role=button]:hover {
   --btn-bg: lightgray;
   --btn-cl: var(--btn-cl-hover);
-  background-color: var(--btn-bg-hover, var(--btn-bg));
+  background-color: var(--btn-bg-over, var(--btn, lightgray));
   -webkit-filter: invert(1) hue-rotate 180deg;
           filter: invert(1) hue-rotate 180deg;
   -webkit-transform: scale(0.95);
@@ -76,34 +76,3 @@ button[type=submit], button[style*="--btn-submit"],
   --btn-color: rgb(231, 231, 231);
   --btn-border: none;
 }
-
-button[type=submit],
-[style*=submit] {
-  --btn-bg: darkblue;
-  --btn-color: white;
-}
-
-button[disabled] {
-  cursor: var(--btn-cursor-disabled, not-allowed);
-  opacity: var(--btn-opacity-disabled, 0.5);
-}
-button:hover {
-  --btn-bg: lightgray;
-  --btn-cl: var(--btn-cl-hover);
-  background-color: var(--btn-bg-hover, var(--btn-bg));
-  -webkit-filter: invert(1) hue-rotate 180deg;
-          filter: invert(1) hue-rotate 180deg;
-  -webkit-transform: scale(0.95);
-          transform: scale(0.95);
-}
-button[type=reset], button[style*="--btn-reset"] {
-  --btn-bg: transparent;
-  --btn-color: gray;
-  --btn-bdr: gray medium solid;
-}
-button[type=submit], button[style*="--btn-submit"] {
-  --btn-bg: var(--blue-500);
-  --btn-cl: #fff;
-  --btn-color: rgb(231, 231, 231);
-  --btn-border: none;
-}
diff --git a/first-paint/src/v3/vendor/components/container.css b/first-paint/src/v3/vendor/components/container.css
@@ -1,13 +1,5 @@
 /* stylelint-disable declaration-colon-newline-after */
 /* stylelint-disable declaration-empty-line-before */
-/* stylelint-disable declaration-colon-newline-after */
-/*
- ***************************************
- FirsPaint
- Author: Shawn Sandy
- Date: 2022-02-01
- ***************************************
-*/
 :where(main, section, article, footer, header, table),
 [style*="--bx"] {
   --bx-flow: column wrap;

diff --git a/first-paint/src/v3/vendor/components/img.css b/first-paint/src/v3/vendor/components/img.css
@@ -1,4 +1,4 @@
-img {
+img[alt][width][height] {
   --img-xs: 10vw;
   --img-sm: 25vw;
   --img-md: 50vw;
@@ -17,17 +17,17 @@ img {
      object-position: var(--img-position);
   aspect-ratio: var(--img-ratio);
 }
-img[width] {
+img[alt][width][height][width] {
   width: var(--img-w, auto);
 }
-img[width][height] {
+img[alt][width][height][width][height] {
   height: var(--img-h, auto);
 }
-img[src$=".svg"] {
+img[alt][width][height][src$=".svg"] {
   height: auto;
   width: auto;
 }
-img + * {
+img[alt][width][height] + * {
   margin-block: 1rem 0;
 }