UnitexGramLab/unitexgramlab-org

View on GitHub
themes/unitexgramlab/sass/main.scss

Summary

Maintainability
Test Coverage
/// Unitex/GramLab Theme
@import 'libs/bourbon/bourbon';
@import 'libs/jeet/jeet';
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono|Raleway|Open+Sans:300,400);
@import 'credits';

@include skel-breakpoints((
  xlarge:   '(max-width: 1680px)',
  large:    '(max-width: 1280px)',
  medium:   '(max-width: 980px)',
  small:    '(max-width: 736px)',
  xsmall:   '(max-width: 480px)',
  xxsmall:  '(max-width: 360px)'
));

@include skel-layout((
  reset: 'full',
  boxModel: 'border',
  containers: 66em,
  grid: (gutters: 1.5em),
  breakpoints: (
    large: (
      containers: 90%,
      grid: (gutters: 1.5em)
    ),
    medium: (
      containers: 90%
    ),
    small: (
      containers: (90%, true),
      grid: (gutters: 1.25em)
    )
  )
));

@mixin color($p: null) {
  @include color-button($p);
  @include color-form($p);
  @include color-icon($p);
  @include color-image($p);
  @include color-list($p);
  @include color-table($p);
  @include color-tooltip($p);
  @include color-typography($p);
}

// Base.

@import 'base/page';
@import 'base/typography';
@import 'base/utilities';

// Component.

@import 'components/accordion';
@import 'components/box';
@import 'components/button';
@import 'components/form';
@import 'components/grid-demo';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/section';
@import 'components/search-bar';
@import 'components/slick';
@import 'components/spotlight';
@import 'components/table';
@import 'components/tooltip';
@import 'components/wrapper';

// Layout.

@import 'layout/nav';
@import 'layout/banner';
@import 'layout/header';
@import 'layout/highlights';
@import 'layout/about';
@import 'layout/screenshots';
@import 'layout/downloads';
@import 'layout/more';
@import 'layout/footer';
@import 'layout/backtotop';
@import 'layout/nojs';

// Blog Layout.
@import 'layout/blog/autumn-content';
@import 'layout/blog/autumn-post-content';