mirror of
https://github.com/jambonz/next-static-site.git
synced 2025-12-19 04:47:44 +00:00
db94b17829
* Adding latest news and banners * Adding first draft of cypress specs and github actions workflow * Adding sticky position for top banner * Tweak styles for new latest news section * Tweak styles for text__layout innerHTML * Fix Cypress homepage test spec * Fix mobile navi z-index with sticky top banner * Fix sticky banner z-index bug with mobile navi * Refactor markdown tools to support pages beyond developer docs * Adjust TADHACK text max-widths for small mobile * initial changes for open source copy * more copy * more copy * updated open source structure * minor * typo * more copy * Adjust styles for Open Source markdown small text * Update readme and remove floats from docs webhooks markdown * Add readme notes on Cypress and flesh out navi spec tests * Fix main navi highlight when on sub-sections of markdown pages Co-authored-by: Dave Horton <daveh@beachdognet.com>
65 lines
2.0 KiB
SCSS
65 lines
2.0 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-mono: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
|
|
/******************************************************************************
|
|
* 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; |