Configurações de projeto/framework

configuracoes.scss

@charset 'UTF-8';

/// Mapa para configuração de cores  
/// Modificadores:  
///    lighter: cor  
///    light:   cor  
///    base:    cor  
///    medium:  cor  
///    dark:    cor  
///    darker:  cor  
/// @group    Configurações
$colors: (
  primary:   #febc11,
  secondary: #706f6f,
  danger:    #ff0000,
  success:   #a4cb1b,
  warning:   #febc11,
  light: (
    lighter: #fff,
    base:    #eeedeb,
    medium:  #e0e0e0
  ),
  dark: (
    base:   #706f6f,
    medium: #b1afaf
  )
) !default;

/// Lista de fontes para fallback
/// @group    Fontes
$font-fallback: Tahoma, Verdana, Segoe, sans-serif !default;

/// Mapa para configuração de fontes
/// Pode ser configurado para utilizar font-faces ou para fontes de sistema
/// como "Arial", "Helvetica", "Tahoma", etc
/// Se for utilizar fontes de sistema, precisa setar o `path` como `null`
///
/// @group    Fontes

$font-config: (
  base: (
    name: interfaceRegular,
    path: '../fonts/regular/interface-webfont',
    weight: null
  ),
  bold: (
    name: interfaceBold,
    path: '../fonts/bold/interface-bold-webfont',
    weight: null
  ),
  light: (
    name: interfaceLight,
    path: '../fonts/bold/interface-light-webfont',
    weight: null
  ),
  thin: (
    name: interfaceThin,
    path: '../fonts/bold/interface-thin-webfont',
    weight: null
  )
) !default;

/// Mapa dos tamanhos de fontes utilizadas
/// @group    Fontes
$font-sizes: (
  xbig: 24px,
  big: 18px,
  medium: 16px,
  small: 14px,
  xsmall: 12px
) !default;

/// Mapa dos tamanhos para as media queries
/// @group    Breakpoints
$breakpoints: (
  small   : 592px, 
  medium  : 752px, 
  large   : 1088px,
  xlarge  : 1312px,
  xxlarge : 1600px
) !default;

/// @group    Variáveis
$font-size-base: 16px; // tamanho de fonte do root (html)
$website-max-width: 1300px;
$content-min-height: 450px;
$default-border-radius: 2px;

$space-base: 10px;

$space-m: $space-base * 2;
$space-g: $space-base * 3;
$space-gg: $space-base * 4;
$space-xg: $space-base * 5;

$space-v-base: px-to-rem($space-base);
$space-v-m: px-to-rem($space-base * 2);
$space-v-g: px-to-rem($space-base * 3);
$space-v-gg: px-to-rem($space-base * 4);
$space-v-xg: px-to-rem($space-base * 5);

$border-style-base: solid 1px color(light);