Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

responsive fixes for /blog/29/
All checks were successful
Build Docker and Deploy / Build Docker (push) Successful in 12s
Details
Build Docker and Deploy / Deploy to Server (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Mike Schwörer
2023-09-12 16:48:45 +02:00
parent 300992b49f
commit 8a22671f0b
4 changed files with 86 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
www/data/css/styles_projectlawfulebook.scss
View File

@@ -78,6 +78,27 @@
width: 100%;
border: 1px solid #555;
}
@include rdmedia(0) {
.variant .dlbutton svg { width: 16px; }
.variant .dlbutton a .span_dl { display: none; }
.variant .dlbutton a .span_mb { display: none; }
}
@include rdmedia(1) {
.variant .dlbutton svg { width: 32px; }
.variant .dlbutton a .span_dl { font-size: 1em; }
.variant .dlbutton a .span_mb { }
}
@include rdmedia(2) {
.variant .dlbutton svg { width: 48px; }
.variant .dlbutton a .span_dl { }
.variant .dlbutton a .span_mb { }
}
@include rdmedia(3) {
.variant .dlbutton svg { width: 48px; }
.variant .dlbutton a .span_dl { font-size: 1em; }
.variant .dlbutton a .span_mb { }
}
}
.project-lawful-ebook-blogpost
@@ -113,9 +134,10 @@
.dlbtn_alt svg {
fill: #BBB;
}
@include rdmedia_range(0, 3) { .dlbtn_alt svg { width: 16px; } }
.dlbtn_alt .span_mb {
font-size: 0.75em;
grid-column: 4;