Точки остановки (Breakpoints)

<?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/the-browser/breakpoints</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/the-browser/breakpoints" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#6E563D" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="bed" transform="translate(8.000000, 12.000000)"> <path d="M45.6578924,16.0614892 L7.30788063,16.0614892 C5.42477299,16.0614892 3.89264775,17.5935108 3.89264775,19.4767221 L3.89264775,28.9661076 C3.89264775,29.3958121 4.24082975,29.7439941 4.67053425,29.7439941 L48.295135,29.7439941 C48.7248395,29.7439941 49.0730215,29.3958121 49.0730215,28.9661076 L49.0730215,19.4767221 C49.0731252,17.5936145 47.541,16.0614892 45.6578924,16.0614892 Z" id="Shape" fill="#A58260"> </path> <path d="M45.6578924,16.0614892 L42.0116791,16.0614892 C43.8947867,16.0614892 45.4269119,17.5935108 45.4269119,19.4767221 L45.4269119,28.9661076 C45.4269119,29.3958121 45.0787299,29.7439941 44.6490254,29.7439941 L48.2953425,29.7439941 C48.725047,29.7439941 49.073229,29.3958121 49.073229,28.9661076 L49.073229,19.4767221 C49.0731252,17.5936145 47.541,16.0614892 45.6578924,16.0614892 Z" id="Shape" fill="#8C6B50"> </path> <path d="M20.51909,23.0138239 L12.3330274,23.0138239 C10.4623659,23.0138239 8.94050881,24.535681 8.94050881,26.4063425 L8.94050881,28.9662114 C8.94050881,29.3959159 9.2886908,29.7440978 9.7183953,29.7440978 L23.1336184,29.7440978 C23.5633229,29.7440978 23.9115049,29.3959159 23.9115049,28.9662114 L23.9115049,26.4063425 C23.9115049,24.535681 22.3896477,23.0138239 20.51909,23.0138239 Z" id="Shape" fill="#FFDF65"> </path> <path d="M40.6327456,23.0138239 L32.446683,23.0138239 C30.5761252,23.0138239 29.0542681,24.535681 29.0542681,26.4063425 L29.0542681,28.9662114 C29.0542681,29.3959159 29.4024501,29.7440978 29.8321546,29.7440978 L43.2473777,29.7440978 C43.6770822,29.7440978 44.0252642,29.3959159 44.0252642,28.9662114 L44.0252642,26.4063425 C44.0252642,24.535681 42.503407,23.0138239 40.6327456,23.0138239 Z" id="Shape" fill="#FFDF65"> </path> <path d="M20.51909,23.0138239 L17.0337436,23.0138239 C18.9043014,23.0138239 20.4261585,24.535681 20.4261585,26.4063425 L20.4261585,28.9662114 C20.4261585,29.3959159 20.0779765,29.7440978 19.648272,29.7440978 L23.1336184,29.7440978 C23.5633229,29.7440978 23.9115049,29.3959159 23.9115049,28.9662114 L23.9115049,26.4063425 C23.9115049,24.535681 22.3896477,23.0138239 20.51909,23.0138239 Z" id="Shape" fill="#FFCD2C"> </path> <path d="M40.6327456,23.0138239 L37.1473992,23.0138239 C39.0180607,23.0138239 40.5399178,24.535681 40.5399178,26.4063425 L40.5399178,28.9662114 C40.5399178,29.3959159 40.1917358,29.7440978 39.7620313,29.7440978 L43.2473777,29.7440978 C43.6770822,29.7440978 44.0252642,29.3959159 44.0252642,28.9662114 L44.0252642,26.4063425 C44.0252642,24.535681 42.503407,23.0138239 40.6327456,23.0138239 Z" id="Shape" fill="#FFCD2C"> </path> <path d="M52.1878865,33.8160744 L0.777886497,33.8160744 C0.348285714,33.8160744 0,34.1642564 0,34.5939609 L0,44.2595636 C0,44.6892681 0.348285714,45.0374501 0.777886497,45.0374501 L52.1878865,45.0374501 C52.6174873,45.0374501 52.965773,44.6892681 52.965773,44.2595636 L52.965773,34.5939609 C52.965773,34.1643601 52.617591,33.8160744 52.1878865,33.8160744 Z" id="Shape" fill="#6E563D"> </path> <path d="M52.1878865,33.8160744 L49.3873914,33.8160744 L49.3873914,34.5939609 L49.3873914,44.2595636 C49.3873914,44.6892681 49.0392094,45.0374501 48.6095049,45.0374501 L52.1878865,45.0374501 C52.6174873,45.0374501 52.965773,44.6892681 52.965773,44.2595636 L52.965773,34.5939609 C52.965773,34.1643601 52.617591,33.8160744 52.1878865,33.8160744 Z" id="Shape" fill="#604B35"> </path> <path d="M48.5901096,28.1882211 L4.37566341,28.1882211 C1.96297065,28.1882211 0,30.1511918 0,32.5639883 L0,34.5939609 C0,35.0236654 0.348285714,35.3718474 0.777886497,35.3718474 L52.1878865,35.3718474 C52.6174873,35.3718474 52.965773,35.0236654 52.965773,34.5939609 L52.965773,32.5639883 C52.965773,30.1511918 51.0028023,28.1882211 48.5901096,28.1882211 Z" id="Shape" fill="#FFBB64"> </path> <path d="M48.5901096,28.1882211 L45.011728,28.1882211 C47.4245245,28.1882211 49.3874951,30.1511918 49.3874951,32.5639883 L49.3874951,34.5939609 L49.3874951,35.3718474 L52.1879902,35.3718474 C52.617591,35.3718474 52.9658767,35.0236654 52.9658767,34.5939609 L52.9658767,32.5639883 C52.965773,30.1511918 51.0028023,28.1882211 48.5901096,28.1882211 Z" id="Shape" fill="#FFAD47"> </path> <path d="M24.4340372,13.5552427 L20.268092,13.5552427 C19.9595303,13.5552427 19.6803209,13.3729061 19.5560665,13.0905851 C19.4319159,12.8081605 19.4862642,12.4791663 19.6946341,12.2517123 L22.6658493,9.01 L20.6595245,9.01 C20.22982,9.01 19.881638,8.661818 19.881638,8.2321135 C19.881638,7.802409 20.22982,7.45422701 20.6595245,7.45422701 L24.4340372,7.45422701 C24.7425988,7.45422701 25.0218082,7.6365636 25.1460626,7.91878082 C25.2702133,8.20120548 25.215865,8.53030333 25.0074951,8.75765362 L22.0362798,11.9993659 L24.4340372,11.9993659 C24.8637417,11.9993659 25.2119237,12.3475479 25.2119237,12.7772524 C25.2119237,13.2070607 24.8637417,13.5552427 24.4340372,13.5552427 Z" id="Shape" fill="#8CC7EC"> </path> <path d="M36.017908,8.92598826 L29.3047476,8.92598826 C28.9961859,8.92598826 28.7169765,8.74365166 28.5927221,8.46143444 C28.4685714,8.17900978 28.522816,7.84991194 28.7312896,7.62256164 L34.2497202,1.60151272 L29.6977358,1.60151272 C29.2680313,1.60151272 28.9198493,1.25333072 28.9198493,0.823626223 C28.9198493,0.393921722 29.2680313,0.045739726 29.6977358,0.045739726 L36.017908,0.045739726 C36.3264697,0.045739726 36.6056791,0.228076321 36.7299335,0.510293542 C36.8540841,0.7927182 36.7998395,1.12181605 36.5913659,1.34916634 L31.0729354,7.37021526 L36.017908,7.37021526 C36.4476125,7.37021526 36.7957945,7.71839726 36.7957945,8.14810176 C36.7957945,8.57780626 36.4475088,8.92598826 36.017908,8.92598826 Z" id="Shape" fill="#8CC7EC"> </path> </g> </g> </g> </svg>