_base.helpers.scss

  • m.icon

    Generic icon sizes to use throughout the layout, that are based upon the base spacing unit, to keep things relative to the contextual type size.

  • m.button

    Primarily used with links or form button elements where an action is invoked when the element is clicked. There are several configuration options for spacing and sizes at the top of…

  • _config.typography.scss

    Global typography settings, including typeface choices, weights and the base font sizes and line height. The base spacing unit sizes are also defined in this file, based upon the original…

  • _config.setup.scss

    This file imports the base mixins and functions needed for the framework to work. These are set in a specified order for variable dependencies. If you need to turn on normalise, this is…

  • _config.misc.scss

    Miscellaneous configuration options, currently there is only one global option in here for border-radius.

  • _config.grid-settings.scss

    This file contains the base global settings for the primary grid, including the primary grid column count, gutter, major breakpoints and minor tweakpoints. The default grid setup is 12 columns,…

  • _config.element-breakpoints.scss

    Main element breakpoints, these are generally based upon the major breakpoints outlined in the grid-settings partial, however they can be set at a specific pixel size. These breakpoints will be…

  • _config.colors.scss

    This file contains the base global color settings, allowing for up to 5 main website colours. Many standard elements have colours set within this file. For specific components, colours should be set…

  • _base.reset.scss

    Additional reset file to remove margins and such.

  • _base.normalize.scss

    Standard normalise file, this is not included by default, because we haven’t needed it. To include it in a project, uncomment the include declaration in the base.setup sass file.

  • _base.mixins.scss

    Our core mixins, outside of the mixins that bourbon provides. mk-grid-column-class-loop( $breakpoint ) Mixin to loop through the grid columns and generate class names mk-media-query( $breakpoint-from: false, $breakpoint-until: false )…

  • _base.helpers.scss

    Helper classes to use within templates, these are designed as ‘trump’ classes, so if applied to an element, they will be forcibly applied. There are numerous helper classes, most of…