pattern-7-1/sass/abstracts/_variables.sass

47 lines
1.4 KiB
Sass
Raw Normal View History

2019-02-26 11:06:17 +01:00
// -----------------------------------------------------------------------------
// This file contains all application-wide Sass variables.
// -----------------------------------------------------------------------------
/// Regular font family
/// @type List
2019-03-03 09:20:25 +01:00
$text-font-stack: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
2019-02-26 11:06:17 +01:00
/// Code (monospace) font family
/// @type List
2019-03-03 09:20:25 +01:00
$code-font-stack: "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Monaco", monospace !default
2019-02-26 11:06:17 +01:00
/// Copy text color
/// @type Color
2019-03-03 09:20:25 +01:00
$text-color: rgb(34, 34, 34) !default
2019-02-26 11:06:17 +01:00
/// Main brand color
/// @type Color
2019-03-03 09:20:25 +01:00
$brand-color: rgb(229, 0, 80) !default
2019-02-26 11:06:17 +01:00
/// Light grey
/// @type Color
2019-03-03 09:20:25 +01:00
$light-grey: rgb(237, 237, 237) !default
2019-02-26 11:06:17 +01:00
/// Medium grey
/// @type Color
2019-03-03 09:20:25 +01:00
$mid-grey: rgb(153, 153, 153) !default
2019-02-26 11:06:17 +01:00
/// Dark grey
/// @type Color
2019-03-03 09:20:25 +01:00
$dark-grey: rgb(68, 68, 68) !default
2019-02-26 11:06:17 +01:00
/// Container's maximum width
/// @type Length
2019-03-03 09:20:25 +01:00
$max-width: 1180px !default
2019-02-26 11:06:17 +01:00
/// Breakpoints map
/// @prop {String} keys - Keys are identifiers mapped to a given length
/// @prop {Map} values - Values are actual breakpoints expressed in pixels
2019-03-03 09:20:25 +01:00
$breakpoints: ("small": 320px, "medium": 768px, "large": 1024px) !default
2019-02-26 11:06:17 +01:00
/// Relative or absolute URL where all assets are served from
/// @type String
/// @example scss - When using a CDN
/// $base-url: 'http://cdn.example.com/assets/';
2019-03-03 09:20:25 +01:00
$base-url: "/assets/" !default