Stop tracking compiled css!
This commit is contained in:
parent
e8da14c9e8
commit
6250629545
|
@ -0,0 +1 @@
|
|||
css/*
|
Binary file not shown.
Binary file not shown.
|
@ -1 +0,0 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../scss/theme3.scss"],"names":[],"mappings":"AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAME;AAE6B;AAC6B;AAC5B;AAE9B;AAEF;EACE;EACA;EAEA;EACA;;AAEF;EACE;EACA;EAEA;;AAGA;AAcF;AACA;AACA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,aAzBQ;EA0BR,WAhCO;EAiCP,OA1DY;EA2DZ,kBA5DY;EA6DZ;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAKJ;AACA;AACA;AAEA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;AACA;AAAA;AAAA;EAGA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAEA;EAAY,kBAzJE;;;AA0Jd;EAAY,kBAzJE;;;AA0Jd;EAAY,kBA5JE;;;AA8Jd;EAAc,OA7JA;;;AA8Jd;EAAc,OA7JA;;;AA8Jd;EAAc,OAhKA;;;AAkKd;AAEA;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;;;AAgJT;EAAU,WA/ID;;;AAiJT;EAAY,aA/ID;;;AAgJX;EAAgB,aA/ID;;;AAgJf;EAAW,aA/ID;;;AAiJV;EAAa;;;AACb;EAAa;;;AAEb;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AACA;AACA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;EAGE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;EAEA;EAGA;EACA;EACA;EAEA","file":"theme3.css"}
|
|
@ -1,306 +0,0 @@
|
|||
/* ----------------- */
|
||||
/* Custom Properties */
|
||||
/* ----------------- */
|
||||
/* Many of the prop-
|
||||
* erties here are
|
||||
* where the substa-
|
||||
* ntive changes
|
||||
* will be made */
|
||||
/* colors */
|
||||
/* White */
|
||||
/* Black */
|
||||
/* Gray */
|
||||
/* font */
|
||||
@font-face {
|
||||
font-family: "Inconsolata";
|
||||
src: url("fonts/Inconsolata.ttf");
|
||||
font-display: swap;
|
||||
font-variation-settings: "wdth" 85;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Jost";
|
||||
src: url("fonts/Jost.ttf");
|
||||
font-display: swap;
|
||||
}
|
||||
/* Sizes divided by 16 so values given in px */
|
||||
/* ----- */
|
||||
/* Reset */
|
||||
/* ----- */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, p {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Jost", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #543663;
|
||||
background-color: hsl(280deg, 30%, 80%);
|
||||
line-height: 1.5;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 1vw;
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
img, picture {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behaviour: auto !important;
|
||||
}
|
||||
}
|
||||
/* --------------- */
|
||||
/* Utility Classes */
|
||||
/* --------------- */
|
||||
/* Layouts */
|
||||
.container {
|
||||
padding-inline: 4rem;
|
||||
margin-inline: auto;
|
||||
max-width: 80rem;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.column {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
align-content: baseline;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.two-columns {
|
||||
display: grid;
|
||||
/* Will shrink to one column, never exceed two!
|
||||
* The `max` in `minmax` asks that the columns
|
||||
* be no smaller */
|
||||
grid-template-columns: repeat(auto-fit, minmax(max(30rem, 40%), 1fr));
|
||||
column-gap: 1rem;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.lock-bottom {
|
||||
position: absolute;
|
||||
bottom: 0%;
|
||||
}
|
||||
|
||||
/* Other */
|
||||
.hr::after { /* Add fake hr after header */
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 0.15rem;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* Color Classes */
|
||||
.bg-dark {
|
||||
background-color: #543663;
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
background-color: hsl(190deg, 80%, 30%);
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: hsl(280deg, 30%, 80%);
|
||||
}
|
||||
|
||||
.text-dark {
|
||||
color: #543663;
|
||||
}
|
||||
|
||||
.text-light {
|
||||
color: hsl(190deg, 80%, 30%);
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: hsl(280deg, 30%, 80%);
|
||||
}
|
||||
|
||||
/* Font Classes */
|
||||
.fs-900 {
|
||||
font-size: 6.25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fs-800 {
|
||||
font-size: 4.6875rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.fs-700 {
|
||||
font-size: 3.5rem;
|
||||
font-weight: 250;
|
||||
}
|
||||
|
||||
.fs-600 {
|
||||
font-size: 2rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.fs-500 {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.fs-400 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.fs-300 {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
.fs-200 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.ff-serif {
|
||||
font-family: "Inconsolata", monospace;
|
||||
}
|
||||
|
||||
.ff-sans-cond {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.ff-sans {
|
||||
font-family: "Jost", sans-serif;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
/* Semantic Tags and Their Classes */
|
||||
header {
|
||||
margin-bottom: 3vh;
|
||||
}
|
||||
|
||||
section:not(:last-of-type) {
|
||||
margin-bottom: 3vh;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
/* -------------------- */
|
||||
/* Non-Reusable Classes */
|
||||
/* -------------------- */
|
||||
/* meant for these pages
|
||||
* only, not to be used
|
||||
* in practice */
|
||||
.colors--block {
|
||||
padding: 3rem 1rem 1rem;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
@keyframes waltuh-gradient-anim {
|
||||
from {
|
||||
background-position: 6em 0em;
|
||||
}
|
||||
10% {
|
||||
background-position: 4.8541019662em 3.5267115138em;
|
||||
}
|
||||
20% {
|
||||
background-position: 1.8541019662em 5.7063390978em;
|
||||
}
|
||||
30% {
|
||||
background-position: -1.8541019662em 5.7063390978em;
|
||||
}
|
||||
40% {
|
||||
background-position: -4.8541019662em 3.5267115138em;
|
||||
}
|
||||
50% {
|
||||
background-position: -6em 0em;
|
||||
}
|
||||
60% {
|
||||
background-position: -4.8541019662em -3.5267115138em;
|
||||
}
|
||||
70% {
|
||||
background-position: -1.8541019662em -5.7063390978em;
|
||||
}
|
||||
80% {
|
||||
background-position: 1.8541019662em -5.7063390978em;
|
||||
}
|
||||
90% {
|
||||
background-position: 4.8541019662em -3.5267115138em;
|
||||
}
|
||||
to {
|
||||
background-position: 6em 0em;
|
||||
}
|
||||
}
|
||||
.waltuh-gradient {
|
||||
font-weight: 600;
|
||||
color: transparent;
|
||||
background: repeating-radial-gradient(#543663, #aa00ff, #dd99ff 80%, white);
|
||||
background-size: 30vmin 30vmin;
|
||||
background-clip: text;
|
||||
animation: waltuh-gradient-anim 12s linear infinite;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
opacity: 0.1;
|
||||
z-index: 1;
|
||||
background-image: url("https://ilia.moe/img/noise.gif");
|
||||
background-size: 25%;
|
||||
}
|
||||
|
||||
main * {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
footer {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=waltuh.css.map */
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../scss/waltuh.scss"],"names":[],"mappings":"AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAME;AAE6B;AAC6B;AAC5B;AAE9B;AAEF;EACE;EACA;EAEA;EACA;;AAEF;EACE;EACA;EAEA;;AAGA;AAcF;AACA;AACA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,aAzBQ;EA0BR,WAhCO;EAiCP,OA1DY;EA2DZ,kBA5DY;EA6DZ;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAKJ;AACA;AACA;AAEA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;AACA;AAAA;AAAA;EAGA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAEA;EAAY,kBAzJE;;;AA0Jd;EAAY,kBAzJE;;;AA0Jd;EAAY,kBA5JE;;;AA8Jd;EAAc,OA7JA;;;AA8Jd;EAAc,OA7JA;;;AA8Jd;EAAc,OAhKA;;;AAkKd;AAEA;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;EA+IqB;;;AAC9B;EAAU,WA/ID;;;AAgJT;EAAU,WA/ID;;;AAiJT;EAAY,aA/ID;;;AAgJX;EAAgB,aA/ID;;;AAgJf;EAAW,aA/ID;;;AAiJV;EAAa;;;AACb;EAAa;;;AAEb;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AACA;AACA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;EAGE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;EAEA;EAGA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGA;EACE;;;AAGJ;EACE","file":"waltuh.css"}
|
Loading…
Reference in New Issue