hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updated 35 files via CloudCannon

Browse source
This commit is contained in:
CloudCannon 2020-12-15 12:32:20 +00:00
parent 0b9ecb9e2c
commit 04fb8751ea
35 changed files with 100 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/css/main-20201214.css
View file

@ -97,17 +97,17 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 960px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, var(--accent2-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(2px); }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, transparent 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(2px); }
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%); }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 1px 1px 28px 24px var(--bg-alt); -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); }
.hero .splash .description > * { margin: 40px !important; }
.hero .splash .description > ul { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: xxx-large; }
.hero .splash .description > ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hero .splash .description > ul .button { background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 7s ease infinite; -moz-animation: backgroundBlink 7s ease infinite; animation: backgroundBlink 7s ease infinite; flex: 0 0 25px; margin: 0 0 20px 0; padding: 0 10px; }
.hero .splash .description > ul .button { background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 7s ease infinite; -moz-animation: backgroundBlink 7s ease infinite; animation: backgroundBlink 7s ease infinite; width: 100px; height: 100px; line-height: 100px; margin: 0 0 20px 0; padding: 0; font-size: 65px; }
.hero .splash h1, .hero .splash h2 { font-size: 2em; }
@ -121,7 +121,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
@media only screen and (max-width: 759px) { .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } .hero .splash .description > ul .button { width: 75px; height: 75px; line-height: 75px; font-size: 55px; } }
section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }

4
assets/css/main-20201214.css.map
View file

File diff suppressed because one or more lines are too long

10
assets/css/noscripts-20201214.css
View file

@ -97,17 +97,17 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 960px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, var(--accent2-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(2px); }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, transparent 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(2px); }
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%); }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 1px 1px 28px 24px var(--bg-alt); -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); }
.hero .splash .description > * { margin: 40px !important; }
.hero .splash .description > ul { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: xxx-large; }
.hero .splash .description > ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hero .splash .description > ul .button { background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 7s ease infinite; -moz-animation: backgroundBlink 7s ease infinite; animation: backgroundBlink 7s ease infinite; flex: 0 0 25px; margin: 0 0 20px 0; padding: 0 10px; }
.hero .splash .description > ul .button { background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 7s ease infinite; -moz-animation: backgroundBlink 7s ease infinite; animation: backgroundBlink 7s ease infinite; width: 100px; height: 100px; line-height: 100px; margin: 0 0 20px 0; padding: 0; font-size: 65px; }
.hero .splash h1, .hero .splash h2 { font-size: 2em; }
@ -121,7 +121,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
@media only screen and (max-width: 759px) { .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } .hero .splash .description > ul .button { width: 75px; height: 75px; line-height: 75px; font-size: 55px; } }
section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }

4
assets/css/noscripts-20201214.css.map
View file

File diff suppressed because one or more lines are too long