sashaastiadi/www_mycelium
1
0
Fork 1
forked from hero/www_hero_project
Code Pull Requests Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2024-05-04 11:52:00 +02:00
parent 0176ba951a
commit a61a0df908
13 changed files with 200 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
css/index.css
View File

@@ -41,26 +41,28 @@ img[src*="#fill"] { width: 100%; height: 100%; }
img[src*="#tft_img"] { width: 150px; margin: 8px; }
img[src*="#icon"] { width: 65px; margin: 4px; }
img[src*="#fig"] { width: 150px; }
img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
.logo_size { width: 200px; }
/* Layer components */
@layer components {
h1 { @apply text-xl lg:text-4xl xl:text-5xl font-bold leading-4 my-4; font-family: "Reddit Sans", sans-serif; font-weight: 900; line-height: 1em; }
h1 { @apply text-xl lg:text-4xl xl:text-7xl font-bold leading-4 my-4; font-family: "Reddit Sans", sans-serif; font-weight: 900; line-height: 1em; }
h1 strong { @apply font-extrabold; }
h2 { @apply text-xl md:text-2xl lg:text-4xl font-bold leading-4 my-4; font-family: "Reddit Sans", sans-serif; line-height: 1; font-weight: 600; }
h2 strong { @apply font-medium; }
h3 { @apply text-xl lg:text-2xl font-normal my-4; color: #4207ab; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
h3 strong { @apply font-medium; font-weight: 400; }
h4 { @apply text-xl lg:text-2xl font-normal my-4; color: #4207ab; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
h5 { @apply text-xl lg:text-xl font-normal; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
h4 { @apply text-xl lg:text-xl font-normal my-4; color: #4207ab; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
h5 { @apply text-xl lg:text-xl font-normal; font-family: "Reddit Sans", sans-serif; font-weight: 400; color: #4207ab !important; }
h6 { @apply text-lg not-italic font-normal my-1; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
p { @apply text-base lg:text-lg leading-tight tracking-normal font-normal my-0; font-family: "Reddit Sans", sans-serif; font-weight: 300; letter-spacing: 0.05em; }
p { @apply text-base lg:text-lg leading-tight tracking-normal font-normal my-0; font-family: "Reddit Sans", sans-serif; font-weight: 400; letter-spacing: 0.05em; }
blockquote { @apply border-l-4 border-gray-400 mx-2 my-2 p-2; font-family: "Reddit Sans", sans-serif; font-weight: 300; }
li { @apply text-lg lg:text-xl font-normal my-2; font-family: "Reddit Sans", sans-serif; font-weight: 200; }
li { @apply text-sm lg:text-sm font-light my-2; font-family: "Reddit Sans", sans-serif; font-weight: 200; }
li li { @apply text-sm lg:text-sm font-light;font-family: "Reddit Sans", sans-serif; font-weight: 200; }
button { @apply inline-block text-base lg:text-lg px-8 py-1 my-3 border-2 shadow;font-family: "Reddit Sans", sans-serif; font-weight: 400; }
article h2 { @apply text-xl lg:text-3xl font-medium; font-family: "Reddit Sans", sans-serif; font-weight: 500; }
article p, li { @apply text-base lg:text-lg;font-family: "Reddit Sans", sans-serif; font-weight: 300; }
article p, { @apply text-base lg:text-lg; font-family: "Reddit Sans", sans-serif; font-weight: 400; }
li { @apply text-sm lg:text-base; font-family: "Reddit Sans", sans-serif; font-weight: 300; }
}
@@ -77,14 +79,13 @@ header .customize { background-color: transparent; position: absolute; }
footer .customize { color: #fff; background-color: #4207ab; display: flex; flex-direction: column; align-items: center; padding-top: 24px; padding-bottom: 24px; }
footer .customize img { width: 60px; }
header .customize div { box-shadow: none; text-transform: uppercase; font-weight: 700 !important; }
.link2 { color: #4207ab; font-weight: 600;}
/* Header styles */
button { background: transparent; color: black; border-radius: 2px; border: 2px solid black; box-shadow: none; }
button { background: transparent; color: black; border-radius: 2px; border: 1px solid black; box-shadow: none; }
a { border: none; }
header { font-family: "Reddit Sans"; }
.nav_btn { margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
.link2 { margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; color: #4207ab !important; font-weight: 600 !important; border: 0px !important; }
@@ -110,6 +111,6 @@ header { font-family: "Reddit Sans"; }
.header:hover .back { transform: none; }
/* Responsive styles */
@media (max-width: 768px) { /* h2 { font-size: 4rem; } */ }
@media (max-width: 640px) { .banner h2 { font: 600 7vw/10vw; } .header h1 { font-size: 35px; } .banner h2 svg { font-size: 30px; } }
@media (max-width: 768px) { /* h2 { font-size: 4rem; } */ .flex-col-reverse { flex-direction: column-reverse; } }
@media (max-width: 640px) { .banner h2 { font: 600 7vw/10vw; } .header h1 { font-size: 20px; } .banner h2 svg { font-size: 30px; } }
@media (max-width: 480px) { .banner, .header { padding: 80px 0; } footer { text-align: center; } /* h2 { font-size: 3rem; } */ }

4
css/layout.css
View File

@@ -7,7 +7,7 @@ main {
h1, .h1 { font-size: 2.5rem; font-weight: 900; }
h2, .h2 { font-size: 2rem; font-weight: 700; }
h3, .h3 { font-weight: 400; color: #4207ab; }
h4, .h4 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.3rem; }
h5, .h5 { font-size: 1.25rem; font-style: normal; }
h6, .h6 { font-size: 1rem; }
@@ -29,7 +29,7 @@ a:active { color: #2b6cb0; }
nav h4 a { border: 0; color: #000; }
nav h4 a:hover { border: 0; color: #4299e1; }
nav h4 a:focus, nav h4 a:active { border: 0; color: #000; }
h5 a { color: #4a5568; }
h5 a { color: #4207ab; }
/* Text and paragraph styles */
pre, code { font-feature-settings: normal; }