Fork me on GitHub

_settings.default.scss

Source code

View source

Package Name

inuit-defaults

Version

0.2.3

Required

yes

This module is required and must be present in every inuitcss-project.

It provides the basic framework settings and contains the following variables:

High-level base settings:

  • The $inuit-base-font-size will be the font-size of your normal continuous text paragraphs. Look out for normal paragraphs and assign its font-size here.
  • $inuit-base-line-height will in the best case be your $inuit-base-font-size*1.5. It is wise to keep this an even number.
  • $inuit-base-text-color assigns the text-color to every element.
  • $inuit-base-background-color assigns the background-color to the html element.
                
                // High-level base settings.
                $inuit-base-font-size:          16px !default;
                $inuit-base-line-height:        24px !default;
                $inuit-base-text-color:         #333 !default;
                $inuit-base-background-color:   #fff !default;
                
                

Namespace:

  • $inuit-namespace you can assign a prefix to every class (i.e. all the objects) following in the framework.
                    // Namespace.
                    $inuit-namespace:               null !default;
                

Inuit spacing-units:

  • Use these variables throughout your project, but do not reassign them.
                    // Do not change these!
                    $inuit-base-spacing-unit:           $inuit-base-line-height;
                    $inuit-base-spacing-unit--tiny:     round($inuit-base-spacing-unit / 4);
                    $inuit-base-spacing-unit--small:    round($inuit-base-spacing-unit / 2);
                    $inuit-base-spacing-unit--large:    round($inuit-base-spacing-unit * 2);
                    $inuit-base-spacing-unit--huge:     round($inuit-base-spacing-unit * 4);