Обрушение отступов

fundamentals/css/margin-collapsing Created with Sketch.
Скачать
<?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/margin-collapsing</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/margin-collapsing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(0.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#53565C" stroke-width="2" fill="#FFFFFF" x="1" y="-1" width="71" height="71" rx="14"> </rect> <g id="rocks" transform="translate(0.000000, 4.000000)"> <path d="M53.890625,60.9595759 L53.890625,66.0133605 L14.6129279,66.0133605 C6.00409007,64.3635345 1.41770458,59.0308518 0.853771431,50.0153125 C0.898001482,36.1149465 1.06578231,21.6188008 1.35711392,6.5268756 L4.39104719,0.16790312 L16.7608713,7.98451309 L23.5312019,14.115772 L26.7987667,23 L28.1952818,31.0328544 L28.3359124,31.8419252 L29.8383454,33.2010575 L33.9940681,36.9607003 L34.7248131,39.1280134 L35.640692,41.8453878 L36.2014342,43.5080329 L37.2810854,44.0580943 L48.9845759,50.0153125 L49.7028599,55.6601172 L49.903125,57.2355357 L50.8243443,58.0953404 L53.890625,60.9595759 Z" id="Shape" fill="#C8AD92"> </path> <g id="Group" transform="translate(16.570871, 2.146763)" fill="#A17852"> <polygon id="Shape" points="25.2872952 31.0014241 21.2590301 35.7876702 26.4717073 40.490161 31.8544763 35.0733915"> </polygon> <polygon id="Shape" transform="translate(4.797723, 5.042616) rotate(-60.000000) translate(-4.797723, -5.042616) " points="3.88769999 2 1 5.06947235 4.73675704 8.0852315 8.595446 4.61139752"> </polygon> <rect id="Rectangle-path" transform="translate(31.352375, 41.834346) rotate(139.928850) translate(-31.352375, -41.834346) " x="30.0750712" y="40.5501001" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(9.352375, 9.834346) rotate(102.928848) translate(-9.352375, -9.834346) " x="8.07507119" y="8.55010011" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(10.352375, 2.834346) rotate(115.928848) translate(-10.352375, -2.834346) " x="9.07507119" y="1.55010011" width="2.55460685" height="2.56849107"> </rect> <polygon id="Shape" points="18.1539425 45.0390262 16.8428739 46.643817 17.3448717 49.87476 14.7067132 50.2850809 14.0213616 45.8774693 18.1539425 40.8192187 19.0698214 39.6986244 19.6305636 41.3612695 20.7102148 41.9113309"> </polygon> </g> <polygon id="Shape" fill="#715539" points="50.8243443 58.0953404 46.7985714 60.429986 45.423418 63.6840709 42.9641629 62.6453627 44.0233426 60.137154 40.9267997 58.6026786 42.1123689 56.2101786 45.6931083 57.9849721 49.7028599 55.6601172 49.903125 57.2355357"> </polygon> <polygon id="Shape" fill="#A17852" points="26.9046847 36.4845145 27.1441127 39.2855552 24.4837026 39.5125223 24.1463672 35.5641853 28.1952818 31.0328544 28.3359124 31.8419252 29.8383454 33.2010575"> </polygon> <polygon id="Shape" fill="#A17852" points="19.7583175 16.6425893 19.9977455 19.44363 17.3373354 19.6705971 17 15.72226 21.1895452 12 22.6919782 13.3591323"> </polygon> <polygon id="Shape" fill="#B38A65" points="53.890625 60.9595759 53.890625 68.5714286 34.7248131 68.5714286 34.7248131 39.1280134 35.640692 41.8453878 36.2014342 43.5080329 37.2810854 44.0580943 48.9845759 50.0153125 49.7028599 55.6601172 49.903125 57.2355357 50.8243443 58.0953404"> </polygon> <g id="Group" transform="translate(34.665179, 41.780413)" fill="#715539"> <polygon id="Shape" points="1.53625558 1.72761998 2.61590681 2.27768136 0.0596344866 5.40537667 0.0596344866 1.1855692 0.975513393 0.0649748884"> </polygon> <polygon id="Shape" points="16.1591657 16.3149275 12.1333929 18.6495731 10.7582394 21.9036579 8.29898438 20.8649498 9.35816406 18.3567411 6.26162109 16.8222656 7.44719029 14.4297656 11.0279297 16.2045592 15.0376814 13.8797042 15.2379464 15.4551228"> </polygon> </g> </g> <rect id="mask" stroke="#53565C" stroke-width="2" x="1" y="-1" width="71" height="71" rx="14"> </rect> </g> </g> </svg>
  • Andreas Mehlsen
  • MIT
  • 10 просмотров
  • 6 скачиваний