n
/
elizabeth-website-sketch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(CSS) Add styles that make the monogram-nav a little more usable on mobile (but still not as good as on a desktop)

This commit is contained in:
n loewen 2023-09-21 15:57:43 -07:00
parent 779d3c36be
commit c9ef52c729
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
style.css
View File

@ -76,8 +76,8 @@ body {
.triangle-label { .triangle-label {
position: absolute; position: absolute;
color: black; color: black;
bottom: 0.5rem;
left: 0.5rem; left: 0.5rem;
bottom: 0.5rem;
} }
.triangle-label.multiline { .triangle-label.multiline {
@ -118,4 +118,19 @@ h1 {
background-color:hsl(50, 100%, 70%); background-color:hsl(50, 100%, 70%);
border-left: 0.25ch solid hsl(50, 100%, 70%); border-left: 0.25ch solid hsl(50, 100%, 70%);
border-right: 0.25ch solid hsl(50, 100%, 70%); border-right: 0.25ch solid hsl(50, 100%, 70%);
} }
/* Adjustments for touchscreen devices */
@media (hover: none) {
.triangle-label {
color: white;
opacity: 0.75;
}
.triangle:hover .triangle-label {
color: black;
opacity: 1;
}
}