Относительные единицы измерения

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/relative-units</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/relative-units" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#02994A" fill-rule="nonzero" stroke="#00371A" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="mathematics" transform="translate(14.000000, 30.000000)"> <g id="Group" transform="translate(0.320792, 0.996040)" fill="#FFFFFF" fill-rule="nonzero"> <g id="Group-2"> <path d="M6.40905743,8.83240396 L2.34772277,8.83240396 L2.34772277,6.23094653 L6.12270297,6.23094653 C6.33964158,6.23094653 6.51481782,6.0557703 6.51481782,5.84154059 L6.51481782,4.46970297 C6.51481782,4.2545703 6.33964158,4.08029703 6.12270297,4.08029703 L2.34772277,4.08029703 L2.34772277,2.44975842 L6.32282376,2.44975842 C6.53976238,2.44975842 6.71493861,2.27548515 6.71493861,2.06035248 L6.71493861,0.660974257 C6.71493861,0.444938614 6.53976238,0.270665347 6.32282376,0.270665347 L0.502051485,0.270665347 C0.285112871,0.270665347 0.109936634,0.444938614 0.109936634,0.660974257 L0.109936634,10.6506475 C0.109936634,10.8684891 0.285112871,11.0427624 0.502051485,11.0427624 L6.4099604,11.0427624 C6.62509307,11.0427624 6.80026931,10.8684891 6.80026931,10.6506475 L6.80026931,9.22451881 C6.80026931,9.00667723 6.62509307,8.83240396 6.40905743,8.83240396 Z" id="Shape"> </path> <path d="M26.7484634,0.403966337 C26.7191168,0.23680396 26.5831069,0.110613861 26.4150416,0.0883782178 C26.2469762,0.0688514851 26.0852317,0.155988119 26.0123168,0.307122772 L23.0258554,6.57418812 L20.0393941,0.307122772 C19.9664792,0.154182178 19.8064277,0.0679485149 19.6366693,0.0883782178 C19.4669109,0.110613861 19.3325941,0.237706931 19.3032475,0.403966337 L17.4175069,10.5786356 C17.3970772,10.6951188 17.4282297,10.810699 17.5028376,10.8996416 C17.5775584,10.9902772 17.6886238,11.0418594 17.803301,11.0418594 L19.3156634,11.0418594 C19.5050614,11.0418594 19.6677089,10.9040436 19.7015703,10.7164515 L20.4723683,6.30216832 L22.6727941,11.001 C22.7349861,11.1370099 22.8746079,11.2268554 23.0266455,11.2268554 C23.1777802,11.2268554 23.3146931,11.1370099 23.3786911,11.001 L25.5809228,6.30216832 L26.3500277,10.7164515 C26.3828733,10.9040436 26.5465366,11.0418594 26.7359347,11.0418594 L28.248297,11.0418594 C28.248297,11.0418594 28.2554079,11.0418594 28.2572139,11.0418594 C28.4723465,11.0418594 28.6475228,10.8675861 28.6475228,10.6497446 C28.6475228,10.5981624 28.6368,10.5501921 28.6199822,10.5030119 L26.7484634,0.403966337 Z" id="Shape"> </path> <path d="M37.9819782,0.434215842 C37.349899,0.208360396 36.7301228,0.0989881188 36.0802099,0.0989881188 C33.0413762,0.0989881188 30.5670119,2.59908713 30.5670119,5.67087921 C30.5670119,8.73375446 33.0413762,11.2276455 36.0802099,11.2276455 C36.7292198,11.2276455 37.3497861,11.1164673 37.9819782,10.8898218 C38.1384178,10.8347406 38.2424851,10.686202 38.2424851,10.5217485 L38.2424851,8.90983366 C38.2424851,8.76930891 38.1642653,8.63691089 38.0406713,8.56749505 C37.9152713,8.49988515 37.7641366,8.5044 37.6432515,8.57821782 C37.1747228,8.87066733 36.648404,9.01920594 36.0802099,9.01920594 C34.3366871,9.01920594 32.9177822,7.51846931 32.9177822,5.67099208 C32.9177822,3.81550099 34.3368,2.30765347 36.0802099,2.30765347 C36.6323762,2.30765347 37.1568891,2.46059406 37.6432515,2.76466931 C37.7650396,2.83758416 37.9161743,2.84198614 38.0406713,2.77268317 C38.1642653,2.7033802 38.2424851,2.57357822 38.2424851,2.43124752 L38.2424851,0.80330495 C38.2424851,0.636819802 38.1384178,0.4902 37.9819782,0.434215842 Z" id="Shape"> </path> <path d="M14.9005901,3.59122574 L9.83018614,3.59122574 C9.68085743,3.59122574 9.55906931,3.71391683 9.55906931,3.86155248 L9.55906931,4.71418218 C9.55906931,4.86531683 9.68085743,4.98529901 9.83018614,4.98529901 L14.9005901,4.98529901 C15.0499188,4.98529901 15.1735129,4.86531683 15.1735129,4.71418218 L15.1735129,3.86155248 C15.1735129,3.71312673 15.0500317,3.59122574 14.9005901,3.59122574 Z" id="Shape"> </path> <path d="M14.9005901,6.327 L9.83018614,6.327 C9.68085743,6.327 9.55906931,6.44698218 9.55906931,6.59811683 L9.55906931,7.45074653 C9.55906931,7.60097822 9.68085743,7.72107327 9.83018614,7.72107327 L14.9005901,7.72107327 C15.0499188,7.72107327 15.1735129,7.60109109 15.1735129,7.45074653 L15.1735129,6.59811683 C15.1735129,6.44698218 15.0500317,6.327 14.9005901,6.327 Z" id="Shape"> </path> <path d="M43.8774713,5.86648515 L42.1153248,5.86648515 L43.6293802,3.93717624 C43.9591901,3.51481188 44.1503941,3.15926733 44.1503941,2.59107327 C44.1503941,1.4957703 43.1991149,0.604877228 42.0263822,0.604877228 C40.8581644,0.604877228 39.9059822,1.4957703 39.9059822,2.59107327 C39.9059822,3.08454653 40.1024911,3.53524158 40.4198851,3.88288515 L41.2467802,2.79909505 C41.2289465,2.73148515 41.2156277,2.66489109 41.2156277,2.59107327 C41.2156277,2.15448713 41.5712851,1.79533069 42.0122733,1.79533069 C42.4461505,1.79533069 42.8142238,2.15990495 42.8142238,2.59107327 C42.8142238,2.77245743 42.7484198,2.94221584 42.6390475,3.0756297 L41.5588693,4.53110495 C41.5624812,4.53291089 41.5659802,4.53291089 41.5659802,4.53291089 L39.9095941,6.68096436 C39.8571089,6.75026733 39.849095,6.84451485 39.8855525,6.92194455 C39.9273149,7.00016436 40.0055347,7.05084356 40.0935743,7.05084356 L43.8774713,7.05084356 C44.0028713,7.05084356 44.1086317,6.94767921 44.1086317,6.82148911 L44.1086317,6.09775842 C44.1086317,5.9704396 44.0028713,5.86648515 43.8774713,5.86648515 Z" id="Shape"> </path> </g> </g> <g id="Group" transform="translate(30.702970, 0.996040)"> </g> <g id="Group" transform="translate(9.801980, 4.495050)"> </g> <g id="Group" transform="translate(39.962376, 1.560396)"> </g> </g> </g> </svg>