main page
This commit is contained in:
@@ -10,19 +10,35 @@
|
||||
@import "tailwindcss/utilities";
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
|
||||
|
||||
/* Custom CSS for header partial */
|
||||
.backdrop-blur {
|
||||
-webkit-backdrop-filter: blur(40px);
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.bg-semi-white {
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.bg-dark-gradient {
|
||||
background: rgb(15,15,15);
|
||||
background: radial-gradient(circle, rgba(15,15,15,1) 0%, rgb(24, 24, 24) 50%, rgba(15,15,15,1) 100%);
|
||||
}
|
||||
|
||||
.bg-black1 {
|
||||
background-color: rgba(15,15,15,1);
|
||||
}
|
||||
|
||||
.bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* Custom css allowing image styling in markdown */
|
||||
img[src*="#mx-auto"] {
|
||||
margin: auto;
|
||||
@@ -239,12 +255,12 @@ background-color:#5596f5 !important;
|
||||
h1 {
|
||||
@apply text-4xl lg:text-6xl font-normal;
|
||||
color: #2b2b2b;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
h2 {
|
||||
@apply text-3xl lg:text-4xl my-4 font-normal leading-none;
|
||||
color: #2b2b2b;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
h2 strong {
|
||||
@apply font-semibold;
|
||||
@@ -252,28 +268,28 @@ background-color:#5596f5 !important;
|
||||
h3 {
|
||||
@apply text-2xl lg:text-3xl my-4 font-extralight;
|
||||
color: #2b2b2b;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
h3 strong {
|
||||
@apply font-normal;
|
||||
}
|
||||
h4 {
|
||||
@apply text-xl lg:text-2xl font-normal tracking-wider;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
|
||||
}
|
||||
h5 {
|
||||
@apply text-lg my-1 tracking-normal font-semibold;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
@apply text-lg my-1 tracking-normal font-medium;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
h6 {
|
||||
@apply text-md not-italic font-normal my-1;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
p {
|
||||
@apply text-lg;
|
||||
color: #3d3d3d;
|
||||
font-family: "Lato", sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
blockquote {
|
||||
@apply border-l-4 border-gray-400 mx-2 my-2 p-2;
|
||||
@@ -320,20 +336,20 @@ background-color:#5596f5 !important;
|
||||
|
||||
.article h2{
|
||||
font-size: 2.25rem;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 700;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
.article h1{
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
}
|
||||
.article p{
|
||||
font-size: 1.125rem;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 1.7;
|
||||
color:#333
|
||||
}
|
||||
@@ -348,7 +364,7 @@ background-color:#5596f5 !important;
|
||||
|
||||
.article li{
|
||||
font-size: 1.125rem;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 1.7;
|
||||
color:#333
|
||||
}
|
||||
@@ -359,7 +375,7 @@ background-color:#5596f5 !important;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
|
||||
@@ -391,7 +407,7 @@ a {
|
||||
}
|
||||
|
||||
header {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.nav_btn {
|
||||
@@ -535,15 +551,15 @@ header {
|
||||
}
|
||||
|
||||
.my-test{
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
.post-content-text .my-test {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.post-content-text h2 {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 1.5;
|
||||
font-size: 2.25rem;
|
||||
font-weight: 700;
|
||||
|
||||
@@ -38,11 +38,11 @@ code {
|
||||
@apply text-gray-500;
|
||||
}
|
||||
|
||||
.text-blue-dark {
|
||||
/*.text-blue-dark {
|
||||
/* for dark mode
|
||||
@apply text-blue-200;
|
||||
*/
|
||||
}
|
||||
|
||||
}*/
|
||||
|
||||
.text-shadow-titles {
|
||||
text-shadow: 4px 4px 2px #000;
|
||||
@@ -85,7 +85,7 @@ a:active {
|
||||
}
|
||||
|
||||
h5 a {
|
||||
@apply text-gray-900 font-normal;
|
||||
@apply text-gray-200 font-normal;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -381,7 +381,7 @@ blockquote {
|
||||
}
|
||||
& ol li {
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: $pokey;
|
||||
font-size: 75%;
|
||||
}
|
||||
& li p {
|
||||
font-size: 100%;
|
||||
@@ -464,3 +464,8 @@ footer {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background: rgb(15,15,15);
|
||||
background: radial-gradient(circle, rgba(15,15,15,1) 0%, rgb(24, 24, 24) 50%, rgba(15,15,15,1) 100%);
|
||||
}
|
||||
Reference in New Issue
Block a user