@appartmint/mint 0.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 App/Art Mint
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# npm-mint
+Front-end TS/SCSS framework of App/Art Mint

package/dist/css/mint.css

@@ -0,0 +1,602 @@
+/*!**********************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/webpack-shebang-plugin/loader.js?{"shebangRegExp":{},"chmod":493}!./src/scss/mint.scss ***!
+  \**********************************************************************************************************************************************************************************************/
+@keyframes instafade {
+  0% {
+    color: var(--mint-instagram-0);
+  }
+  16.6666666667% {
+    color: var(--mint-instagram-1);
+  }
+  33.3333333333% {
+    color: var(--mint-instagram-2);
+  }
+  50% {
+    color: var(--mint-instagram-3);
+  }
+  66.6666666667% {
+    color: var(--mint-instagram-4);
+  }
+  83.3333333333% {
+    color: var(--mint-instagram-5);
+  }
+  100% {
+    color: var(--mint-instagram-6);
+  }
+}
+:root {
+  --mint-delay-instant: 0ms;
+  --mint-delay-fast: 100ms;
+  --mint-delay-med-fast: 200ms;
+  --mint-delay-default: 300ms;
+  --mint-delay-med-slow: 400ms;
+  --mint-delay-slow: 500ms;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+html, body {
+  color: var(--mint-fore);
+  background-color: var(--mint-back);
+  overflow-x: hidden;
+}
+
+html, body, main {
+  width: 100%;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  z-index: 1000;
+}
+
+nav a {
+  display: block;
+  text-decoration: none;
+}
+nav ul {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+nav ul > li > ul {
+  flex-direction: column;
+}
+
+a[href^="tel:"], a[href^="mailto:"] {
+  white-space: nowrap;
+}
+
+button {
+  cursor: pointer;
+}
+
+a, button {
+  font-size: inherit;
+}
+
+img {
+  width: 100%;
+}
+
+.mint-pad {
+  padding: 1rem;
+}
+.mint-pad-xs {
+  padding: 0;
+}
+@media (min-width: 480px) {
+  .mint-pad-xs {
+    padding: 1rem;
+  }
+}
+.mint-pad-to-xs {
+  padding: 1rem;
+}
+@media (min-width: 480px) {
+  .mint-pad-to-xs {
+    padding: 0;
+  }
+}
+.mint-pad-sm {
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .mint-pad-sm {
+    padding: 1rem;
+  }
+}
+.mint-pad-to-sm {
+  padding: 1rem;
+}
+@media (min-width: 768px) {
+  .mint-pad-to-sm {
+    padding: 0;
+  }
+}
+.mint-pad-md {
+  padding: 0;
+}
+@media (min-width: 1024px) {
+  .mint-pad-md {
+    padding: 1rem;
+  }
+}
+.mint-pad-to-md {
+  padding: 1rem;
+}
+@media (min-width: 1024px) {
+  .mint-pad-to-md {
+    padding: 0;
+  }
+}
+.mint-pad-lg {
+  padding: 0;
+}
+@media (min-width: 1200px) {
+  .mint-pad-lg {
+    padding: 1rem;
+  }
+}
+.mint-pad-to-lg {
+  padding: 1rem;
+}
+@media (min-width: 1200px) {
+  .mint-pad-to-lg {
+    padding: 0;
+  }
+}
+.mint-pad-xl {
+  padding: 0;
+}
+@media (min-width: 1440px) {
+  .mint-pad-xl {
+    padding: 1rem;
+  }
+}
+.mint-pad-to-xl {
+  padding: 1rem;
+}
+@media (min-width: 1440px) {
+  .mint-pad-to-xl {
+    padding: 0;
+  }
+}
+
+.mint-margin {
+  margin: 1rem;
+}
+.mint-margin-xs {
+  margin: 0;
+}
+@media (min-width: 480px) {
+  .mint-margin-xs {
+    margin: 1rem;
+  }
+}
+.mint-margin-to-xs {
+  margin: 1rem;
+}
+@media (min-width: 480px) {
+  .mint-margin-to-xs {
+    margin: 0;
+  }
+}
+.mint-margin-sm {
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .mint-margin-sm {
+    margin: 1rem;
+  }
+}
+.mint-margin-to-sm {
+  margin: 1rem;
+}
+@media (min-width: 768px) {
+  .mint-margin-to-sm {
+    margin: 0;
+  }
+}
+.mint-margin-md {
+  margin: 0;
+}
+@media (min-width: 1024px) {
+  .mint-margin-md {
+    margin: 1rem;
+  }
+}
+.mint-margin-to-md {
+  margin: 1rem;
+}
+@media (min-width: 1024px) {
+  .mint-margin-to-md {
+    margin: 0;
+  }
+}
+.mint-margin-lg {
+  margin: 0;
+}
+@media (min-width: 1200px) {
+  .mint-margin-lg {
+    margin: 1rem;
+  }
+}
+.mint-margin-to-lg {
+  margin: 1rem;
+}
+@media (min-width: 1200px) {
+  .mint-margin-to-lg {
+    margin: 0;
+  }
+}
+.mint-margin-xl {
+  margin: 0;
+}
+@media (min-width: 1440px) {
+  .mint-margin-xl {
+    margin: 1rem;
+  }
+}
+.mint-margin-to-xl {
+  margin: 1rem;
+}
+@media (min-width: 1440px) {
+  .mint-margin-to-xl {
+    margin: 0;
+  }
+}
+.mint-margin-auto {
+  margin: auto;
+}
+.mint-margin-auto-v {
+  margin: 1rem auto;
+}
+.mint-margin-auto-v1 {
+  margin: 1rem auto;
+}
+.mint-margin-auto-v2 {
+  margin: 2rem auto;
+}
+.mint-margin-auto-v3 {
+  margin: 3rem auto;
+}
+.mint-margin-auto-v4 {
+  margin: 4rem auto;
+}
+.mint-margin-auto-v5 {
+  margin: 5rem auto;
+}
+.mint-margin-auto-v6 {
+  margin: 6rem auto;
+}
+.mint-margin-v {
+  margin: 1rem 0;
+}
+.mint-margin-v1 {
+  margin: 1rem 0;
+}
+.mint-margin-v2 {
+  margin: 2rem 0;
+}
+.mint-margin-v3 {
+  margin: 3rem 0;
+}
+.mint-margin-v4 {
+  margin: 4rem 0;
+}
+.mint-margin-v5 {
+  margin: 5rem 0;
+}
+.mint-margin-v6 {
+  margin: 6rem 0;
+}
+.mint-margin-h {
+  margin: 0 1rem;
+}
+.mint-margin-h1 {
+  margin: 0 1rem;
+}
+.mint-margin-h2 {
+  margin: 0 2rem;
+}
+.mint-margin-h3 {
+  margin: 0 3rem;
+}
+.mint-margin-h4 {
+  margin: 0 4rem;
+}
+.mint-margin-h5 {
+  margin: 0 5rem;
+}
+.mint-margin-h6 {
+  margin: 0 6rem;
+}
+
+section.mint-smaller {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 480px;
+}
+section.mint-small {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 768px;
+}
+section.mint-default {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1024px;
+}
+section.mint-big {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+}
+section.mint-bigger {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1440px;
+}
+
+.mint-center {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+:root {
+  --mint-bitcoin: #FF9900;
+  --mint-ethereum: #3C3C3D;
+  --mint-venmo: #008CFF;
+  --mint-facebook: #3b5998;
+  --mint-youtube: #F00;
+  --mint-itunes: #DDD;
+  --mint-spotify: #84bd00;
+  --mint-amazon-0: #F90;
+  --mint-amazon-1: #146eb4;
+  --mint-napster-0: #2ca6de;
+  --mint-napster-1: #fdb813;
+  --mint-google-play-0: #f55a34;
+  --mint-google-play-1: #ffd119;
+  --mint-google-play-2: #ff8c00;
+  --mint-instagram-0: #8a3ab9;
+  --mint-instagram-1: #4c68d7;
+  --mint-instagram-2: #cd486b;
+  --mint-instagram-3: #fbad50;
+  --mint-instagram-4: #fccc63;
+  --mint-instagram-5: #bc2a8d;
+  --mint-instagram-6: #e95950;
+  --mint-black: #000;
+  --mint-black-0: black;
+  --mint-black-1: #1a1a1a;
+  --mint-black-2: #333333;
+  --mint-black-3: #4d4d4d;
+  --mint-black-4: #666666;
+  --mint-black-5: gray;
+  --mint-black-6: #999999;
+  --mint-white: #fff;
+  --mint-white-0: white;
+  --mint-white-1: #e6e6e6;
+  --mint-white-2: #cccccc;
+  --mint-white-3: #b3b3b3;
+  --mint-white-4: #999999;
+  --mint-white-5: gray;
+  --mint-white-6: #666666;
+  --mint-trans: rgba(0, 0, 0, 0);
+  --mint-trans-0: rgba(0, 0, 0, 0);
+  --mint-trans-1: rgba(0, 0, 0, 0.1);
+  --mint-trans-2: rgba(0, 0, 0, 0.2);
+  --mint-trans-3: rgba(0, 0, 0, 0.3);
+  --mint-trans-4: rgba(0, 0, 0, 0.4);
+  --mint-trans-5: rgba(0, 0, 0, 0.5);
+  --mint-trans-6: rgba(0, 0, 0, 0.6);
+  --mint-brand: #4682b4;
+  --mint-brand-0: #b2cce1;
+  --mint-brand-1: #8db3d3;
+  --mint-brand-2: #699bc4;
+  --mint-brand-3: #4682b4;
+  --mint-brand-4: #38678f;
+  --mint-brand-5: #294d6b;
+  --mint-brand-6: #1b3246;
+  --mint-accent: #483d8b;
+  --mint-accent-0: #9b92cf;
+  --mint-accent-1: #7a6ec0;
+  --mint-accent-2: #5a4dae;
+  --mint-accent-3: #483d8b;
+  --mint-accent-4: #362d68;
+  --mint-accent-5: #231e44;
+  --mint-accent-6: #110e21;
+  --mint-success: #208a20;
+  --mint-success-0: #67dc67;
+  --mint-success-1: #3ed23e;
+  --mint-success-2: #2ab32a;
+  --mint-success-3: #208a20;
+  --mint-success-4: #166116;
+  --mint-success-5: #0d370d;
+  --mint-success-6: #030e03;
+  --mint-danger: #ff4d4d;
+  --mint-danger-0: #ffe6e6;
+  --mint-danger-1: #ffb3b3;
+  --mint-danger-2: #ff8080;
+  --mint-danger-3: #ff4d4d;
+  --mint-danger-4: #ff1a1a;
+  --mint-danger-5: #e60000;
+  --mint-danger-6: #b30000;
+  --mint-warning: #ffaa22;
+  --mint-warning-0: #ffe5bb;
+  --mint-warning-1: #ffd188;
+  --mint-warning-2: #ffbe55;
+  --mint-warning-3: #ffaa22;
+  --mint-warning-4: #ee9200;
+  --mint-warning-5: #bb7300;
+  --mint-warning-6: #885400;
+  --mint-info: #4682b4;
+  --mint-info-0: #b2cce1;
+  --mint-info-1: #8db3d3;
+  --mint-info-2: #699bc4;
+  --mint-info-3: #4682b4;
+  --mint-info-4: #38678f;
+  --mint-info-5: #294d6b;
+  --mint-info-6: #1b3246;
+}
+
+:root {
+  --mint-fore: #1a1a1a;
+  --mint-back: #e6e6e6;
+}
+
+.mint-dark {
+  --mint-fore: #e6e6e6;
+  --mint-back: #1a1a1a;
+  color: var(--mint-fore);
+}
+
+.mint-light {
+  --mint-fore: #1a1a1a;
+  --mint-back: #e6e6e6;
+  color: var(--mint-fore);
+}
+
+a {
+  color: var(--mint-brand);
+}
+a:hover {
+  color: var(--mint-accent-0);
+}
+a:hover .fa-github {
+  color: var(--mint-white-1);
+}
+a:hover .fa-youtube {
+  color: var(--mint-youtube);
+}
+a:hover .fa-instagram {
+  color: var(--mint-instagram-0);
+}
+a:hover .fa-bitcoin {
+  color: var(--mint-bitcoin);
+}
+a:hover .fa-ethereum {
+  color: var(--mint-ethereum);
+}
+a:hover .fa-vimeo {
+  color: var(--mint-venmo);
+}
+a:focus {
+  color: var(--mint-accent-0);
+}
+a:focus .fa-github {
+  color: var(--mint-white-1);
+}
+a:focus .fa-youtube {
+  color: var(--mint-youtube);
+}
+a:focus .fa-instagram {
+  color: var(--mint-instagram-0);
+}
+a:focus .fa-bitcoin {
+  color: var(--mint-bitcoin);
+}
+a:focus .fa-ethereum {
+  color: var(--mint-ethereum);
+}
+a:focus .fa-vimeo {
+  color: var(--mint-venmo);
+}
+a:active, a.mint-active {
+  color: var(--mint-accent-0);
+}
+a:active .fa-github, a.mint-active .fa-github {
+  color: var(--mint-white-1);
+}
+a:active .fa-youtube, a.mint-active .fa-youtube {
+  color: var(--mint-youtube);
+}
+a:active .fa-instagram, a.mint-active .fa-instagram {
+  color: var(--mint-instagram-0);
+}
+a:active .fa-bitcoin, a.mint-active .fa-bitcoin {
+  color: var(--mint-bitcoin);
+}
+a:active .fa-ethereum, a.mint-active .fa-ethereum {
+  color: var(--mint-ethereum);
+}
+a:active .fa-vimeo, a.mint-active .fa-vimeo {
+  color: var(--mint-venmo);
+}
+a i {
+  transition: color 500ms;
+}
+
+.mint-bg {
+  display: block;
+  opacity: 0;
+  height: 0;
+  width: 0;
+  z-index: -1;
+}
+
+.mint-vp-fall-in {
+  opacity: 0;
+  transform: translateY(-100px);
+  transition: opacity 500ms, transform 500ms !important;
+  pointer-events: none;
+}
+.mint-vp-fall-in.visible {
+  opacity: 1;
+  transform: translateY(0%);
+  pointer-events: auto;
+}
+
+.mint-pill {
+  display: inline-block;
+  padding: 0 0.75rem;
+  border-radius: 1rem;
+  text-decoration: none;
+  color: var(--mint-fore);
+  background: var(--mint-brand-5);
+}
+.mint-pill:hover {
+  color: var(--mint-back);
+  background: var(--mint-brand-3);
+  outline-color: var(--mint-brand-0);
+}
+.mint-pill:focus {
+  color: var(--mint-back);
+  background: var(--mint-brand-3);
+  outline-color: var(--mint-brand-0);
+}
+.mint-pill:active, .mint-pill.mint-active {
+  color: var(--mint-back);
+  background: var(--mint-brand-3);
+  outline-color: var(--mint-brand-0);
+}
+.mint-pill.mint-alt {
+  color: var(--mint-brand-3);
+  background: var(--mint-trans);
+}
+.mint-pill.mint-alt:hover {
+  color: var(--mint-fore);
+  background: var(--mint-trans);
+  outline-color: var(--mint-accent-2);
+}
+.mint-pill.mint-alt:focus {
+  color: var(--mint-fore);
+  background: var(--mint-trans);
+  outline-color: var(--mint-accent-2);
+}
+.mint-pill.mint-alt:active, .mint-pill.mint-alt.mint-active {
+  color: var(--mint-fore);
+  background: var(--mint-trans);
+  outline-color: var(--mint-accent-2);
+}
+
+/*# sourceMappingURL=mint.css.map*/