LoginSignup
0
0

More than 5 years have passed since last update.

SemanticUI

Posted at
bash

$ npm insstall -g gulp
$ cd myproject
$ npm install semantic-ui --save  

# デフォルトのAutomaticでEnter
# Yes

$ cd semantic
$ gulp build
$ tree semantic/src/themes/github/

semantic/src/themes/github/
|-- assets
|   `-- fonts
|       |-- octicons-local.ttf
|       |-- octicons.svg
|       |-- octicons.ttf
|       `-- octicons.woff
|-- collections
|   |-- breadcrumb.variables
|   |-- form.overrides
|   |-- form.variables
|   |-- grid.variables
|   |-- menu.overrides
|   |-- menu.variables
|   |-- message.overrides
|   |-- message.variables
|   `-- table.variables
|-- elements
|   |-- button.overrides
|   |-- button.variables
|   |-- header.variables
|   |-- icon.overrides
|   |-- icon.variables
|   |-- image.variables
|   |-- input.overrides
|   |-- input.variables
|   |-- label.overrides
|   |-- label.variables
|   |-- segment.overrides
|   |-- segment.variables
|   |-- step.overrides
|   `-- step.variables
|-- globals
|   `-- site.variables
`-- modules
    |-- dropdown.overrides
    |-- dropdown.variables
    `-- popup.variables
# githubだと上記が用意されているので、
# 以下の箇所を変更した
$ grep github src/theme.config 
@site       : 'github';
@button     : 'github';
@header     : 'github';
@icon       : 'github';
@image      : 'github';
@input      : 'github';
@label      : 'github';
@segment    : 'github';
@step       : 'github';
@breadcrumb : 'github';
@form       : 'github';
@grid       : 'github';
@menu       : 'github';
@message    : 'github';
@table      : 'github';
@dropdown   : 'github';
@popup      : 'github';

$ cd semantic
$ gulp build
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0