Я пытаюсь получить файлы css для кнопок Semantic-UI (тема Amazon). Я попытался следовать их инструкциям о том, как создавать темы, выходящие за пределы моего уровня мастерства, и потерял меня. Я буду очень признателен за любую помощь, чтобы получить эти кнопки (Amazon Theme) css-файла. 1- Есть ли простой способ? 2- Готовы ли они к желаемой теме? http://semantic-ui.com/elements/button.htmlТемы шаблона CSS Semantic-UI
ответ
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
в командной строке).
- Download (и распаковать) семантического источники UI
- Перейдите в папку, в которую были извлечены или загруженные источники Семантический-интерфейса, и сделайте следующее в командной строке:
- Run
npm install
. не- На вопрос, выберите Automatic (для установки)
- , а затем выберите Да (для удаления файлов установки)
- , а затем Нет (для построения семантического сейчас)
- Редактировать файл
./src/theme.config
, и изменить@button: 'default';
к@button: 'amazon';
- Run
gulp build
После завершения сборки вы должны найти скомпилированные файлы css в папке ./dist
и свой пользовательский Amazon button.css
в папке ./dist/components
.