Škálování vektoru na pozadí

sass/style.scss

@@ -9,9 +9,10 @@ body {
 	margin: 0;
 	color: #fff;
 	font-size: 1.3em;
+	height: 100vh;
 	background: url(/body-bg.svg) #d22d40;
 	background-position: top center;
-	background-size: 100% auto;
+	background-size: cover;
 	background-repeat: no-repeat;
 
 	a { text-decoration: none; }
@@ -52,7 +53,7 @@ main {
 body.index {
 	background-image: url(/index-bg.png), url(/body-bg.svg);
 	background-position: center center, top center;
-	background-size: 30em auto, 100% auto;
+	background-size: 30em auto, cover;
 
 	main {
 		max-width: $header-width;

static/body-bg.svg

@@ -9,9 +9,9 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="405.05655mm"
+   width="508mm"
-   height="227.71318mm"
+   height="285.75mm"
-   viewBox="0 0 405.05655 227.71318"
+   viewBox="0 0 508 285.75"
    version="1.1"
    id="svg8"
    inkscape:version="0.92.4 5da689c313, 2019-01-14"
@@ -27,7 +27,7 @@
      inkscape:pageshadow="2"
      inkscape:zoom="0.49497475"
      inkscape:cx="765.88396"
-     inkscape:cy="585.71301"
+     inkscape:cy="428.39054"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -35,7 +35,7 @@
      inkscape:snap-bbox="true"
      inkscape:bbox-nodes="true"
      inkscape:window-width="1920"
-     inkscape:window-height="1180"
+     inkscape:window-height="1060"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="0" />
@@ -47,7 +47,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -55,15 +55,15 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(124.9485,11.445275)">
+     transform="translate(124.9485,69.4821)">
     <path
-       style="fill:#b52637;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:#b52637;fill-opacity:1;stroke:none;stroke-width:0.33192161px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="M 77.508163,-11.2954 V 65.945493 L -124.9485,-11.429035 Z"
+       d="M 128.96169,-69.294027 V 27.633106 L -124.9485,-69.461721 Z"
        id="path826"
        inkscape:connector-curvature="0" />
     <path
-       style="fill:#b52637;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:#b52637;fill-opacity:1;stroke:none;stroke-width:0.33192161px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="M 77.508163,216.2679 V 65.945493 L 280.10804,-11.445275 V 139.22746 C 191.49123,120.22765 123.80194,165.68401 77.508163,216.2679 Z"
+       d="M 128.96169,216.2679 V 27.633106 L 383.0515,-69.4821 V 119.59231 C 271.91309,95.750054 187.02085,152.79179 128.96169,216.2679 Z"
        id="path828"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="ccccc" />