update with new template
This commit is contained in:
@@ -1,9 +0,0 @@
|
||||
/* === handling obliquing issues in Firefox */
|
||||
|
||||
@supports (-moz-appearance: none) {
|
||||
.italic, i, cite, em, var, address, dfn, h3, .h3, h5, .h5 {
|
||||
font-style: oblique 8deg;
|
||||
}
|
||||
}
|
||||
|
||||
/* === end, handling obliquing issues in Firefox */
|
||||
@@ -7,19 +7,38 @@
|
||||
@import "tailwindcss/components";
|
||||
@import "admonition.css";
|
||||
@import "tailwindcss/utilities";
|
||||
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
||||
/* Custom CSS for header partial */
|
||||
.backdrop-blur {
|
||||
-webkit-backdrop-filter: blur(40px);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "CercoDEMO";
|
||||
font-weight: 500;
|
||||
src: url("https://www2.freeflow.life/fonts/CercoDEMO-Medium.otf") format("opentype");
|
||||
src: url("../fonts/CercoDEMO-Medium.otf") format("opentype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "CercoDEMO";
|
||||
font-weight: 600;
|
||||
src: url("https://www2.freeflow.life/fonts/CercoDEMO-Bold.otf") format("opentype");
|
||||
src: url("../fonts/CercoDEMO-Bold.otf") format("opentype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "CercoDEMO";
|
||||
font-weight: 400;
|
||||
src: url("https://www2.freeflow.life/fonts/CercoDEMO-Light.otf") format("opentype");
|
||||
src: url("../fonts/CercoDEMO-Light.otf") format("opentype");
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: "Exo", sans-serif;
|
||||
font-family: "CercoDEMO", sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "CercoDEMO", sans-serif;
|
||||
}
|
||||
|
||||
.bg-semi-white {
|
||||
@@ -35,9 +54,12 @@ img[src*="#small"] {
|
||||
width: 68px;
|
||||
}
|
||||
|
||||
img[src*="#md"] {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
img[src*="#medium"] {
|
||||
width: 400px;
|
||||
margin: auto;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
img[src*="#logo"] {
|
||||
@@ -61,47 +83,48 @@ img[src*="#tft_img"] {
|
||||
|
||||
@layer components {
|
||||
h1 {
|
||||
@apply text-5xl lg:text-8xl font-normal leading-none;
|
||||
@apply text-4xl md:text-5xl lg:text-6xl leading-none font-normal;
|
||||
}
|
||||
h1 strong {
|
||||
@apply font-semibold;
|
||||
@apply font-medium;
|
||||
}
|
||||
h2 {
|
||||
@apply text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-normal leading-none;
|
||||
@apply text-3xl md:text-4xl lg:text-5xl xl:text-5xl font-normal leading-none;
|
||||
}
|
||||
h2 strong {
|
||||
@apply font-medium;
|
||||
}
|
||||
h3 {
|
||||
@apply text-3xl lg:text-6xl font-normal leading-none;
|
||||
@apply text-xl md:text-2xl lg:text-3xl font-light;
|
||||
}
|
||||
h3 strong {
|
||||
@apply font-semibold;
|
||||
@apply font-medium;
|
||||
}
|
||||
h4 {
|
||||
@apply text-xl lg:text-5xl font-normal;
|
||||
@apply text-xl lg:text-2xl font-normal;
|
||||
}
|
||||
h5 {
|
||||
@apply text-xl lg:text-3xl font-normal;
|
||||
@apply text-xl lg:text-xl font-normal;
|
||||
}
|
||||
h6 {
|
||||
@apply text-base not-italic font-normal my-1;
|
||||
@apply text-lg not-italic font-normal my-1;
|
||||
}
|
||||
p {
|
||||
@apply text-lg lg:text-2xl leading-tight;
|
||||
font-family: "Lato", sans-serif;
|
||||
@apply text-lg lg:text-xl leading-tight tracking-normal font-normal;
|
||||
font-family: "CercoDEMO", sans-serif;
|
||||
}
|
||||
blockquote {
|
||||
@apply border-l-4 border-gray-400 mx-2 my-2 p-2;
|
||||
}
|
||||
li {
|
||||
@apply text-base lg:text-base font-normal;
|
||||
@apply text-lg lg:text-xl font-normal;
|
||||
}
|
||||
li li {
|
||||
@apply text-sm lg:text-sm font-light;
|
||||
}
|
||||
button {
|
||||
@apply inline-block
|
||||
text-base
|
||||
lg:text-lg
|
||||
px-12
|
||||
py-1
|
||||
@@ -122,6 +145,32 @@ button :is(:where(p)) {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
header .freeflow {
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
footer .freeflow {
|
||||
width: 100vw;
|
||||
background-color: #eae8e3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
footer .freeflow img {
|
||||
width: 200px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
header .freeflow div {
|
||||
box-shadow: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #1a1a1a;
|
||||
border-radius: 20px;
|
||||
@@ -130,6 +179,14 @@ button {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #1a1a1a;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
button a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -2,6 +2,15 @@ main {
|
||||
@apply pt-0;
|
||||
}
|
||||
|
||||
#text-1xl { @apply text-xl }
|
||||
#text-2xl { @apply text-2xl }
|
||||
#text-3xl { @apply text-3xl }
|
||||
#text-4xl { @apply text-4xl }
|
||||
#text-5xl { @apply text-5xl }
|
||||
#text-6xl { @apply text-6xl }
|
||||
#text-7xl { @apply text-7xl }
|
||||
#text-8xl { @apply text-8xl }
|
||||
|
||||
/*
|
||||
html, body {
|
||||
@apply dark:bg-black;
|
||||
@@ -120,26 +129,6 @@ h5,
|
||||
.h5,
|
||||
h6,
|
||||
.h6 {
|
||||
@apply font-sans leading-none tracking-tight;
|
||||
}
|
||||
|
||||
h1,
|
||||
.h1,
|
||||
h2,
|
||||
.h2,
|
||||
h3,
|
||||
.h3 {
|
||||
font-family: "Exo", sans-serif;
|
||||
}
|
||||
|
||||
h4,
|
||||
.h4,
|
||||
h5,
|
||||
.h5,
|
||||
h6,
|
||||
.h6 {
|
||||
@apply font-sans leading-none tracking-tight;
|
||||
font-family: "Lato", sans-serif;
|
||||
}
|
||||
|
||||
h1,
|
||||
|
||||
Reference in New Issue
Block a user