generator-confit
Version:
Yeoman generator for creating the development process, tools and a sample project for current-generation web applications
43 lines (36 loc) • 1.08 kB
text/stylus
/*
* Swanky Theme
* Variables
*/
////////////////////////////////////////
// Base Units
////////////////////////////////////////
$base-font-size = 1.4rem
////////////////////////////////////////
// Colour Palette
////////////////////////////////////////
@import './colors'
////////////////////////////////////////
// Animation
////////////////////////////////////////
$duration = 200ms;
////////////////////////////////////////
// Elements
////////////////////////////////////////
$sidebar-width = 280px
$header-height = 130px
$header-height-mobile = 80px
////////////////////////////////////////
// Device sizes
////////////////////////////////////////
$width-mobile = (480 / 16)em
$width-tablet = (768 / 16)em
$width-sm-desktop = (992 / 16)em
$width-md-desktop = (1400 / 16)em;
$width-lg-desktop = (1800 / 16)em;
// Size helpers
$screen-is-bigger-than-mobile = (481 / 16)em
$screen-is-bigger-than-tablet = (769 / 16)em
$screen-is-bigger-than-sm-desktop = (993 / 16)em
$screen-is-bigger-than-md-desktop = (1401 / 16)em;
$screen-is-bigger-than-lg-desktop = (1801 / 16)em;