ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: now label pop!

Browse source
This commit is contained in:
Ayo 2023-02-17 15:54:29 +01:00
parent 5754fe1907
commit 8d7a99da7f
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/pages/index.astro
View file

@ -91,7 +91,8 @@ import Footer from "../components/Footer.astro";
.now-label { .now-label {
border-radius: 40px; border-radius: 40px;
background-color: rgba(0, 0, 0, 0.3); background-color: var(--color-brand-complement);
color: var(--color-brand-blue-1);
padding: 4px 8px; padding: 4px 8px;
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
@ -134,13 +135,29 @@ import Footer from "../components/Footer.astro";
.now-wrapper { .now-wrapper {
border: 0px; border: 0px;
font-size: x-small; font-size: x-small;
line-height: normal; width: 100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0;
margin: 0;
} }
.now-label { .now-label {
background-color: transparent; background-color: transparent;
color: var(--color-brand-complement);
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.now-label::before {
content: "* ";
}
.now-label::after {
content: ":";
}
} }
@media only screen and (min-device-width: 280px) and (max-device-width: 653px) { @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {