mirror of
https://github.com/jambonz/next-static-site.git
synced 2026-10-18 09:24:24 +00:00
64 lines
1.9 KiB
SCSS
64 lines
1.9 KiB
SCSS
/******************************************************************************
|
|
* Colors
|
|
*******************************************************************************/
|
|
$black: #000;
|
|
$white: #fff;
|
|
$charcoal: #231f20;
|
|
$grey: #f8f8f8;
|
|
$grey-light: mix($white, $charcoal, 75%);
|
|
$jambonz: #da1c5c;
|
|
$pink: #fff3f6;
|
|
$purple: #9662b2;
|
|
$teal: #30beb0;
|
|
$blue: #006dff;
|
|
$green: #008a1a;
|
|
$red: #e10e22;
|
|
|
|
/******************************************************************************
|
|
* Font family
|
|
*******************************************************************************/
|
|
$font-regular: 'objectivityregular';
|
|
$font-regular-italic: 'objectivityregular_slanted';
|
|
$font-medium: 'objectivitymedium';
|
|
$font-medium-italic: 'objectivitymedium_slanted';
|
|
$font-bold: 'objectivitybold';
|
|
$font-bold-italic: 'objectivitybold_slanted';
|
|
|
|
/******************************************************************************
|
|
* Font sizes
|
|
*******************************************************************************/
|
|
$h1-size: 48px;
|
|
$h2-size: 40px;
|
|
$h3-size: 36px;
|
|
$h4-size: 32px;
|
|
$h5-size: 24px;
|
|
$h6-size: 20px;
|
|
$p-size: 18px;
|
|
$m-size: 16px;
|
|
$ms-size: 14px;
|
|
$mxs-size: 12px;
|
|
|
|
/******************************************************************************
|
|
* Icon sizes
|
|
*******************************************************************************/
|
|
$icon-size-1: 48px;
|
|
$icon-size-2: 40px;
|
|
$icon-size-3: 36px;
|
|
|
|
/******************************************************************************
|
|
* Sizes
|
|
*******************************************************************************/
|
|
$navi-index: 999;
|
|
$navi-height: 75px;
|
|
$width-max: 1440px;
|
|
$width-tablet-1: 1024px;
|
|
$width-tablet-2: 768px;
|
|
$width-mobile: 640px;
|
|
$width-small: 480px;
|
|
$width-padding: 4.4444444444vw;
|
|
|
|
/******************************************************************************
|
|
* Animation / transitions
|
|
*******************************************************************************/
|
|
$base-dur: 200ms;
|
|
$base-ease: ease; |