Andrew Miner
96ddd1bd4d
Any link inside a item detail page's markdown description which does not have a URL will be assumed to be the name of an item covered by Crafting Guide and an URL will be added to reference the appropiate browse page.
95 lines
2.8 KiB
SCSS
95 lines
2.8 KiB
SCSS
/*
|
|
Crafting Guide - main.scss
|
|
|
|
Copyright (c) 2014-2015 by Redwood Labs
|
|
All rights reserved.
|
|
*/
|
|
|
|
@import 'mixins';
|
|
@import 'reset';
|
|
|
|
// Fonts ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
@font-face {
|
|
font-family: 'PressStart';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('/fonts/press_start.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Silkscreen';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('/fonts/silkscreen.ttf') format('truetype');
|
|
}
|
|
|
|
// Constants ///////////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
// Animation Speeds ////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$animate-fast: 0.200s;
|
|
$animate-normal: 0.400s;
|
|
$animate-slow: 1.200s;
|
|
|
|
// Font Faces //////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$font-family-header: 'Silkscreen';
|
|
$font-family-normal: sans-serif;
|
|
$font-family-input: monospace;
|
|
|
|
// Font Sizes //////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$font-size-small: 1.0em;
|
|
$font-size-normal: 1.5em;
|
|
$font-size-large: 2.0em;
|
|
$font-size-x-large: 3.0em;
|
|
$font-size-xx-large: 4.0em;
|
|
|
|
// Gray Palette ////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$color-gray-faint: #F2F2F2;
|
|
$color-gray-light: #CCCCCC;
|
|
$color-gray-medium: #A6A6A6;
|
|
$color-gray-dark: #8B8B8B;
|
|
$color-gray-shadow: #444444;
|
|
|
|
// Object Background Colors ////////////////////////////////////////////////////////////////////////
|
|
|
|
$color-bedrock: #0A0A0A;
|
|
$color-brick-dark: #7A7A7A;
|
|
$color-brick-light: #D9D9D9;
|
|
$color-dirt: #906647;
|
|
$color-ice: #8AA7E6;
|
|
|
|
// Style Colors ////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$color-active: #5C8AE6;
|
|
$color-active-hover: #2E6BE6;
|
|
$color-background: #AAC9FF;
|
|
$color-background-panel: #FFFFFF;
|
|
$color-background-toolbar: rgba(255, 255, 255, 0.75);
|
|
$color-content: rgba(230, 230, 230, 0.90);
|
|
$color-error: #F3C2C2;
|
|
$color-error-new: #CD0000;
|
|
$color-footer: #3D1D09;
|
|
$color-footer-text: #FFFFFF;
|
|
$color-link: #0000FF;
|
|
$color-link-subtle: #545A99;
|
|
$color-text: #000000;
|
|
|
|
// Z-Index Layers //////////////////////////////////////////////////////////////////////////////////
|
|
|
|
$layer-normal: 100;
|
|
$layer-screen: 500;
|
|
$layer-dialog: 1000;
|
|
|
|
// Child Stylesheets ///////////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
@import 'classes';
|
|
@import 'markdown';
|
|
@import 'tags';
|
|
@import 'views';
|
|
|
|
@import 'templates/index';
|
|
@import 'addthis'; |