Smacss

<?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>architecture-and-paradigms/architecture/smacss</title> <desc>Created with Sketch.</desc> <defs> <rect id="path-1" x="0" y="0" width="69" height="69" rx="14"> </rect> </defs> <g id="architecture-and-paradigms/architecture/smacss" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)"> <rect id="mask" stroke="#25224D" stroke-width="2" fill="#FFFFFF" fill-rule="nonzero" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"> </use> </mask> <rect stroke="#25224D" stroke-width="2" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="hit" mask="url(#mask-2)"> <g transform="translate(16.000000, 8.000000)"> <path d="M38.8137336,21.2541118 C37.6870888,23.03125 37.0320724,25.136102 37.0320724,27.3955592 C37.0320724,29.3597862 37.5275494,31.2080592 38.397204,32.8248356 C38.5156251,33.0448191 38.4387336,33.3174342 38.2232731,33.4449013 C34.5682566,35.5982731 32.584704,39.7763158 33.2886514,43.9921875 C33.3392269,44.2989309 33.0830592,44.5657895 32.7754935,44.5263158 C30.1702303,44.1895559 27.4231085,44.8634868 25.1965461,46.5814145 C25.0304276,46.7088816 24.8009868,46.7088816 24.636102,46.5814145 C22.4222862,44.8733553 19.6817434,44.1870888 17.0571546,44.5263158 C16.7491777,44.5657895 16.4930099,44.2989309 16.5435855,43.9921875 C17.2746711,39.6151316 15.1015625,35.2763158 11.1903783,33.2105263 C10.9551809,33.0863486 10.8762336,32.7865954 11.0176809,32.5633223 C12.1455592,30.7861842 12.7993421,28.6813322 12.7993421,26.4218749 C12.7993421,24.4568257 12.3046875,22.6093749 11.4354441,20.9925987 C11.3166118,20.7730263 11.3935033,20.5004112 11.6089638,20.3729441 C15.2833059,18.2068257 17.2434211,14.0143915 16.5435855,9.82524674 C16.4930099,9.51850326 16.7491777,9.25164474 17.0571546,9.29111842 C19.6632401,9.62787832 22.4074836,8.95518095 24.636102,7.23601979 C24.8009868,7.10855263 25.0304276,7.10855263 25.1965461,7.23601979 C27.4103619,8.94407895 30.1509046,9.63034537 32.7754935,9.29111842 C33.0830592,9.25164474 33.3392269,9.51850326 33.2886514,9.82524674 C32.5542763,14.2232731 34.7458882,18.5497533 38.6422697,20.6069079 C38.8762336,20.7310855 38.9564145,21.03125 38.8137336,21.2541118 Z" id="Shape" fill="#91AEE2" fill-rule="nonzero"> </path> <g id="Group" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M14.3523848,7.46011516 C14.5287829,7.87952305 15.0123356,8.07689147 15.4321546,7.90008221 C15.8515625,7.72327305 16.0485198,7.24013158 15.8717105,6.82031253 L13.2339638,0.557154632 C13.0575658,0.137746737 12.5744243,-0.0592105263 12.1546053,0.117598737 C11.7351974,0.293996737 11.5382401,0.777549368 11.7146381,1.19695726 L14.3523848,7.46011516 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M0.681743368,18.6829769 L8.70476968,21.2134046 C9.75616779,21.5448191 10.2294408,19.9654605 9.20065789,19.6410362 L1.17763158,17.1106085 C0.743009895,16.9732731 0.280427579,17.2146381 0.143503263,17.6488486 C0.00657894737,18.082648 0.247532842,18.5456415 0.681743368,18.6829769 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M8.03453947,32.9000822 L0.451069053,38.3083882 C0.0805921053,38.5727796 -0.00575663158,39.0875822 0.258634842,39.4580592 C0.523026316,39.8285362 1.03782895,39.9148848 1.40830589,39.6504935 L8.99177632,34.2425987 C9.36225326,33.9782073 9.448602,33.4634046 9.18421053,33.0929276 C8.91981905,32.7224506 8.40542758,32.6356907 8.03453947,32.9000822 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M15.9876644,45.8828125 C15.5485198,45.7606907 15.0945724,46.0176809 14.9724506,46.4560033 L13.6537829,51.1961348 C13.5316612,51.6348684 13.7882401,52.0892269 14.2269737,52.2113486 C14.6665296,52.3334704 15.1200658,52.0760691 15.2417763,51.6381579 L16.5608553,46.8980263 C16.6829769,46.4592927 16.426398,46.0049342 15.9876644,45.8828125 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M13.8429276,14.1583059 L8.95189147,10.9712171 C8.57072368,10.7224506 8.06003284,10.8301809 7.81167768,11.2117599 C7.56291116,11.5929276 7.67064147,12.1040296 8.05180926,12.3523848 C13.3544408,15.8079769 13.0559211,15.6731085 13.3918585,15.6731085 C14.2084704,15.6731085 14.5287829,14.6056743 13.8429276,14.1583059 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M4.94120063,26.0842927 C4.48601979,26.0842927 4.11677632,26.4535362 4.11677632,26.9087171 C4.11677632,27.363898 4.48601979,27.7331415 4.94120063,27.7331415 L9.24383221,27.7331415 C9.69901316,27.7331415 10.0682566,27.363898 10.0682566,26.9087171 C10.0682566,26.4535362 9.69901316,26.0842927 9.24383221,26.0842927 L4.94120063,26.0842927 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> <path d="M12.9613486,37.6739309 C12.5945724,37.4050164 12.0785362,37.4843749 11.8096217,37.8515625 L9.71628295,40.7092927 C9.44736842,41.0764802 9.52713811,41.5921053 9.89432568,41.8610198 C10.2615132,42.1299342 10.7771381,42.0505757 11.0464638,41.6833882 L13.1393915,38.8256579 C13.4083059,38.4584704 13.3289474,37.9428454 12.9613486,37.6739309 Z" id="Shape" fill="#BACBEC" fill-rule="nonzero"> </path> </g> <path d="M33.5349506,20.1430921 L52.2960526,20.1430921 C53.2335526,20.1430921 54,20.9095395 54,21.8466283 L54,31.9333882 C54,32.8708882 53.2335526,33.6365132 52.2960526,33.6365132 L33.5349506,33.6365132 C32.5978619,33.6365132 31.8314145,32.8708882 31.8314145,31.9333882 L31.8314145,21.8466283 C31.8314145,20.9095395 32.5978619,20.1430921 33.5349506,20.1430921 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M33.5353619,20.1426809 L52.2960526,20.1426809 C53.2331415,20.1426809 53.9995888,20.9091283 53.9995888,21.8462171 L53.9995888,29.3314145 C53.9995888,30.2689145 53.2331415,31.0349506 52.2960526,31.0349506 L33.5353619,31.0349506 C32.5978619,31.0349506 31.8318257,30.2689145 31.8318257,29.3314145 L31.8318257,21.8462171 C31.8314145,20.9091283 32.5978619,20.1426809 33.5353619,20.1426809 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M29.7820724,21.2672697 L37.0324836,21.2672697 C40.6311678,21.2672697 43.5756579,24.2117599 43.5756579,27.8104441 L43.5756579,29.7668585 C43.5756579,34.0102796 40.1036184,37.4819079 35.8601974,37.4819079 L29.7820724,37.4819079 L29.7820724,21.2672697 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M31.5974506,21.2672697 L37.0328947,21.2672697 C40.6315789,21.2672697 43.5756579,24.2113486 43.5756579,27.8096217 L43.5756579,28.426398 C43.5748356,28.4329769 43.5748356,28.4362664 43.5748356,28.4362664 L43.5748356,29.6912006 C43.5748356,30.2528783 43.0657895,30.6776316 42.5131579,30.5773026 L37.2964638,29.6291118 C36.3240132,29.4523026 35.3980263,29.0633223 34.6143093,28.4613486 C32.0657895,26.5045231 31.8758223,23.2364309 31.8758223,23.2364309 C31.8758223,23.2364309 31.7467105,22.4272204 31.5974506,21.2672697 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M26.6422697,33.2232731 L30.1546053,33.2232731 C31.1081415,33.2232731 31.8877467,34.0032895 31.8877467,34.9564145 L31.8877467,35.7495888 C31.8877467,36.7027138 31.1077303,37.4827303 30.1546053,37.4827303 L26.6422697,37.4827303 C25.9773848,37.4827303 25.3967927,37.102796 25.1073191,36.5493421 C24.8647204,36.0900494 24.9091283,35.7742599 24.9091283,34.9564145 C24.9091283,34.0028783 25.6891447,33.2232731 26.6422697,33.2232731 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M25.4095395,28.9543585 L30.2055921,28.9543585 C31.2672697,28.9543585 32.1352796,29.8223684 32.1352796,30.8840461 L32.1352796,31.2833059 C32.1352796,32.3449836 31.2672697,33.2134046 30.2055921,33.2134046 L25.4095395,33.2134046 C24.7125822,33.2134046 24.0986842,32.8388158 23.7594573,32.2808388 C23.4428454,31.7598684 23.479852,31.3375822 23.479852,30.8840461 C23.479852,29.8223684 24.3478619,28.9543585 25.4095395,28.9543585 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M24.5267269,24.6932566 L30.0978619,24.6932566 C31.2191612,24.6932566 32.1352796,25.6101974 32.1352796,26.7306743 L32.1352796,26.915296 C32.1352796,28.0357731 31.2191612,28.9531251 30.0978619,28.9531251 L24.5267269,28.9531251 C23.4033717,28.9531251 22.4893093,28.0328947 22.4893093,26.915296 L22.4893093,26.7306743 C22.4893093,25.6106085 23.40625,24.6932566 24.5267269,24.6932566 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M23.9761514,20.4337994 L30.0345395,20.4337994 C31.1903783,20.4337994 32.1352796,21.3795231 32.1352796,22.5353619 L32.1352796,22.5916941 C32.1352796,23.7475328 31.1903783,24.6932566 30.0345395,24.6932566 L23.9761514,24.6932566 C22.8873356,24.6932566 21.8745888,23.834704 21.8745888,22.5353619 C21.8745888,21.3795231 22.8203125,20.4337994 23.9761514,20.4337994 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M26.6422697,33.2232731 L29.3252467,33.2232731 C29.4518915,33.4625822 29.5234375,33.7347862 29.5234375,34.0230263 L29.5234375,34.8166118 C29.5234375,35.7697368 28.7434211,36.5493421 27.7911184,36.5493421 L25.1073191,36.5493421 C24.8647204,36.0900494 24.9091283,35.7742599 24.9091283,34.9564145 C24.9091283,34.0028783 25.6891447,33.2232731 26.6422697,33.2232731 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M25.4095395,28.9543585 L29.4913652,28.9543585 C29.6685855,29.2458882 29.7709704,29.5871711 29.7709704,29.9514802 L29.7709704,30.3503289 C29.7709704,31.4115954 28.9025494,32.2808388 27.8408717,32.2808388 L23.7594573,32.2808388 C23.4428454,31.7594573 23.479852,31.3371711 23.479852,30.8840461 C23.479852,29.8223684 24.3478619,28.9543585 25.4095395,28.9543585 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M24.5267269,24.6932566 L29.4436678,24.6932566 C29.6504935,25.0123356 29.7709704,25.3918585 29.7709704,25.7976974 L29.7709704,25.9823191 C29.7709704,27.102796 28.8544408,28.0197368 27.7331415,28.0197368 L22.8170231,28.0197368 C22,26.7656251 22.7269737,24.6932566 24.5267269,24.6932566 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M23.9761514,20.4337994 L29.4136514,20.4337994 C29.6389802,20.7680921 29.7709704,21.1710526 29.7709704,21.6023848 L29.7709704,21.6591283 C29.7709704,22.8145559 28.8256579,23.7602796 27.6698191,23.7602796 L22.2314967,23.7602796 C21.3273026,22.4185855 22.2212171,20.4337994 23.9761514,20.4337994 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M26.2569901,20.4337994 L29.4136514,20.4337994 C29.6389802,20.7680921 29.7709704,21.1710526 29.7709704,21.6023848 L29.7709704,21.6591283 C29.7709704,22.8145559 28.8256579,23.7602796 27.6698191,23.7602796 L25.6398026,23.7602796 C25.2935855,23.4925987 25.1085526,23.0855263 25.1085526,22.6726974 C25.1085526,22.4025494 25.1875,22.1307566 25.3519737,21.8935033 L25.7639802,21.3009868 L26.2569901,20.4337994 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> <path d="M31.1241777,16.3063322 C29.8684211,16.3063322 28.6920231,16.9214638 27.9753289,17.9527138 C25.7224506,21.1953125 25.6994243,21.1122533 25.6994243,21.6245888 C25.6994243,22.0259046 25.8889802,22.4218749 26.2421875,22.6677632 C27.4350328,23.4962994 29.0892269,23.198602 29.9177632,22.0061678 C30.9609375,20.8585526 30.5160362,21.3490954 30.6735198,21.167352 C30.9991777,20.792352 31.6237664,21.0008223 31.6957237,21.4921875 C31.8363486,22.4527138 32.647204,24.540296 34.9876644,26.0793585 C35.6846217,26.5378289 36.4761514,26.832648 37.2968749,26.9819079 L41.2787829,27.7055921 C42.4740954,27.9226974 43.5744243,27.0045231 43.5744243,25.7894737 C43.5744243,20.5727796 39.3063322,16.3042763 34.0896381,16.3042763 L32.707648,16.3042763 C32.707648,16.3042763 31.1241777,16.3063322 31.1241777,16.3063322 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero"> </path> <path d="M43.5756579,28.5962171 L43.5756579,29.7668585 C43.5756579,34.0102796 40.1036184,37.4819079 35.8601974,37.4819079 L30.9527138,37.4819079 C30.3063322,37.4819079 29.7820724,36.9580592 29.7820724,36.3116777 C29.7820724,35.6648848 30.3063322,35.1410362 30.9527138,35.1410362 L37.0300164,35.1410362 C40.6303454,35.1410362 43.5756579,32.1957237 43.5756579,28.5962171 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero"> </path> </g> </g> </g> </g> </svg>