Semantic UI Less Importable

Derived from Semantic UI.

There are two main differences with the default Semantic UI:

1. This version will feel more like the bootstrap less code base, such that you only need to import the library once then you are free to structure code as desired.
2. The variables have been renamed to allow for cross component comparability. All variables are prefixed with the component name. Eg. For buttons, @textColor becomes @buttonTextColor.

Installation

npm install semantic-ui-less-importable

The versions in npm track the semantic-ui versions.

Usage

In a less file:

@import "../../node_modules/semantic-ui-less-importable/semantic";
/*
  Override variables and styles here
*/

Setup

Install python 3

Install dependencies

npm install

Build

The script targets the version of semantic specified in the version.py file. The script creates a npm package in the dist folder, containing the rewritten semantic less source.

npm run build

Output can be found in the dist folder.

Testing

The following command runs a simple smoke test of the less

npm run test

Publish

The rewritten source code can be published to npm.

npm run publish