Semantic UI, converted to Sass

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

LOOKING FOR MAINTAINER Read more here.

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;