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

css compiler fixes
All checks were successful
Build Docker and Deploy / Build Docker (push) Successful in 6m54s
Details
Build Docker and Deploy / Deploy to Server (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Mike Schwörer
2026-02-08 00:20:39 +01:00
parent 3ebbd23d7a
commit e4872d19c0
4 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/data/css/styles.css
View File

@@ -824,6 +824,8 @@ html, body {
border: 1px solid #000;
display: grid;
gap: 8px;
}
.about_ehr_container {
/* Level: 4 */
}
@media (min-device-width:1200px) {
@@ -831,7 +833,7 @@ html, body {
grid-template-columns: repeat(6, 1fr);
}
}
.about_ehr_container .month-grid {
.about_ehr_container {
/* Level: 3 */
}
@media (min-device-width:992px) and (max-device-width:1199px) {
@@ -839,7 +841,7 @@ html, body {
grid-template-columns: repeat(4, 1fr);
}
}
.about_ehr_container .month-grid {
.about_ehr_container {
/* Level: 2 */
}
@media (min-device-width:851px) and (max-device-width:991px) {
@@ -847,7 +849,7 @@ html, body {
grid-template-columns: repeat(4, 1fr);
}
}
.about_ehr_container .month-grid {
.about_ehr_container {
/* Level: 1 */
}
@media (min-device-width:768px) and (max-device-width:850px) {
@@ -855,7 +857,7 @@ html, body {
grid-template-columns: repeat(3, 1fr);
}
}
.about_ehr_container .month-grid {
.about_ehr_container {
/* Level: 0 */
}
@media (max-device-width:767px) {

6
www/data/css/styles.min.css vendored
View File

@@ -177,8 +177,8 @@ html,body{margin:0;padding:0;height:100%}
.about_ehr_container .book-item .title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;font-size:2px;padding:4px 1px 1px 1px;transition:opacity .2s ease-in-out;white-space:wrap;opacity:0}
.about_ehr_container .book-item img{aspect-ratio:var(--preview-aspect-ratio)}
.about_ehr_container .book-item.no-cover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:10px;color:white;text-align:center;padding:4px}
.about_ehr_container .rating-overlay{position:absolute;bottom:calc(100%+0.5px);right:0;width:100%;height:2px;background-size:contain;background-repeat:no-repeat;background-position:right bottom;opacity:0}
.about_ehr_container .wordcount-overlay{position:absolute;top:calc(100%+0.5px);left:0;right:0;padding:1px;font-size:2px;text-align:center;color:white;background:rgba(0,0,0,0.7);opacity:0}
.about_ehr_container .rating-overlay{position:absolute;bottom:calc(100% + 0.5px);right:0;width:100%;height:2px;background-size:contain;background-repeat:no-repeat;background-position:right bottom;opacity:0}
.about_ehr_container .wordcount-overlay{position:absolute;top:calc(100% + 0.5px);left:0;right:0;padding:1px;font-size:2px;text-align:center;color:white;background:rgba(0,0,0,0.7);opacity:0}
.about_ehr_container .rating-overlay[data-count="1.0"]{background-image:url("/data/images/ehr/stars_1.0.png")}
.about_ehr_container .rating-overlay[data-count="1.5"]{background-image:url("/data/images/ehr/stars_1.5.png")}
.about_ehr_container .rating-overlay[data-count="2.0"]{background-image:url("/data/images/ehr/stars_2.0.png")}
@@ -188,7 +188,7 @@ html,body{margin:0;padding:0;height:100%}
.about_ehr_container .rating-overlay[data-count="4.0"]{background-image:url("/data/images/ehr/stars_4.0.png")}
.about_ehr_container .rating-overlay[data-count="4.5"]{background-image:url("/data/images/ehr/stars_4.5.png")}
.about_ehr_container .rating-overlay[data-count="5.0"]{background-image:url("/data/images/ehr/stars_5.0.png")}
.about_ehr_container .book-item:hover .book-container{transform:scale(8);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.3);background-color:#FFF;position:absolute;width:32px;height:calc(32px / var(--img-aspect-ratio));left:calc(50% - 16px);top:calc(50% - 16px / var(--img-aspect-ratio))}
.about_ehr_container .book-item:hover .book-container{transform:scale(8);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.3);background-color:#FFF;position:absolute;width:32px;height:calc(32px / var( - - img - aspect - ratio));left:calc(50% - 16px);top:calc(50% - 16px / var( - - img - aspect - ratio))}
.about_ehr_container .book-item:hover .title-overlay{opacity:1}
.about_ehr_container .book-item:hover .chapter-overlay{opacity:1}
.about_ehr_container .book-item:hover .wordcount-overlay{opacity:1}

11
www/data/css/styles_about.scss
View File

@@ -219,13 +219,14 @@
display: grid;
gap: 8px;
@include rdmedia(4) { grid-template-columns: repeat(6, 1fr); }
@include rdmedia(3) { grid-template-columns: repeat(4, 1fr); }
@include rdmedia(2) { grid-template-columns: repeat(4, 1fr); }
@include rdmedia(1) { grid-template-columns: repeat(3, 1fr); }
@include rdmedia(0) { grid-template-columns: repeat(1, 1fr); }
}
@include rdmedia(4) { .month-grid { grid-template-columns: repeat(6, 1fr); } }
@include rdmedia(3) { .month-grid { grid-template-columns: repeat(4, 1fr); } }
@include rdmedia(2) { .month-grid { grid-template-columns: repeat(4, 1fr); } }
@include rdmedia(1) { .month-grid { grid-template-columns: repeat(3, 1fr); } }
@include rdmedia(0) { .month-grid { grid-template-columns: repeat(1, 1fr); } }
.month-cell {
min-height: 180px;