css compiler fixes

data/css_compress/compress.py

@@ -149,7 +149,7 @@ for i in range(len(data)):
         copen = findnext(data, i, '{')
         cclose = findclose(data, copen)
 
-        if countnl(data, copen, cclose) == 0: continue;
+        if countnl(data, copen, cclose) == 0: continue
 
         ins.append((copen + 1, '\n\t'))
         for i2 in range(copen + 1, cclose):
@@ -162,6 +162,12 @@ for i in range(len(data)):
 for (l, c) in reversed(ins):
     data = data[:l] + c + data[l:]
 
+print('======== MORE ========')
+
+# fixes `calc(100%+5px)` stuff
+data = re.compile(r"calc\(([^)]+)\)").sub(lambda m: "calc(" + re.sub(r"(?<=[^\s])([\+\-\*/])(?=[^\s])", " \\1 ", m.group(1)) + ")", data)
+
+
 print('')
 print('')
 

www/data/css/styles.css

@@ -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) {

www/data/css/styles_about.scss

@@ -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;