{"id":255993,"date":"2015-04-25T10:57:02","date_gmt":"2015-04-25T06:57:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=255993"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=255993","title":{"rendered":"\u0420\u0430\u0441\u0441\u043a\u0430\u0437 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u0437\u0430 9 \u043c\u0435\u0441\u044f\u0446\u0435\u0432"},"content":{"rendered":"<p> \t\t\tX\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0441\u0432\u043e\u0435\u043c \u0434\u0435\u0442\u0438\u0449\u0435 \u2013 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435 \u0438 \u043f\u0430\u0440\u0441\u0435\u0440\u0435 CSS, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u044f \u043d\u0430\u0447\u0430\u043b \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441 \u0430\u043f\u0440\u0435\u043b\u044f \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e \u0433\u043e\u0434\u0430. \u0417\u0430\u0447\u0435\u043c \u044f \u043d\u0430\u0447\u0430\u043b \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0438\u043c? \u041f\u0440\u0438\u0437\u043d\u0430\u0432\u0430\u044f\u0441\u044c \u0441\u0435\u0431\u0435 \u0447\u0435\u0441\u0442\u043d\u043e \u0443\u0436\u0435 \u0441\u0435\u0439\u0447\u0430\u0441, \u044f \u043c\u043e\u0433\u0443 \u0441\u043a\u0430\u0437\u0430\u0442\u044c: \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0438\u0437\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434. \u0427\u0435\u043c \u044f \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u0441\u044f \u0442\u043e\u0433\u0434\u0430? \u0422\u0440\u0443\u0434\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0442\u0435\u043c \u0436\u0435 \u0441\u0430\u043c\u044b\u043c. \u0410 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0442\u0435\u043c, \u0447\u0442\u043e \u044f \u0442\u043e\u043b\u043a\u043e\u043c \u043d\u0435 \u043d\u0430\u0448\u0435\u043b \u043d\u0438\u0447\u0435\u0433\u043e \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u044f\u044e\u0449\u0435\u0433\u043e \u043c\u043e\u0438\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u043a CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0443 \u0434\u043b\u044f \u043c\u043e\u0435\u0439 \u043b\u044e\u0431\u0438\u043c\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<br \/>  <a name=\"habracut\"><\/a><br \/>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0443 \u0443 \u043c\u0435\u043d\u044f \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0441\u0442\u0430\u0442\u0435\u0439 \u0437\u0434\u0435\u0441\u044c. \u042d\u0442\u043e \u0431\u044b\u043b\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 <a href=\"http:\/\/learnboost.github.io\/stylus\/\">\u00abStylus \u0434\u043b\u044f Node.js\u00bb<\/a>. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0442\u043e\u0433\u0434\u0430 \u0442\u043e \u044f \u043f\u0440\u043e \u044d\u0442\u0438 \u00ab\u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b\u00bb \u0438 \u0443\u0437\u043d\u0430\u043b. \u041c\u0435\u043d\u044f \u043f\u043e\u0440\u0430\u0437\u0438\u043b\u0430 \u0432\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430. \u041f\u043e\u0441\u043b\u0435 \u0434\u0432\u0443\u0445\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e (\u0430 \u043c\u043e\u0436\u0435\u0442 \u0438 \u043c\u0435\u043d\u044c\u0448\u0435\u0433\u043e) \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0441 \u0433\u0443\u0433\u043b\u0430, \u044f \u043d\u0438\u0447\u0435\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0435 \u043d\u0430\u0448\u0435\u043b. \u0412\u043e\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0432 \u044d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u043a\u043e \u043c\u043d\u0435 \u0432 \u0433\u043e\u043b\u043e\u0432\u0443 \u0438 \u043f\u0440\u0438\u0448\u043b\u0430 \u0448\u0430\u043b\u044c\u043d\u0430\u044f \u043c\u044b\u0441\u043b\u044c: \u0430 \u043f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043d\u0435\u0442?<br \/>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435:  <\/p>\n<ul>\n<li>\u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 (\u043d\u0443 \u044d\u0442\u043e \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439!)<\/li>\n<li>\u042f\u0437\u044b\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u2013 PHP (\u043d\u0443 \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u043e \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0438 \u0441\u043a\u0430\u0437\u0430\u0442\u044c)<\/li>\n<li>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0441\u0442\u0438\u043b\u0435\u0439 \u0432 \u0432\u0438\u0434\u0435 \u0434\u0435\u0440\u0435\u0432\u0430 \u0431\u043b\u043e\u043a\u043e\u0432<\/li>\n<\/ul>\n<p>  \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0430\u0432\u0435\u0440\u043d\u043e, \u044d\u0442\u043e \u0438 \u0432\u0441\u0435.<\/p>\n<h2>\u0427\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c?<\/h2>\n<p>  \u0412\u0441\u0435 \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f, \u043f\u0440\u043e\u0448\u0435\u0434\u0448\u0435\u0435 \u0441 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u043e\u0442\u0441\u0447\u0435\u0442\u0430, \u044f \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u043b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0438 \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u2014 <a href=\"http:\/\/mss.flydigo.com\">\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 MySheet<\/a> \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c, \u044f\u0432\u043b\u044f\u044e\u0449\u0430\u044f\u0441\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438 \u043f\u0430\u0440\u0441\u0435\u0440\u043e\u043c, \u0438 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u043c \u0441\u0442\u0438\u043b\u0435\u0439 CSS.<\/p>\n<p>  \u041d\u0443, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u0430\u0439\u0442\u0438\u043a \u0434\u043b\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 (\u0432\u044b \u0443\u0436\u0435 \u0434\u043e\u0433\u0430\u0434\u0430\u043b\u0438\u0441\u044c, \u043a\u0430\u043a\u043e\u0439 \u044f\u0437\u044b\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u044b\u043b \u0432\u044b\u0431\u0440\u0430\u043d \u043c\u043d\u043e\u0439 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0446\u0435\u043b\u0438?). \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043c\u043e\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u2013 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b \u0441\u0432\u043e\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u0441 \u043a\u0430\u043a\u0438\u043c\u0438 \u043f\u043e\u0434\u0432\u043e\u0434\u043d\u044b\u043c\u0438 \u043a\u0430\u043c\u043d\u044f\u043c\u0438 \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u0438 \u0447\u0442\u043e \u044f \u0443\u0437\u043d\u0430\u043b \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u2013 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435. \u0410 \u0442\u0435\u043f\u0435\u0440\u044c, \u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u043c\u043e\u0435\u0433\u043e CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430.  <\/p>\n<ul>\n<li><b>\u0410\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/b><br \/>  \u0414\u0430\u043d\u043d\u0430\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0435\u0441\u0442\u044c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u043a\u0430\u0436\u0434\u043e\u043c CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435. \u041d\u0435 \u043e\u0431\u043e\u0448\u043b\u0430 \u043e\u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u043e\u0439 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 MySheet:\n<pre><code>$wrapper_height = 50% .wrapper     height $wrapper_height + 20px     top ($wrapper_height \/ 2) <\/code><\/pre>\n<p>  \u0414\u043b\u044f \u0447\u0435\u0433\u043e \u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u0430? \u0414\u0430 \u0411\u043e\u0433 \u0435\u0433\u043e \u0437\u043d\u0430\u0435\u0442. \u0428\u0443\u0442\u043a\u0430. \u0421\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043c\u043e\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043e\u0447\u0435\u043d\u044c \u0441\u044b\u0440\u043e\u043c \u0432\u0438\u0434\u0435. \u041d\u0435\u0442 \u0442\u0438\u043f\u0430 bool, \u0430 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e (\u043f\u043e\u043a\u0430 \u0447\u0442\u043e!) \u043d\u0435\u0442 \u0443\u0441\u043b\u043e\u0432\u0438\u0439. \u041d\u043e \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u043f\u0440\u0438\u044f\u0442\u043d\u0430\u044f \u043f\u043b\u044e\u0448\u043a\u0430, \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043c\u043e\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430:<\/p>\n<pre><code>.object     color #a50c5b - 50sat \/* decrease saturation by 50% *\/     background-color #a50c5b + 50lt \/* make color lighter by 50 percent *\/ <\/code><\/pre>\n<p>  \u0414\u0430! \u042d\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e, \u043e \u0447\u0435\u043c \u0432\u044b \u0441\u0435\u0439\u0447\u0430\u0441 \u0434\u0443\u043c\u0430\u0435\u0442\u0435! \u041c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430\u0434 \u0446\u0432\u0435\u0442\u0430\u043c\u0438! \u042f \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0432\u044b \u0432\u0434\u043e\u0432\u043e\u043b\u044c \u043f\u043e\u0438\u0433\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u0441 \u044d\u0442\u043e\u0439 \u0444\u0438\u0448\u043a\u043e\u0439 \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u043f\u0443\u043d\u043a\u0442\u0443 \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043f\u0438\u0441\u043a\u0435.  <\/li>\n<li><b>Mixin\u2019\u044b<\/b><br \/>  \u041d\u0443, \u0432\u043e\u0442, \u043d\u0435 \u0441\u043c\u043e\u0433 \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u044d\u0442\u043e \u0441\u043b\u043e\u0432\u043e \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c. \u0423\u0436 \u0431\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u0438\u0435 \u043f\u0438\u0448\u0443\u0442 \u0435\u0433\u043e \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c:\n<pre><code>@mixin filter-grayscale(percent)     -webkit-filter: grayscale($percent);     -ms-filter: grayscale($percent);     -o-filter: grayscale($percent);     filter: grayscale($percent);  img     filter-grayscale 100% img:hover     filter-grayscale 0% <\/code><\/pre>\n<p>  \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u044d\u0442\u043e \u0443\u0436\u0435 \u0430\u043f\u0440\u0438\u043e\u0440\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0435\u0439 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e: \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u043c\u044f \u043c\u0438\u043a\u0441\u0438\u043d\u0430 \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u043c\u0435\u043d\u0438 CSS-\u043f\u0440\u0430\u0432\u0438\u043b\u0430, \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430.<\/p>\n<p>  \u0412 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0438 \u043c\u0438\u043a\u0441\u0438\u043d\u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f $arguments, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u0442 \u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u044b\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443:<\/p>\n<pre><code>@mixin border-radius(topleft, topright)     -webkit-border-radius $topleft $topright 4px 5px     border-radius $arguments <\/code><\/pre>\n<p>  \u042f \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f, \u0447\u0442\u043e\u0431\u044b \u0432 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u0431\u044b\u043b\u0438 \u0443\u0436\u0435 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u0438\u043a\u0441\u0438\u043d\u044b. \u042d\u0442\u043e, \u0432\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0431\u043b\u0430\u0433\u043e\u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0441\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430, \u0430 \u043d\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430. \u041f\u043b\u044e\u0441, \u0432\u0442\u043e\u0440\u043e\u0435 \u0447\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u043b\u0435\u043d\u044c.  <\/li>\n<li><b>\u0424\u0443\u043d\u043a\u0446\u0438\u0438<\/b><br \/>  \u0424\u0443\u043d\u043a\u0446\u0438\u0439 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0432\u0441\u0435\u0433\u043e \u2013 \u0442\u0440\u0438. \u042d\u0442\u043e \u2013 abs, negate \u0438 unitless. \u041d\u043e \u0431\u0430\u0437\u0430 \u0434\u043b\u044f \u0438\u0445 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0430, \u0438 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c\u0441\u044f.\n<p>  \u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u043a\u0430\u043a \u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 CSS, \u0441 \u0442\u043e\u0439 \u043b\u0438\u0448\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0435\u0439, \u0447\u0442\u043e \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c CSS \u0431\u0443\u0434\u0435\u0442 \u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435 \u043e\u043d\u0430, \u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0435\u044e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u043e\u0435.  <\/li>\n<li><b>\u0424\u043b\u0430\u0433\u0438<\/b><br \/>  \u042d\u0442\u0443 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u044f \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043b \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435\u0434\u0430\u0432\u043d\u043e. \u0421\u043c\u044b\u0441\u043b \u0435\u0435 \u2013 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u043e \u0431\u0435\u0437\u043e\u0431\u0440\u0430\u0437\u0438\u044f, \u0438 \u044f \u0434\u0443\u043c\u0430\u044e \u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043f\u0440\u0438\u043c\u0435\u0440 \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f:\n<pre><code>html     height 0     width 50px !prefixWith(ms, moz) !important     border-radius 5px !important     filter-grayscale 50%     transform scale(2) <\/code><\/pre>\n<p>  \u0424\u043b\u0430\u0433 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u043e\u0432 \u043a \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 CSS:<\/p>\n<pre><code class=\"css\">html {     height: 0;     -ms-width: 50px !important;     -moz-width: 50px !important;     width: 50px !important;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     border-radius: 5px;     -webkit-filter: grayscale(50%);     filter: grayscale(50%);     -ms-transform: scale(2);     -moz-transform: scale(2);     -o-transform: scale(2);     -webkit-transform: scale(2);     transform: scale(2) } <\/code><\/pre>\n<p>  \u0424\u043b\u0430\u0433 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430\u0434 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c. \u0423 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0438\u0434\u0435\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u043b\u0430\u0433\u0438 \u0435\u0449\u0435 \u0438 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u0435\u0447\u0430\u0442\u044c \u0438 \u043d\u0430\u0434\u0435\u043b\u044f\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0444\u043b\u0430\u0433 !noMixin, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043f\u0440\u0435\u0442\u0438\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e \u0438 \u0432\u0441\u0442\u0430\u0432\u043a\u0443 \u043c\u0438\u043a\u0441\u0438\u043d\u0430 \u0432 \u043a\u043e\u0434 CSS. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 \u043b\u0438\u0448\u043d\u0438\u043c\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c\u0438 \u0438 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438.  <\/li>\n<li><b>\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/b><br \/>  \u042f \u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0439. \u0422.\u0435. \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0431\u043e\u0439 \u0447\u0435\u043b\u043e\u0432\u0435\u043a (\u0438 \u0412\u044b, \u0438 \u044f, \u0438, \u0432\u043e\u043e\u0431\u0449\u0435, \u043b\u044e\u0431\u0430\u044f \u0434\u043e\u043c\u043e\u0445\u043e\u0437\u044f\u0439\u043a\u0430) \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u0430 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0444\u043e\u0440\u043a\u0430 \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431 \u0438 \u043f\u0435\u0440\u0435\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u0432\u0441\u0435\u0433\u043e \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 (\u0445\u043e\u0442\u044f \u0432\u0442\u043e\u0440\u043e\u0435 \u044f \u0438 \u043d\u0435 \u0432\u043e\u0441\u043f\u0440\u0435\u0449\u0430\u044e \u0434\u0435\u043b\u0430\u0442\u044c). \u0421\u0435\u0439\u0447\u0430\u0441 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0434\u0432\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0434\u043b\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 MySheet:<br \/>   \u2014 PluginMixin \u2014 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u0438\u043a\u0441\u0438\u043d\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 MSS (MySheet Styles)<br \/>   \u2014 PluginSelectorExtensions \u2014 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043a\u0443\u0441\u043d\u044f\u0448\u043a\u0438 \u0432\u0440\u043e\u0434\u0435: \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443 (\u0438\u043b\u0438 \u0433\u0440\u0443\u043f\u043f\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432) \u0447\u0435\u0440\u0435\u0437 \u0441\u0438\u043c\u0432\u043e\u043b &#038; \u0438 \u043f\u0441\u0435\u0432\u0434\u043e-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 :any(), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f \u043d\u0430\u0433\u043b\u043e \u0441\u043e\u0434\u0440\u0430\u043b \u0441 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 <a href=\"http:\/\/the-echoplex.net\/csscrush\/\">CSSCrush<\/a>.  <\/li>\n<li><b>\u0414\u0435\u0440\u0435\u0432\u043e \u0431\u043b\u043e\u043a\u043e\u0432<\/b><br \/>  \u042d\u0442\u043e, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438 \u0435\u0441\u0442\u044c \u0442\u0440\u0435\u0442\u044c\u0435 \u043f\u043e \u0441\u043f\u0438\u0441\u043a\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0435, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u044f \u043f\u0438\u0441\u0430\u043b \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0441\u0442\u0430\u0442\u044c\u0438. \u042f \u0445\u043e\u0442\u0435\u043b, \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0438\u043b\u044f\u043c\u0438 CSS \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438\u0437\u043c\u0435\u043d\u044f\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043d\u043e \u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0438\u0437 \u0431\u044d\u043a\u044d\u043d\u0434\u0430, \u0442.\u0435. \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u044c \u0442\u0435 \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044f\u0446\u0438\u0438 \u0441 \u043a\u043e\u0434\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0441\u0443\u0449\u0438 CSS \u043f\u0430\u0440\u0441\u0435\u0440\u0430\u043c (<a href=\"https:\/\/github.com\/reworkcss\/css\">\u0442\u044b\u043a<\/a> \u0438 <a href=\"https:\/\/github.com\/sabberworm\/PHP-CSS-Parser\">\u0435\u0449\u0435 \u0442\u044b\u043a<\/a>). \u0427\u0442\u043e \u044d\u0442\u043e \u0434\u0430\u0435\u0442? \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u0410 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u0430\u043c\u044b\u043c\u0438 \u0440\u0430\u0437\u043d\u044b\u043c\u0438. \u041e\u0434\u043d\u0438 \u0445\u043e\u0442\u044f\u0442 \u0448\u0440\u0438\u0444\u0442 \u0431\u043e\u043b\u044c\u0448\u0435, \u0434\u0440\u0443\u0433\u0438\u0435 \u2013 \u043f\u0435\u0440\u0435\u0434\u0432\u0438\u043d\u0443\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043d\u0438\u0436\u0435. \u0414\u0430\u043d\u043d\u0443\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043a \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u0430\u043c \u0441\u0430\u0439\u0442\u043e\u0432, \u0447\u0442\u043e \u0431\u043b\u0430\u0433\u043e\u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0441\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430.\n<p>  \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u044f \u043e\u0442 \u0441\u043b\u043e\u0432 \u043a \u0434\u0435\u043b\u0443, \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a\u043e\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u0435\u0440\u0435\u0432\u043e \u0431\u043b\u043e\u043a\u043e\u0432 \u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043f\u043e\u0441\u043b\u0435 \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430 \u0444\u0430\u0439\u043b\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 MySheet. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0430\u043a\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u0444\u0430\u0439\u043b MSS:<\/p>\n<pre><code>html { color red; text-align: center; margin: 0 auto; } @mixin rounded-corners (top, right, bottom, left)     -webkit-border-radius \\$left + \\$right \\$top + \\$bottom     -moz-border-radius \\$arguments     border-radius \\$arguments \\$left \\$right \\$left \\$right          @mixin diagonal-border-radius(left, right)     border-radius \\$arguments \\$right \\$left          @page      padding 5px body     rounded-corners 1 2 3 4      .wrapper         diagonal-border-radius 6px 10px         h1 span             color blue <\/code><\/pre>\n<p>  \u041f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u043c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0441\u0435\u0440:<\/p>\n<pre><code class=\"php\">&lt;?php try {     $result = $mysheet-&gt;parseCode($code);      $compiledCode = $result-&gt;toRealCss(); } catch (\\MSSLib\\Error\\MySheetException $ex) {     echo($ex-&gt;getTraceAsString()); } <\/code><\/pre>\n<p>  \u0438 \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0434\u0435\u0440\u0435\u0432\u043e:  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0414\u0435\u0440\u0435\u0432\u043e \u0431\u043b\u043e\u043a\u043e\u0432 MSS<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre> object(MSSLib\\Structure\\Document)[64]   protected '_docFilePath' =&gt; null   protected 'children' =&gt;      array (size=5)       0 =&gt;          object(MSSLib\\Structure\\Ruleset)[98]           private '_selectors' =&gt;              array (size=1)               0 =&gt;                  object(MSSLib\\Structure\\Selector)[99]                   private '_mssPath' =&gt; string 'html' (length=4)                   private '_cssPathGroup' =&gt;                      object(MSSLib\\Structure\\CssSelectorGroup)[180]                       private 'paths' =&gt;                          array (size=1)                           0 =&gt; string 'html' (length=4)                   private '_ruleset' =&gt;                      &object(MSSLib\\Structure\\Ruleset)[98]                   private '_isFullSelector' =&gt; null                   private '_isParsed' =&gt; boolean true                   private '_handlerMap' =&gt; null           protected '_parentRuleset' =&gt; null           protected 'children' =&gt;              array (size=3)               0 =&gt;                  object(MSSLib\\Structure\\Declaration)[100]                   private 'ruleName' =&gt; string 'color' (length=5)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[101]                       private 'params' =&gt;                          array (size=1)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\ColorClass)[104]                               protected 'type' =&gt; string 'html' (length=4)                               protected 'color' =&gt;                                  array (size=1)                                   0 =&gt; string 'red' (length=3)                               protected '_colorLib' =&gt; null                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[100]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               1 =&gt;                  object(MSSLib\\Structure\\Declaration)[102]                   private 'ruleName' =&gt; string 'text-align' (length=10)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[103]                       private 'params' =&gt;                          array (size=1)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\NonQuotedStringClass)[107]                               protected 'text' =&gt; string 'center' (length=6)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[102]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               2 =&gt;                  object(MSSLib\\Structure\\Declaration)[105]                   private 'ruleName' =&gt; string 'margin' (length=6)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[106]                       private 'params' =&gt;                          array (size=2)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[110]                               protected 'metric' =&gt; float 0                               protected 'unit' =&gt; null                           1 =&gt;                              object(MSSLib\\EmbeddedClasses\\NonQuotedStringClass)[111]                               protected 'text' =&gt; string 'auto' (length=4)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[105]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           private 'parent' (MSSLib\\Structure\\Block) =&gt;              &object(MSSLib\\Structure\\Document)[64]           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null       1 =&gt;          object(MSSLib\\Plugins\\Mixin\\Mixin)[97]           protected 'name' =&gt; string 'rounded-corners' (length=15)           protected 'locals' =&gt;              array (size=4)               0 =&gt; string 'top' (length=3)               1 =&gt; string 'right' (length=5)               2 =&gt; string 'bottom' (length=6)               3 =&gt; string 'left' (length=4)           protected 'children' =&gt;              array (size=3)               0 =&gt;                  object(MSSLib\\Structure\\Declaration)[109]                   private 'ruleName' =&gt; string '-webkit-border-radius' (length=21)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[113]                       private 'params' =&gt;                          array (size=2)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\MathExprClass)[122]                               protected 'expressionTree' =&gt;                                  object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[116]                                   private 'value' (Tree\\Node\\Node) =&gt; null                                   private 'parent' (Tree\\Node\\Node) =&gt; null                                   private 'children' (Tree\\Node\\Node) =&gt;                                      array (size=3)                                       0 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\ParamNode)[117]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\EmbeddedClasses\\VariableClass)[119]                                               private 'varName' =&gt; string 'left' (length=4)                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[116]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                                       1 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\OperatorNode)[118]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\Operators\\PlusOperator)[120]                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[116]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                                       2 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\ParamNode)[121]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\EmbeddedClasses\\VariableClass)[123]                                               private 'varName' =&gt; string 'right' (length=5)                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[116]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                           1 =&gt;                              object(MSSLib\\EmbeddedClasses\\MathExprClass)[130]                               protected 'expressionTree' =&gt;                                  object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[124]                                   private 'value' (Tree\\Node\\Node) =&gt; null                                   private 'parent' (Tree\\Node\\Node) =&gt; null                                   private 'children' (Tree\\Node\\Node) =&gt;                                      array (size=3)                                       0 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\ParamNode)[125]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\EmbeddedClasses\\VariableClass)[127]                                               private 'varName' =&gt; string 'top' (length=3)                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[124]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                                       1 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\OperatorNode)[126]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\Operators\\PlusOperator)[128]                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[124]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                                       2 =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\ParamNode)[129]                                           private 'value' (Tree\\Node\\Node) =&gt;                                              object(MSSLib\\EmbeddedClasses\\VariableClass)[131]                                               private 'varName' =&gt; string 'bottom' (length=6)                                           private 'parent' (Tree\\Node\\Node) =&gt;                                              &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[124]                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=0)                                               empty                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[109]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               1 =&gt;                  object(MSSLib\\Structure\\Declaration)[114]                   private 'ruleName' =&gt; string '-moz-border-radius' (length=18)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[115]                       private 'params' =&gt;                          array (size=1)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[134]                               private 'varName' =&gt; string 'arguments' (length=9)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[114]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               2 =&gt;                  object(MSSLib\\Structure\\Declaration)[132]                   private 'ruleName' =&gt; string 'border-radius' (length=13)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[133]                       private 'params' =&gt;                          array (size=5)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[137]                               private 'varName' =&gt; string 'arguments' (length=9)                           1 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[138]                               private 'varName' =&gt; string 'left' (length=4)                           2 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[139]                               private 'varName' =&gt; string 'right' (length=5)                           3 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[140]                               private 'varName' =&gt; string 'left' (length=4)                           4 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[141]                               private 'varName' =&gt; string 'right' (length=5)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[132]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           private 'parent' (MSSLib\\Structure\\Block) =&gt;              &object(MSSLib\\Structure\\Document)[64]           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           protected 'plugin' =&gt;              object(MSSLib\\Plugins\\Mixin\\PluginMixin)[58]               private '_registeredMixins' =&gt;                  array (size=0)                   empty               private '_systemMixins' =&gt;                  array (size=3)                   'border-radius' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'border_radius' (length=13)                   'transform' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'transform' (length=9)                   'filter-grayscale' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'filter_grayscale' (length=16)               protected '_enabledMixinSetClasses' =&gt;                  array (size=1)                   0 =&gt; string 'basic' (length=5)       2 =&gt;          object(MSSLib\\Plugins\\Mixin\\Mixin)[112]           protected 'name' =&gt; string 'diagonal-border-radius' (length=22)           protected 'locals' =&gt;              array (size=2)               0 =&gt; string 'left' (length=4)               1 =&gt; string 'right' (length=5)           protected 'children' =&gt;              array (size=1)               0 =&gt;                  object(MSSLib\\Structure\\Declaration)[136]                   private 'ruleName' =&gt; string 'border-radius' (length=13)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[142]                       private 'params' =&gt;                          array (size=3)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[145]                               private 'varName' =&gt; string 'arguments' (length=9)                           1 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[146]                               private 'varName' =&gt; string 'right' (length=5)                           2 =&gt;                              object(MSSLib\\EmbeddedClasses\\VariableClass)[147]                               private 'varName' =&gt; string 'left' (length=4)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[136]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           private 'parent' (MSSLib\\Structure\\Block) =&gt;              &object(MSSLib\\Structure\\Document)[64]           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           protected 'plugin' =&gt;              object(MSSLib\\Plugins\\Mixin\\PluginMixin)[58]               private '_registeredMixins' =&gt;                  array (size=0)                   empty               private '_systemMixins' =&gt;                  array (size=3)                   'border-radius' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'border_radius' (length=13)                   'transform' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'transform' (length=9)                   'filter-grayscale' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Plugins\\Mixin\\EmbeddedMixins\\BasicSet)[61]                       1 =&gt; string 'filter_grayscale' (length=16)               protected '_enabledMixinSetClasses' =&gt;                  array (size=1)                   0 =&gt; string 'basic' (length=5)       3 =&gt;          object(MSSLib\\Structure\\AtRule)[135]           protected '_name' =&gt; string 'page' (length=4)           protected '_parameters' =&gt; string '' (length=0)           protected 'children' =&gt;              array (size=1)               0 =&gt;                  object(MSSLib\\Structure\\Declaration)[143]                   private 'ruleName' =&gt; string 'padding' (length=7)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[148]                       private 'params' =&gt;                          array (size=1)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[151]                               protected 'metric' =&gt; float 5                               protected 'unit' =&gt; string 'px' (length=2)                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[143]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt;                      &object(MSSLib\\Structure\\AtRule)[135]                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           private 'parent' (MSSLib\\Structure\\Block) =&gt;              &object(MSSLib\\Structure\\Document)[64]           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null       4 =&gt;          object(MSSLib\\Structure\\Ruleset)[144]           private '_selectors' =&gt;              array (size=1)               0 =&gt;                  object(MSSLib\\Structure\\Selector)[150]                   private '_mssPath' =&gt; string 'body' (length=4)                   private '_cssPathGroup' =&gt;                      object(MSSLib\\Structure\\CssSelectorGroup)[96]                       private 'paths' =&gt;                          array (size=1)                           0 =&gt; string 'body' (length=4)                   private '_ruleset' =&gt;                      &object(MSSLib\\Structure\\Ruleset)[144]                   private '_isFullSelector' =&gt; null                   private '_isParsed' =&gt; boolean true                   private '_handlerMap' =&gt; null           protected '_parentRuleset' =&gt; null           protected 'children' =&gt;              array (size=3)               0 =&gt;                  object(MSSLib\\Structure\\Declaration)[152]                   private 'ruleName' =&gt; string 'rounded-corners' (length=15)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[153]                       private 'params' =&gt;                          array (size=4)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[156]                               protected 'metric' =&gt; float 1                               protected 'unit' =&gt; null                           1 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[157]                               protected 'metric' =&gt; float 2                               protected 'unit' =&gt; null                           2 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[158]                               protected 'metric' =&gt; float 3                               protected 'unit' =&gt; null                           3 =&gt;                              object(MSSLib\\EmbeddedClasses\\MetricClass)[159]                               protected 'metric' =&gt; float 4                               protected 'unit' =&gt; null                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[152]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               1 =&gt;                  object(MSSLib\\Structure\\Declaration)[154]                   private 'ruleName' =&gt; string 'transform' (length=9)                   private 'ruleValue' =&gt;                      object(MSSLib\\Structure\\RuleValue)[155]                       private 'params' =&gt;                          array (size=1)                           0 =&gt;                              object(MSSLib\\EmbeddedClasses\\FunctionClass)[167]                               protected 'name' =&gt; string 'rotate' (length=6)                               protected 'arguments' =&gt;                                  array (size=1)                                   0 =&gt;                                      object(MSSLib\\EmbeddedClasses\\MathExprClass)[174]                                       protected 'expressionTree' =&gt;                                          object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[170]                                           private 'value' (Tree\\Node\\Node) =&gt; null                                           private 'parent' (Tree\\Node\\Node) =&gt; null                                           private 'children' (Tree\\Node\\Node) =&gt;                                              array (size=2)                                               0 =&gt;                                                  object(MSSLib\\Essentials\\ExpressionTree\\OperatorNode)[171]                                                   private 'value' (Tree\\Node\\Node) =&gt;                                                      object(MSSLib\\Operators\\UnaryMinusOperator)[172]                                                   private 'parent' (Tree\\Node\\Node) =&gt;                                                      &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[170]                                                   private 'children' (Tree\\Node\\Node) =&gt;                                                      array (size=0)                                                       empty                                               1 =&gt;                                                  object(MSSLib\\Essentials\\ExpressionTree\\ParamNode)[173]                                                   private 'value' (Tree\\Node\\Node) =&gt;                                                      object(MSSLib\\EmbeddedClasses\\MetricClass)[175]                                                       protected 'metric' =&gt; float 5                                                       protected 'unit' =&gt; string 'deg' (length=3)                                                   private 'parent' (Tree\\Node\\Node) =&gt;                                                      &object(MSSLib\\Essentials\\ExpressionTree\\ExpressionNode)[170]                                                   private 'children' (Tree\\Node\\Node) =&gt;                                                      array (size=0)                                                       empty                               protected '_functionRenderer' =&gt;                                  object(MSSLib\\Essentials\\FunctionRenderers\\DefaultFunctionRenderer)[166]                       private '_parentDeclaration' =&gt;                          &object(MSSLib\\Structure\\Declaration)[154]                       private '_flags' =&gt;                          array (size=0)                           empty                   private 'ruleEnabled' =&gt; boolean true                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                   private '_handlerMap' =&gt; null                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null               2 =&gt;                  object(MSSLib\\Structure\\Ruleset)[149]                   private '_selectors' =&gt;                      array (size=1)                       0 =&gt;                          object(MSSLib\\Structure\\Selector)[161]                           private '_mssPath' =&gt; string '.wrapper' (length=8)                           private '_cssPathGroup' =&gt;                              object(MSSLib\\Structure\\CssSelectorGroup)[176]                               private 'paths' =&gt;                                  array (size=1)                                   0 =&gt; string 'body .wrapper' (length=13)                           private '_ruleset' =&gt;                              &object(MSSLib\\Structure\\Ruleset)[149]                           private '_isFullSelector' =&gt; null                           private '_isParsed' =&gt; boolean true                           private '_handlerMap' =&gt; null                   protected '_parentRuleset' =&gt;                      &object(MSSLib\\Structure\\Ruleset)[144]                   protected 'children' =&gt;                      array (size=2)                       0 =&gt;                          object(MSSLib\\Structure\\Declaration)[168]                           private 'ruleName' =&gt; string 'diagonal-border-radius' (length=22)                           private 'ruleValue' =&gt;                              object(MSSLib\\Structure\\RuleValue)[169]                               private 'params' =&gt;                                  array (size=2)                                   0 =&gt;                                      object(MSSLib\\EmbeddedClasses\\MetricClass)[178]                                       protected 'metric' =&gt; float 6                                       protected 'unit' =&gt; string 'px' (length=2)                                   1 =&gt;                                      object(MSSLib\\EmbeddedClasses\\MetricClass)[179]                                       protected 'metric' =&gt; float 10                                       protected 'unit' =&gt; string 'px' (length=2)                               private '_parentDeclaration' =&gt;                                  &object(MSSLib\\Structure\\Declaration)[168]                               private '_flags' =&gt;                                  array (size=0)                                   empty                           private 'ruleEnabled' =&gt; boolean true                           private 'parent' (MSSLib\\Structure\\Block) =&gt; null                           private '_handlerMap' =&gt; null                           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null                       1 =&gt;                          object(MSSLib\\Structure\\Ruleset)[164]                           private '_selectors' =&gt;                              array (size=1)                               0 =&gt;                                  object(MSSLib\\Structure\\Selector)[177]                                   private '_mssPath' =&gt; string 'h1 span' (length=7)                                   private '_cssPathGroup' =&gt;                                      object(MSSLib\\Structure\\CssSelectorGroup)[183]                                       private 'paths' =&gt;                                          array (size=1)                                           0 =&gt; string 'body .wrapper h1 span' (length=21)                                   private '_ruleset' =&gt;                                      &object(MSSLib\\Structure\\Ruleset)[164]                                   private '_isFullSelector' =&gt; null                                   private '_isParsed' =&gt; boolean true                                   private '_handlerMap' =&gt; null                           protected '_parentRuleset' =&gt;                              &object(MSSLib\\Structure\\Ruleset)[149]                           protected 'children' =&gt;                              array (size=1)                               0 =&gt;                                  object(MSSLib\\Structure\\Declaration)[181]                                   private 'ruleName' =&gt; string 'color' (length=5)                                   private 'ruleValue' =&gt;                                      object(MSSLib\\Structure\\RuleValue)[182]                                       private 'params' =&gt;                                          array (size=1)                                           0 =&gt;                                              object(MSSLib\\EmbeddedClasses\\ColorClass)[185]                                               protected 'type' =&gt; string 'html' (length=4)                                               protected 'color' =&gt;                                                  array (size=1)                                                   0 =&gt; string 'blue' (length=4)                                               protected '_colorLib' =&gt; null                                       private '_parentDeclaration' =&gt;                                          &object(MSSLib\\Structure\\Declaration)[181]                                       private '_flags' =&gt;                                          array (size=0)                                           empty                                   private 'ruleEnabled' =&gt; boolean true                                   private 'parent' (MSSLib\\Structure\\Block) =&gt; null                                   private '_handlerMap' =&gt; null                                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null                           private 'parent' (MSSLib\\Structure\\Block) =&gt;                              &object(MSSLib\\Structure\\Ruleset)[149]                           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null                   private 'parent' (MSSLib\\Structure\\Block) =&gt;                      &object(MSSLib\\Structure\\Ruleset)[144]                   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null           private 'parent' (MSSLib\\Structure\\Block) =&gt;              &object(MSSLib\\Structure\\Document)[64]           private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null   private 'parent' (MSSLib\\Structure\\Block) =&gt; null   private '_handlerMap' (MSSLib\\Structure\\Block) =&gt; null <\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0427\u0442\u043e \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 CSS-\u043a\u043e\u0434:  <\/p>\n<pre><code class=\"css\">html {     color: #ff0000;     text-align: center;     margin: 0 auto }  @page  {     padding: 5px }  body {     -webkit-border-radius: 6 4;     -moz-border-radius: 1 2 3 4;     border-radius: 1 2 3 4 4 2 4 2;     -ms-transform: rotate(-5deg);     -moz-transform: rotate(-5deg);     -o-transform: rotate(-5deg);     -webkit-transform: rotate(-5deg);     transform: rotate(-5deg) }  body .wrapper {     border-radius: 6px 10px 10px 6px }  body .wrapper h1 span {     color: #0000ff } <\/code><\/pre>\n<p>  <\/li>\n<li><b>\u0424\u043e\u0440\u043c\u0430\u0442 \u0432\u044b\u0432\u043e\u0434\u0430 CSS<\/b><br \/>  \u0424\u043e\u0440\u043c\u0430\u0442\u043e\u043c \u0432\u044b\u0445\u043e\u0434\u043d\u043e\u0433\u043e CSS-\u043a\u043e\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u044b \u0438 \u0441\u0443\u0444\u0444\u0438\u043a\u0441\u044b \u043a \u0441\u0442\u0440\u043e\u043a\u0430\u043c:\n<pre><code class=\"php\">$mysheet = MySheet::Instance(); $mysheet-&gt;setActiveDirectory(realpath('.\/')); $mysheet-&gt;getAutoload()-&gt;registerAutoload(); $settings = new MSSettings(); $settings-&gt;set('cssRenderer', [     'prefixRule' =&gt; '   ',     'suffixRule' =&gt; ' \/* this is a real CSS rule *\/',     'sepSelectors' =&gt; ', ',     'sepRules' =&gt; '; ',     'prefixOCB' =&gt; ' ',     'suffixOCB' =&gt; &quot;\\n&quot;,     'prefixCCB' =&gt; &quot;\\n&quot;,     'suffixCCB' =&gt; '' ]); \u2026 $mysheet-&gt;init($settings); <\/code><\/pre>\n<p>  \u041f\u0440\u0438\u0432\u0435\u0434\u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0432\u0441\u0435\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u043e\u0432 \u0438 \u0441\u0443\u0444\u0444\u0438\u043a\u0441\u043e\u0432:  <\/p>\n<table>\n<tr>\n<th>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435<\/th>\n<th>\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e<\/th>\n<th>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/th>\n<\/tr>\n<tr>\n<td>prefixRule<\/td>\n<td>4 \u043f\u0440\u043e\u0431\u0435\u043b\u0430<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0435\u0440\u0435\u0434 \u043a\u0430\u0436\u0434\u044b\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c<\/td>\n<\/tr>\n<tr>\n<td>suffixRule<\/td>\n<td>\u041f\u0443\u0441\u0442\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u043e\u0441\u043b\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430<\/td>\n<\/tr>\n<tr>\n<td>sepSelectors<\/td>\n<td>,<\/td>\n<td>\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c\u0438<\/td>\n<\/tr>\n<tr>\n<td>sepRules<\/td>\n<td>;\\n<\/td>\n<td>\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438<\/td>\n<\/tr>\n<tr>\n<td>prefixOCB<\/td>\n<td>\u041f\u0440\u043e\u0431\u0435\u043b<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0444\u0438\u0433\u0443\u0440\u043d\u043e\u0439 \u0441\u043a\u043e\u0431\u043a\u043e\u0439 (OCB \u2013 opening curly bracket)<\/td>\n<\/tr>\n<tr>\n<td>suffixOCB<\/td>\n<td>\\n<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0444\u0438\u0433\u0443\u0440\u043d\u043e\u0439 \u0441\u043a\u043e\u0431\u043a\u0438<\/td>\n<\/tr>\n<tr>\n<td>prefix\u0421CB<\/td>\n<td>\\n<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0444\u0438\u0433\u0443\u0440\u043d\u043e\u0439 \u0441\u043a\u043e\u0431\u043a\u043e\u0439 (CCB \u2013 closing curly bracket)<\/td>\n<\/tr>\n<tr>\n<td>suffixCCB<\/td>\n<td>\\n<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0444\u0438\u0433\u0443\u0440\u043d\u043e\u0439 \u0441\u043a\u043e\u0431\u043a\u0438<\/td>\n<\/tr>\n<tr>\n<td>prefixAtRuleLine<\/td>\n<td>4 \u043f\u0440\u043e\u0431\u0435\u043b\u0430<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0435\u0440\u0435\u0434 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0432\u043d\u0443\u0442\u0440\u0438  @-\u043f\u0440\u0430\u0432\u0438\u043b\u0430<\/td>\n<\/tr>\n<tr>\n<td>suffixAtRuleLine<\/td>\n<td>\u041f\u0443\u0441\u0442\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430<\/td>\n<td>\u0421\u0442\u0440\u043e\u043a\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u043e\u0441\u043b\u0435 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438  @-\u043f\u0440\u0430\u0432\u0438\u043b\u0430<\/td>\n<\/tr>\n<\/table>\n<p>  <\/li>\n<li><b>\u0414\u0440\u0443\u0433\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/b><br \/>  \u0412 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0435\u0441\u0442\u044c \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u044e \u0441\u043f\u0438\u0441\u043a\u043e\u043c. \u041a \u043d\u0438\u043c \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f:<br \/>   \u2014 \u0412\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 (\u0447\u0435\u0440\u0435\u0437 \u0441\u0438\u043c\u0432\u043e\u043b ~, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u043f\u0435\u0440\u0435\u0434 \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c)<br \/>   \u2014 \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u043c\u0435\u043b\u043a\u0438\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0432 \u043a\u043e\u0434 CSS \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e data: URL<br \/>   \u2014 \u0418\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0440\u0443\u0433\u0438\u0445 MSS \u0438 CSS \u0444\u0430\u0439\u043b\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b @ import (\u043d\u0430\u0434 \u044d\u0442\u043e\u0439 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u044f \u0435\u0449\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e; \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438, \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u043e\u043f\u0446\u0438\u0439 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f)<br \/>   \u2014 \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0441\u0435\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 \u043a \u043e\u0434\u043d\u043e\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443<br \/>   \u2014 2 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u044f\u0437\u044b\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u043e\u0448\u0438\u0431\u043e\u043a \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438: \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439 (en_us) \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u0439 (ru_ru)<br \/>   \u2014 \u0412\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u043f\u0430\u0440\u0441\u0435\u0440\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 (\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u0446\u0432\u0435\u0442\u043e\u0432 \u0438 \u0442.\u043f.)  <\/li>\n<\/ul>\n<p>  <\/p>\n<h2>\u041a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e\u2026<\/h2>\n<p>  \u0421 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0442\u043e\u0433\u043e, \u0447\u0435\u0433\u043e \u044f \u0434\u043e\u0441\u0442\u0438\u0433 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c, \u044f \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b. \u0410 \u0442\u0435\u043f\u0435\u0440\u044c, \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a \u044f \u0432\u0435\u043b \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u2013 \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0435\u0440\u044b\u0432\u0430\u0445 \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0431\u043e\u0442\u043e\u0439, \u0443\u0447\u0435\u0431\u043e\u0439 \u0438 \u043c\u043e\u0435\u0439 \u043b\u044e\u0431\u0438\u043c\u043e\u0439 \u0434\u0435\u0432\u0447\u043e\u043d\u043a\u043e\u0439, \u044f \u043f\u0438\u0441\u0430\u043b \u0441\u0432\u043e\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n<p>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/33b\/85a\/3db\/33b85a3db579490fac011e5b822780ed.png\"\/><br \/>  \u0420\u0438\u0441. 1 \u2013 \u041c\u043e\u044f \u043b\u044e\u0431\u0438\u043c\u0430\u044f \u0434\u0435\u0432\u0447\u043e\u043d\u043a\u0430<\/p>\n<p>  \u0421 \u0442\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0433\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430, \u043a\u0430\u043a \u044f \u0437\u0430\u0442\u0435\u044f\u043b \u0441\u0432\u043e\u0439 \u043c\u0438\u043d\u0438-\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u043a, \u043f\u0440\u043e\u0448\u043b\u043e \u0443\u0436\u0435 \u043d\u0435\u043c\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0412\u043e\u0437\u043d\u0438\u043a\u0430\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043e\u043c\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439 \u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432. \u0418 \u043e\u043d\u043e \u043d\u0435 \u043c\u0443\u0434\u0440\u0435\u043d\u043e \u2013 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u044f \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u043b. \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b \u043f\u043e \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430\u043c \u044f \u043d\u0435 \u0447\u0438\u0442\u0430\u043b \u0438 \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u0435\u043b\u0430\u043b \u0432\u0441\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430 \u0441\u0432\u043e\u0435 \u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0435. \u042f \u043d\u0435 \u0445\u0432\u0430\u0441\u0442\u0430\u044e\u0441\u044c, \u0430 \u0434\u0430\u0436\u0435 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0433\u043e\u0432\u043e\u0440\u044e, \u0447\u0442\u043e \u0437\u0440\u044f \u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0442\u0430\u043a \u0431\u044b \u044f \u0438\u0437\u0431\u0435\u0436\u0430\u043b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0432\u0448\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c.<\/p>\n<p>  \u042f \u043f\u043e\u0447\u0435\u043c\u0443-\u0442\u043e \u0441\u0440\u0430\u0437\u0443 \u0440\u0435\u0448\u0438\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0432 \u0432\u0438\u0434\u0435 open-source \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0441\u0440\u0430\u0437\u0443 \u0441\u043a\u0430\u0437\u0430\u043b \u0441\u0435\u0431\u0435, \u0447\u0442\u043e \u043e\u0434\u043d\u043e\u0439 \u0433\u0438\u0442\u0445\u0430\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e. \u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u0447\u0430\u0441\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0431\u044b\u043b\u0430 \u0443\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430, \u044f \u043d\u0430\u0447\u0430\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0435\u0435 \u0441\u0430\u0439\u0442, \u0447\u0442\u043e\u0431\u044b \u0432 \u00ab\u0440\u0435\u0436\u0438\u043c\u0435 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u0434\u0435\u0444\u0435\u043a\u0442\u044b \u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u0445, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u0440\u0430\u0437\u0443 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u043e\u0441\u043e\u0437\u043d\u0430\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0432\u0438\u0434\u0435\u0442\u044c \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/p>\n<p>  \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u044f \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u043b, \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044f \u043e\u0442 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e. \u042f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u043e\u0442\u0445\u043e\u0434\u0438\u0442\u044c \u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0441\u0430\u043c\u044b\u0445 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0445 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 SASS \u0438 LESS, \u0438 \u043f\u043e\u0434\u0443\u043c\u0430\u043b, \u0447\u0442\u043e MSS \u2013 \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0435 \u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u0435 \u0431\u0443\u043a\u0432, \u0432 \u043a\u043e\u043d\u0446\u0435 \u043a\u043e\u043d\u0446\u043e\u0432. \u0410 \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0431\u044b\u043b\u043e \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e\u0449\u0438\u043c\u0441\u044f, \u044f \u0440\u0435\u0448\u0438\u043b \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 MySheet. \u0418 \u0432 \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0443 \u0443\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442\u0441\u044f (MySheet Styles), \u0438 \u043b\u0451\u0433\u043a\u0430\u044f \u0438\u0437\u044e\u043c\u0438\u043d\u043a\u0430 \u0432 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0438 \u0435\u0441\u0442\u044c.<\/p>\n<p>  \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043d\u043e, \u043f\u043e\u0440\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0440\u0430\u0431\u043b\u044c. \u041f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u044f \u043d\u0430\u0447\u0430\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u2013 \u044d\u0442\u043e \u0431\u044b\u043b \u043f\u0430\u0440\u0441\u0435\u0440 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430. \u0412\u043e\u0442 \u0442\u0443\u0442-\u0442\u043e \u044f \u0438 \u043f\u0440\u043e\u0441\u0447\u0438\u0442\u0430\u043b\u0441\u044f \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437. \u042f \u043d\u0430\u0447\u0430\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0433\u043e \u0431\u0435\u0437 \u0440\u0430\u0437\u0431\u0438\u0442\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u043d\u0430 \u0442\u043e\u043a\u0435\u043d\u044b \u0438 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0441\u043b\u043e\u0432\u0430, \u0438 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0441\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0431\u0443\u0434\u0435\u0442 \u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432-\u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0440\u0430\u0431\u043e\u0442\u0430 \u0441\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438. \u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043c\u0438\u043d\u0443\u0441\u044b \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f \u0432\u0438\u0434\u0435\u043b \u0443\u0436\u0435 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0435\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430, \u043d\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043b\u0443\u0447\u0448\u0435\u0433\u043e, \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u044f \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0442\u044c \u043d\u0435 \u0441\u043c\u043e\u0433. \u0423\u0436\u0435 \u043f\u043e\u0442\u043e\u043c, \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u0432 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435 \u0443 \u043d\u0430\u0441 \u0447\u0438\u0442\u0430\u043b\u0441\u044f \u043a\u0443\u0440\u0441 \u043f\u043e \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430\u043c, \u044f \u043f\u043e\u043d\u044f\u043b, \u0447\u0442\u043e \u043b\u0443\u0447\u0448\u0435 \u0431\u044b\u043b\u043e \u0431\u044b \u0432\u0432\u0435\u0441\u0442\u0438 \u044d\u0442\u0430\u043f \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043b\u0435\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0430\u043d\u0430\u043b\u0438\u0437\u0430. \u0425\u043e\u0442\u044f \u0431\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u044f \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0432\u0430\u043d\u0438\u044f \u0438 \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0438\u0445 \u0432\u044b\u0432\u043e\u0434\u0430 \u0432 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 CSS. \u0418\u043b\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043d\u0435 \u0431\u044b \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043d\u0435\u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u043f\u0430\u0440\u0441\u0435\u0440\u0430 (\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f \u043a \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432 \u0432\u0438\u0434\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439) \u043a \u043d\u0430\u043b\u0438\u0447\u0438\u044e \u043d\u0435\u0436\u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u043e\u0432 \u0441\u0442\u0440\u043e\u043a \u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432 (\u0442\u0435\u0445 \u0441\u0430\u043c\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0447\u0430\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043e\u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0441\u0442\u0438 \u043a\u043e\u0434\u0430). \u0412 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0435\u043c, \u044f \u0445\u043e\u0447\u0443 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432 \u043f\u0430\u0440\u0441\u0435\u0440 \u044d\u0442\u0430\u043f \u0440\u0430\u0437\u0431\u0438\u0442\u0438\u044f \u043d\u0430 \u0442\u043e\u043a\u0435\u043d\u044b, \u0447\u0442\u043e, \u043f\u043e \u043c\u043e\u0435\u043c\u0443 \u043c\u043d\u0435\u043d\u0438\u044e, \u0434\u043e\u043b\u0436\u043d\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u044d\u0442\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b.<\/p>\n<p>  \u0418\u0434\u0435\u044f \u0441 \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u043a\u043e\u0439 \u0446\u0432\u0435\u0442\u043e\u0432 \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u0430 \u0432 \u0433\u043e\u043b\u043e\u0432\u0443, \u043a\u043e\u0433\u0434\u0430 \u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u042f \u043f\u043e\u0434\u0443\u043c\u0430\u043b, \u0447\u0442\u043e \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u0441\u0430\u0439\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0441\u043e\u0447\u0435\u0442\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u0446\u0432\u0435\u0442 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f color picker\u2019\u0430. \u0421\u0435\u0439\u0447\u0430\u0441 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 HSLA, RGBA, HEX \u0438 HTML \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u043c\u0438 \u0446\u0432\u0435\u0442\u043e\u0432. \u041a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0438\u0437 \u0446\u0432\u0435\u0442\u043e\u0432, \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0434\u0430\u043d\u043d\u044b\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445, \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u0435\u043b\u044c\u0442\u0443 \u043b\u044e\u0431\u043e\u0433\u043e \u043a\u0430\u043d\u0430\u043b\u0430 \u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0446\u0432\u0435\u0442\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a \u0446\u0432\u0435\u0442\u0443 \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u043c\u0443 \u043a\u0430\u043a #000 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c 255 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0441\u0438\u043d\u0435\u0433\u043e \u043a\u0430\u043d\u0430\u043b\u0430 \u0438 40 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0437\u0435\u043b\u0435\u043d\u043e\u0433\u043e, \u043f\u043e\u043b\u0443\u0447\u0438\u0432 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0446\u0432\u0435\u0442 #0028ff. \u0410\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c: #000 + 255b + 40g.<\/p>\n<p>  \u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438, \u044f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 <a href=\"https:\/\/github.com\/syholloway\/mrcolor\">MrColor<\/a> (\u0445\u043e\u0442\u044f \u0431\u0435\u0437 \u00ab\u0434\u043e\u043f\u0438\u043b\u0438\u0432\u0430\u043d\u0438\u044f\u00bb \u044d\u0442\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0435 \u043e\u0431\u043e\u0448\u043b\u043e\u0441\u044c).<\/p>\n<p>  \u041a\u0441\u0442\u0430\u0442\u0438, \u0432 \u044d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u0437\u0430\u0434\u0443\u043c\u0430\u043b\u0441\u044f \u043d\u0430\u0434 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0430 \u043a\u043e\u0434\u0430 \u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b Webgrind. \u041d\u0435 \u0441\u0430\u043c\u044b\u0439 \u043b\u0443\u0447\u0448\u0438\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0449\u0438\u043a, \u043d\u043e \u0434\u0435\u043b\u043e \u0441\u0432\u043e\u0435 \u043e\u043d \u0434\u0435\u043b\u0430\u0435\u0442, \u0438 \u043e\u043d \u043c\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433 \u0432 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u0438\u0438 \u0441\u043b\u0430\u0431\u044b\u0445 \u043c\u0435\u0441\u0442 \u0432 \u043c\u043e\u0435\u043c \u043a\u043e\u0434\u0435. <\/p>\n<p>  \u0425\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0443\u044e \u0448\u0442\u0443\u043a\u0443. \u041a\u043e\u0433\u0434\u0430 \u043f\u0430\u0440\u0441\u0435\u0440 \u0432 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0430\u0440\u0441\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0435-\u043b\u0438\u0431\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u043d \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043f\u043e \u0432\u0441\u0435\u043c \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u0438, \u0433\u0440\u0443\u0431\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u043d\u0438\u0445 \u043c\u0435\u0442\u043e\u0434 parse. \u0410 \u0442\u0430\u043a \u043a\u0430\u043a \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u2013 \u0434\u0432\u0435 \u0440\u0430\u0437\u043d\u044b\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u043f\u0430\u0440\u0441\u0438\u0442\u044c \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0434\u0432\u0430 \u0440\u0430\u0437\u0430. \u041c\u043d\u0435 \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c, \u0438 \u0432 \u043e\u0434\u0438\u043d \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0434\u0435\u043d\u044c \u044f \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043b \u0440\u0435\u0448\u0435\u043d\u0438\u0435. \u041a\u043e\u0433\u0434\u0430 \u043f\u0430\u0440\u0441\u0435\u0440 \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u0434 \u043d\u0438\u043c \u0432\u0441\u0435 \u0436 \u0442\u0430\u043a\u0438 \u043d\u0438\u043a\u0430\u043a\u043e\u0435 \u043d\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043e\u043d \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 false, \u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0422\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u044f \u0438\u0437\u0431\u0430\u0432\u0438\u043b\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0438\u0437\u044a\u044f\u043d\u0430 \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u043b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430.<\/p>\n<p>  \u0415\u0449\u0435 \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a \u044f \u0434\u0435\u043b\u0430\u043b \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f. \u0412 \u043f\u043e\u0438\u0441\u043a\u0430\u0445 \u0438\u0434\u0435\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430, \u044f \u043d\u0430\u0431\u0440\u0435\u043b \u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0441 \u0442\u044e\u0431\u0438\u043a\u0430\u043c\u0438 \u043a\u0440\u0430\u0441\u043a\u0438, \u0438 \u043f\u043e\u0434\u0443\u043c\u0430\u043b: \u00ab\u0422\u044b\u0441\u044f\u0447\u0430 \u0447\u0435\u0440\u0442\u0435\u0439! \u0414\u0430 \u044d\u0442\u043e \u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u0434\u0435\u044f!\u00bb. \u042f \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0440\u043e\u043a\u043e\u0432 \u043f\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044e \u0432 \u0424\u043e\u0442\u043e\u0448\u043e\u043f\u0435 \u0438, \u0432 \u0438\u0442\u043e\u0433\u0435, \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u0430\u044f \u043a\u043b\u044f\u043a\u0441\u0430:<\/p>\n<p>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/2d4\/ea4\/366\/2d4ea4366f244e9da1c21013e9516dc5.png\"\/><br \/>  \u0420\u0438\u0441. 2 \u2013 \u041c\u043e\u044f \u043a\u043b\u044f\u043a\u0441\u0430<\/p>\n<h2>\u041c\u043e\u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0438\u0435 \u043f\u043b\u0430\u043d\u044b<\/h2>\n<p>  \u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u044f \u0445\u043e\u0447\u0443 \u0432\u0441\u0435 \u0436 \u0442\u0430\u043a\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0437\u0431\u0438\u0442\u0438\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u043d\u0430 \u0442\u043e\u043a\u0435\u043d\u044b. \u0410 \u0432\u043e \u0432\u0442\u043e\u0440\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0438 \u0434\u0430\u043b\u044c\u0448\u0435, <s>\u0432\u044b\u0434\u0438\u0440\u0430\u044f \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u0444\u0438\u0448\u043a\u0438 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 \u0438 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f \u0438\u0445 \u0432 \u0441\u0432\u043e\u0439<\/s>. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u044f \u0445\u043e\u0447\u0443 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u043e\u0432 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0430\u0432\u0438\u043b. <\/p>\n<p>  \u041f\u043e\u0442\u043e\u043c, \u044f \u0445\u043e\u0447\u0443 \u043f\u043e\u0439\u0442\u0438 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043f\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u043f\u043e\u0438\u0441\u043a\u0443 \u0431\u043b\u043e\u043a\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 MSS \u0438\u0437 \u0431\u044d\u043a\u044d\u043d\u0434\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 IE \u043f\u0440\u044f\u043c\u043e \u0432 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 (\u043d\u0435 \u0437\u043d\u0430\u044e \u043a\u0430\u043a \u0432\u0430\u0441, \u043d\u043e \u043c\u0435\u043d\u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0437\u0434\u0440\u0430\u0436\u0430\u043b\u043e, \u0447\u0442\u043e \u043f\u0430\u0442\u0447\u0438 \u0434\u043b\u044f IE \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0438 \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 \u0432\u0438\u0434\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u043b\u0442\u043e\u0440\u0430 CSS-\u043f\u0440\u0430\u0432\u0438\u043b\u0430). <\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0443 \u043a\u043e\u0433\u043e-\u0442\u043e \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0435\u0449\u0451 \u0438\u0434\u0435\u0438 \u043f\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044e \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0443 \u0440\u0430\u0434 \u0438\u0445 \u0443\u0441\u043b\u044b\u0448\u0430\u0442\u044c.<\/p>\n<h2>\u0412\u043c\u0435\u0441\u0442\u043e \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f<\/h2>\n<p>  \u041d\u0443 \u0432\u043e\u0442, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u0438 \u0432\u0441\u0451, \u0447\u0442\u043e \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u0440\u043e \u043c\u043e\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443. \u0414\u0443\u043c\u0430\u044e, \u044f \u0441\u043c\u043e\u0433 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0440\u0435\u043a\u043b\u0430\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442. \u0415\u0449\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c, \u0442\u0430\u043a \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u0447\u043a\u0443 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u0437\u044b\u0432\u044b \u043e \u0443\u0436\u0435 \u043f\u0440\u043e\u0434\u0435\u043b\u0430\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.<\/p>\n<p>  \u0411\u0443\u0434\u0443 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0435\u043d \u0432\u0430\u043c \u0437\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0441\u043e\u0432\u0435\u0442\u044b \u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0437\u0430 \u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0443\u044e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0442\u0435\u043f\u043b\u044b\u0435 \u0441\u043b\u043e\u0432\u0430.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u043b\u0430\u0441\u044c \u043c\u043e\u044f \u0441\u0442\u0430\u0442\u044c\u044f, \u0442\u043e \u044f \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0443\u0434\u0443 \u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0449\u0451.<\/p>\n<h2>\u0421\u0441\u044b\u043b\u043a\u0438<\/h2>\n<p>  GitHub: <a href=\"https:\/\/github.com\/Dobby007\/mysheet\">https:\/\/github.com\/Dobby007\/mysheet<\/a><br \/>  \u041e\u0444\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442: <a href=\"http:\/\/mss.flydigo.com\/\">http:\/\/mss.flydigo.com\/<\/a><br \/>  \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f: <a href=\"http:\/\/mss.flydigo.com\/docs\">http:\/\/mss.flydigo.com\/docs<\/a> \t\t\t<\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/256589\/\"> http:\/\/habrahabr.ru\/post\/256589\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p> \t\t\tX\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0441\u0432\u043e\u0435\u043c \u0434\u0435\u0442\u0438\u0449\u0435 \u2013 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435 \u0438 \u043f\u0430\u0440\u0441\u0435\u0440\u0435 CSS, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u044f \u043d\u0430\u0447\u0430\u043b \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441 \u0430\u043f\u0440\u0435\u043b\u044f \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e \u0433\u043e\u0434\u0430. \u0417\u0430\u0447\u0435\u043c \u044f \u043d\u0430\u0447\u0430\u043b \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0438\u043c? \u041f\u0440\u0438\u0437\u043d\u0430\u0432\u0430\u044f\u0441\u044c \u0441\u0435\u0431\u0435 \u0447\u0435\u0441\u0442\u043d\u043e \u0443\u0436\u0435 \u0441\u0435\u0439\u0447\u0430\u0441, \u044f \u043c\u043e\u0433\u0443 \u0441\u043a\u0430\u0437\u0430\u0442\u044c: \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0438\u0437\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434. \u0427\u0435\u043c \u044f \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u0441\u044f \u0442\u043e\u0433\u0434\u0430? \u0422\u0440\u0443\u0434\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0442\u0435\u043c \u0436\u0435 \u0441\u0430\u043c\u044b\u043c. \u0410 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0442\u0435\u043c, \u0447\u0442\u043e \u044f \u0442\u043e\u043b\u043a\u043e\u043c \u043d\u0435 \u043d\u0430\u0448\u0435\u043b \u043d\u0438\u0447\u0435\u0433\u043e \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u044f\u044e\u0449\u0435\u0433\u043e \u043c\u043e\u0438\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u043a CSS \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0443 \u0434\u043b\u044f \u043c\u043e\u0435\u0439 \u043b\u044e\u0431\u0438\u043c\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-255993","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/255993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=255993"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/255993\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=255993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=255993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=255993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}