Темы шаблона CSS Semantic-UI

Question

Я пытаюсь получить файлы css для кнопок Semantic-UI (тема Amazon). Я попытался следовать их инструкциям о том, как создавать темы, выходящие за пределы моего уровня мастерства, и потерял меня. Я буду очень признателен за любую помощь, чтобы получить эти кнопки (Amazon Theme) css-файла. 1- Есть ли простой способ? 2- Готовы ли они к желаемой теме? http://semantic-ui.com/elements/button.html

Answer 1

2-- Предкомпилированные не по умолчанию (упакованные) тематические компоненты не являются ни доступны на Semantic UI's official site ни в dist folder on their github repo.

Однако вы можете обмануть свой путь к предварительно скомпилированным кнопкам Amazon, потому что они доступны в качестве ресурсов на Theming Demo site. Открыть этот сайт, который выглядит как github, за исключением того, что в нем справа значок значка краски находится рядом с значком уведомления в правом верхнем углу. Нажмите на значок значка красок, и слева появится боковая панель. Вам нужно будет выбрать нужную тему для загрузки ресурсов, но затем вы можете захватить их через вкладку «Инструменты разработчика» или «Сеть» браузера.

1-- Если вы хотите, чтобы дать еще один шанс в процессе сборки, вот как:

Предпосылки: Установите NodeJs with Npm и Gulp (запустить npm i -g gulp в командной строке).

1. Download (и распаковать) семантического источники UI
2. Перейдите в папку, в которую были извлечены или загруженные источники Семантический-интерфейса, и сделайте следующее в командной строке:
3. Run npm install. не
   1. На вопрос, выберите Automatic (для установки)
   2. , а затем выберите Да (для удаления файлов установки)
   3. , а затем Нет (для построения семантического сейчас)
4. Редактировать файл ./src/theme.config, и изменить @button: 'default'; к @button: 'amazon';
5. Run gulp build

После завершения сборки вы должны найти скомпилированные файлы css в папке ./dist и свой пользовательский Amazon button.css в папке ./dist/components.