youwen5/gallium-workshop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add the jankiest responsive design to bg

Browse source
This commit is contained in:
Youwen Wu 2023-10-10 22:54:52 -07:00
parent f609e5cfb9
commit 3301404de7
1 changed files with 37 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
public/index.css
View file

@ -150,14 +150,46 @@ footer p {
} }
} }
.bg-text { /* Smartphones (portrait) ----------- */
font: bold 300px/310px Georgia, serif; @media only screen
and (max-width : 1000px) {
/* Styles */
.bg-text {
font: bold 30vw Georgia, serif;
color: #100b0b; color: #100b0b;
opacity: 0.1; opacity: 0.2;
/* background: yellow; */ /* background: yellow; */
position: absolute; position: absolute;
right: 0; right: 0;
word-break: break-word;
user-select: none; user-select: none;
/* z-index: -1; */ z-index: 1;
pointer-events: none; pointer-events: none;
}
} }
/* iPads (landscape) ----------- */
@media only screen and not (max-width : 1000px) {
/* Styles */
.bg-text {
font: bold 14vw Georgia, serif;
color: #100b0b;
opacity: 0.1;
position: absolute;
right: 0;
user-select: none;
pointer-events: none;
z-index: 1;
}
}
/* .bg-text {
font: bold 14vw Georgia, serif;
color: #100b0b;
opacity: 0.1;
position: absolute;
right: 0;
user-select: none;
pointer-events: none;
} */