Merge pull request #55 from goldst/mobile-awesomeness

Mobile awesomeness

Author: goldst

blocks/card/card--projects__background/card--projects__background.css

@@ -31,7 +31,11 @@
 
 @media screen and (orientation: portrait) {
     .card--projects__background {
-        --_pos: 0 0;
+        --_projects--orientation-a: calc(var(--projects--orientation-a, 0) * 50px);
+        --_projects--orientation-b: calc(var(--projects--orientation-b, 0) * 50px);
+        --_projects--orientation-c: calc(var(--projects--orientation-c, 0) * 50px);
+
+        --_pos: var(--_projects--orientation-a) var(--_projects--orientation-b);
     }
 }
 
@@ -40,6 +44,11 @@
     --_bg-size: calc(0.3 * var(--_w)) auto;
 }
 
+.card--projects__background--cosia {
+    --_card-background: url("/blocks/card/card--projects__background/cosia.svg");
+    --_bg-size: calc(0.3 * var(--_w)) auto;
+}
+
 .card--projects__background--sincos {
     --_card-background: url("/blocks/card/card--projects__background/sincos.svg");
     --_bg-size: calc(0.3 * var(--_w)) auto;