From 1de3f410ab02d6bc9453ba90e59696420138c286 Mon Sep 17 00:00:00 2001 From: Aleksei Zubarev Date: Thu, 17 Oct 2019 17:59:12 +0300 Subject: [PATCH] Initial commit --- .gitignore | 11 + README.md | 57 +- gulpfile.js | 89 + package-lock.json | 9667 +++++++++++++++++ package.json | 37 + source/fonts/HelveticaNeueCyr-Black.eot | Bin 0 -> 24968 bytes source/fonts/HelveticaNeueCyr-Black.ttf | Bin 0 -> 24768 bytes source/fonts/HelveticaNeueCyr-Black.woff | Bin 0 -> 15144 bytes source/fonts/HelveticaNeueCyr-BlackItalic.eot | Bin 0 -> 26702 bytes source/fonts/HelveticaNeueCyr-BlackItalic.ttf | Bin 0 -> 26476 bytes .../fonts/HelveticaNeueCyr-BlackItalic.woff | Bin 0 -> 16212 bytes source/fonts/HelveticaNeueCyr-Bold.eot | Bin 0 -> 24172 bytes source/fonts/HelveticaNeueCyr-Bold.ttf | Bin 0 -> 23976 bytes source/fonts/HelveticaNeueCyr-Bold.woff | Bin 0 -> 14696 bytes source/fonts/HelveticaNeueCyr-BoldItalic.eot | Bin 0 -> 25906 bytes source/fonts/HelveticaNeueCyr-BoldItalic.ttf | Bin 0 -> 25684 bytes source/fonts/HelveticaNeueCyr-BoldItalic.woff | Bin 0 -> 15736 bytes source/fonts/HelveticaNeueCyr-Heavy.eot | Bin 0 -> 24120 bytes source/fonts/HelveticaNeueCyr-Heavy.ttf | Bin 0 -> 23920 bytes source/fonts/HelveticaNeueCyr-Heavy.woff | Bin 0 -> 14588 bytes source/fonts/HelveticaNeueCyr-HeavyItalic.eot | Bin 0 -> 26158 bytes source/fonts/HelveticaNeueCyr-HeavyItalic.ttf | Bin 0 -> 25932 bytes .../fonts/HelveticaNeueCyr-HeavyItalic.woff | Bin 0 -> 15844 bytes source/fonts/HelveticaNeueCyr-Italic.eot | Bin 0 -> 26252 bytes source/fonts/HelveticaNeueCyr-Italic.ttf | Bin 0 -> 26048 bytes source/fonts/HelveticaNeueCyr-Italic.woff | Bin 0 -> 15844 bytes source/fonts/HelveticaNeueCyr-Light.eot | Bin 0 -> 25152 bytes source/fonts/HelveticaNeueCyr-Light.ttf | Bin 0 -> 24952 bytes source/fonts/HelveticaNeueCyr-Light.woff | Bin 0 -> 15124 bytes source/fonts/HelveticaNeueCyr-LightItalic.eot | Bin 0 -> 27338 bytes source/fonts/HelveticaNeueCyr-LightItalic.ttf | Bin 0 -> 27112 bytes .../fonts/HelveticaNeueCyr-LightItalic.woff | Bin 0 -> 16532 bytes source/fonts/HelveticaNeueCyr-Medium.eot | Bin 0 -> 24604 bytes source/fonts/HelveticaNeueCyr-Medium.ttf | Bin 0 -> 24400 bytes source/fonts/HelveticaNeueCyr-Medium.woff | Bin 0 -> 14852 bytes .../fonts/HelveticaNeueCyr-MediumItalic.eot | Bin 0 -> 26642 bytes .../fonts/HelveticaNeueCyr-MediumItalic.ttf | Bin 0 -> 26412 bytes .../fonts/HelveticaNeueCyr-MediumItalic.woff | Bin 0 -> 15960 bytes source/fonts/HelveticaNeueCyr-Roman.eot | Bin 0 -> 24836 bytes source/fonts/HelveticaNeueCyr-Roman.ttf | Bin 0 -> 24636 bytes source/fonts/HelveticaNeueCyr-Roman.woff | Bin 0 -> 15024 bytes source/fonts/HelveticaNeueCyr-Thin.eot | Bin 0 -> 25348 bytes source/fonts/HelveticaNeueCyr-Thin.ttf | Bin 0 -> 25152 bytes source/fonts/HelveticaNeueCyr-Thin.woff | Bin 0 -> 15284 bytes source/fonts/HelveticaNeueCyr-ThinItalic.eot | Bin 0 -> 27190 bytes source/fonts/HelveticaNeueCyr-ThinItalic.ttf | Bin 0 -> 26968 bytes source/fonts/HelveticaNeueCyr-ThinItalic.woff | Bin 0 -> 16156 bytes source/fonts/HelveticaNeueCyr-UltraLight.eot | Bin 0 -> 25236 bytes source/fonts/HelveticaNeueCyr-UltraLight.ttf | Bin 0 -> 25016 bytes source/fonts/HelveticaNeueCyr-UltraLight.woff | Bin 0 -> 15208 bytes .../HelveticaNeueCyr-UltraLightItalic.eot | Bin 0 -> 27062 bytes .../HelveticaNeueCyr-UltraLightItalic.ttf | Bin 0 -> 26816 bytes .../HelveticaNeueCyr-UltraLightItalic.woff | Bin 0 -> 16120 bytes source/fonts/stylesheet.css | 2 + source/img/arrow_bottom.png | Bin 0 -> 273 bytes source/img/arrow_top.png | Bin 0 -> 246 bytes source/img/check.svg | 1 + source/img/close.svg | 1 + source/img/radio.svg | 1 + source/index.html | 325 + source/js/components/highlight.js | 2 + source/js/components/markup.js | 13 + source/js/components/popups.js | 25 + source/js/components/tabs.js | 28 + source/js/uikit.js | 8 + source/scss/components/_buttons.scss | 34 + source/scss/components/_colors.scss | 7 + source/scss/components/_fields.scss | 205 + source/scss/components/_popup.scss | 78 + source/scss/components/_table.scss | 105 + source/scss/components/_tabs.scss | 95 + source/scss/components/_typography.scss | 42 + source/scss/foundation/_base.scss | 46 + source/scss/foundation/_fonts.scss | 175 + source/scss/foundation/_variables.scss | 10 + source/scss/uikit.scss | 14 + source/scss/vendors/_highlight.scss | 77 + 77 files changed, 11154 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 gulpfile.js create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 source/fonts/HelveticaNeueCyr-Black.eot create mode 100644 source/fonts/HelveticaNeueCyr-Black.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Black.woff create mode 100644 source/fonts/HelveticaNeueCyr-BlackItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-BlackItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-BlackItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Bold.eot create mode 100644 source/fonts/HelveticaNeueCyr-Bold.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Bold.woff create mode 100644 source/fonts/HelveticaNeueCyr-BoldItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-BoldItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-BoldItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Heavy.eot create mode 100644 source/fonts/HelveticaNeueCyr-Heavy.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Heavy.woff create mode 100644 source/fonts/HelveticaNeueCyr-HeavyItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-HeavyItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-HeavyItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Italic.eot create mode 100644 source/fonts/HelveticaNeueCyr-Italic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Italic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Light.eot create mode 100644 source/fonts/HelveticaNeueCyr-Light.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Light.woff create mode 100644 source/fonts/HelveticaNeueCyr-LightItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-LightItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-LightItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Medium.eot create mode 100644 source/fonts/HelveticaNeueCyr-Medium.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Medium.woff create mode 100644 source/fonts/HelveticaNeueCyr-MediumItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-MediumItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-MediumItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-Roman.eot create mode 100644 source/fonts/HelveticaNeueCyr-Roman.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Roman.woff create mode 100644 source/fonts/HelveticaNeueCyr-Thin.eot create mode 100644 source/fonts/HelveticaNeueCyr-Thin.ttf create mode 100644 source/fonts/HelveticaNeueCyr-Thin.woff create mode 100644 source/fonts/HelveticaNeueCyr-ThinItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-ThinItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-ThinItalic.woff create mode 100644 source/fonts/HelveticaNeueCyr-UltraLight.eot create mode 100644 source/fonts/HelveticaNeueCyr-UltraLight.ttf create mode 100644 source/fonts/HelveticaNeueCyr-UltraLight.woff create mode 100644 source/fonts/HelveticaNeueCyr-UltraLightItalic.eot create mode 100644 source/fonts/HelveticaNeueCyr-UltraLightItalic.ttf create mode 100644 source/fonts/HelveticaNeueCyr-UltraLightItalic.woff create mode 100644 source/fonts/stylesheet.css create mode 100644 source/img/arrow_bottom.png create mode 100644 source/img/arrow_top.png create mode 100644 source/img/check.svg create mode 100644 source/img/close.svg create mode 100644 source/img/radio.svg create mode 100644 source/index.html create mode 100644 source/js/components/highlight.js create mode 100644 source/js/components/markup.js create mode 100644 source/js/components/popups.js create mode 100644 source/js/components/tabs.js create mode 100644 source/js/uikit.js create mode 100644 source/scss/components/_buttons.scss create mode 100644 source/scss/components/_colors.scss create mode 100644 source/scss/components/_fields.scss create mode 100644 source/scss/components/_popup.scss create mode 100644 source/scss/components/_table.scss create mode 100644 source/scss/components/_tabs.scss create mode 100644 source/scss/components/_typography.scss create mode 100644 source/scss/foundation/_base.scss create mode 100644 source/scss/foundation/_fonts.scss create mode 100644 source/scss/foundation/_variables.scss create mode 100644 source/scss/uikit.scss create mode 100644 source/scss/vendors/_highlight.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..31d5232 --- /dev/null +++ b/.gitignore @@ -0,0 +1,11 @@ +.DS_Store +.idea +*.ai +*.log +*.pdf +*.psd +*.sublime* +node_modules/ +build/ +npm-debug.log* +Thumbs.db \ No newline at end of file diff --git a/README.md b/README.md index fedf4d6..bab55ea 100644 --- a/README.md +++ b/README.md @@ -1 +1,56 @@ -# html-marketplace-1.0-uikit \ No newline at end of file +# html-marketplace-1.0-uikit + +**Типография** + +HTML заголовки, начиная с `

` до `

`, доступны к использованию. Если нет необходимости использовать именно +теги, то для них есть классы `".h1"` до `".h3"`. Они отлично подходят для `
` или ``. + +Для абзацев используется тег `

`. Если необходимо показать ошибку, то к нему добавляется класс `".error"`. +Так же доступен тег ``, который предназначен для описания содерживания таблиц. +Если нужно просто отобразить похожий стиль в тексте, +то для этого есть класс `".caption"`. + +**Поля** + +Для добавления обычного текстового поля используется ``. +Для добавления поля для Выбора из списка используется ``, тег `` для отображения кастомизированного внешнего вида, и +`` для добавления текста выбора. + +Для добавления радиокнопки/переключателя используется конструкция на базе тега `

` или `
`. +Шапка вкладок представляет собой список `