semantic-ui-sass

Semantic UI, converted to Sass

semantic-ui-sass is a Sass-powered version of Semantic UI and ready to drop into any project.

NOTE

The package only has the default theme.

Installation and Usage

yarn add --dev semantic-ui-sass

JavaScript

import 'semantic-ui-sass';

CSS

Import Semantic in an SCSS file (for example, application.scss) to get all of Semantic's styles

@import "semantic-ui";

Custom Font

$font-url: 'http://fonts.useso.com/css?family=Lato:400,700,400italic,700italic&subset=latin';
@import 'semantic-ui';

Skip font loading

$import-google-fonts: false;
@import 'semantic-ui';

Custom font family

$font-family: 'custom-font-family';
@import 'semantic-ui';

Customizable Variables

$import-google-fonts: true !default;
$font-url: 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin,latin-ext' !default;
$font-name: 'Lato' !default;
$font-family: $font-name, 'Helvetica Neue', Arial, Helvetica, sans-serif !default;
$icons-font-path: '../../icons' !default;
$flags-image-path: '../../images' !default;