field-select (progress)

TODO

 ☐ Добавить сексуальную стилизацию страницы библиотеки компонентов
 ☐ Сделать: таблицы — адаптивные таблицы — добавлять дата-атрибуты JS-ом
 ☐ Сделать: Селект с идентичными везде уголками и одинаковой высотой на win и osx
-☐ Сделать: Флажок-свитчер, радиокнопку-свитчер
 ☐ Сделать: Кнопки: группа, в т.ч. с выпадающими элементами
 ☐ Сделать: Флажки и радиокнопки, выглядящеи как обычные кнопки
 ☐ Сделать: Кнопка с иконкой
@@ -42,3 +41,4 @@
 ✔ Добавить задачу оптимизации графики по указуемому адресу @done (29.02.2016 01:58)
 ✔ Добавить задачу публикации build/ в ветку gh-pages @done (29.02.2016 16:43)
 ✔ Вынести SVG-спрайты в отдельный компонент @done (05.03.2016 00:19)
+✔ Сделать: Флажок-свитчер, радиокнопку-свитчер @done (16-03-05 12:44)

src/blocks/field-select/field-select.less

@@ -16,6 +16,10 @@
 
   &__select {
     margin-bottom: round(@line-height / 3, 2);
+    appearance: none;
+    background-image: data-uri('image/svg+xml;charset=UTF-8', './src/blocks/field-select/img_to_bg/select-down.svg');
+    background-repeat: no-repeat;
+    background-position: 100% 50%;
   }
 
   &__help-text {

src/blocks/field-select/img_to_bg/select-down.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-292 388 26 17"><path d="M-266.4 392.5l-11.9 12.2c-.2.2-.4.3-.7.3s-.5-.1-.7-.3l-11.9-12.2c-.2-.2-.3-.4-.3-.7 0-.3.1-.5.3-.7l2.7-2.7c.2-.2.4-.3.7-.3s.5.1.7.3l8.5 8.7 8.5-8.7c.2-.2.4-.3.7-.3s.5.1.7.3l2.7 2.7c.2.2.3.4.3.7.1.3 0 .5-.3.7z"/></svg>
\ No newline at end of file

src/blocks/field-select/img_to_bg/select-up.svg

+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="-289.6 390.5 25.2 16.2"><style>.st0{fill:#444}</style><path class="st0" d="M-264.7 403.8l-2.6 2.6c-.2.2-.4.3-.7.3s-.5-.1-.7-.3l-8.3-8.3-8.3 8.3c-.2.2-.4.3-.7.3s-.5-.1-.7-.3l-2.6-2.6c-.2-.2-.3-.4-.3-.7s.1-.5.3-.7l11.6-11.6c.2-.2.4-.3.7-.3s.5.1.7.3l11.6 11.6c.2.2.3.4.3.7s-.1.5-.3.7z"/></svg>
\ No newline at end of file