CSS: Add CSS for file listings

[ipfire.org.git] / src / scss / _variables.scss

/*
	Colours
*/
$black:						#000000;
$white:						#ffffff;

// Grays
$gray-400:					#ede8e8;
$gray-800:					#31353c;

$red:   					#ee2e31;
$yellow:					#e7e247;
$cyan:						#2ee8c8;

// Lightning Wire Labs colour
$lwl:						#4b0082;

// Theme
$primary:					$red;
$secondary:					#757575;
$light:						$gray-400;
$dark:						$gray-800;

$theme-colors: (
	"lwl"					: $lwl,
);

$body-bg:					$dark;
$body-color:				$white;

// Breakpoints
$grid-breakpoints: (
	xs: 0,
	sm: 600px,
	md: 768px,
	lg: 1024px,
	xl: 1280px
);

$grid-gutter-width:			24px;

$border-radius:				5px;
$border-radius-lg:			5px;

// Fonts
$font-family-sans-serif:	"Mukta", sans-serif;

$font-weight-light:			200;
$font-weight-normal:		400;
$font-weight-bold:			700;

// Typo
$font-size-base:			1.125rem;
$lead-font-size:			1.5rem;
$small-font-size:			87.5%;

$line-height-base:			1.5;

// Headings
$headings-font-weight:		500;
$headings-line-height:		1.15;
$headings-margin-bottom:	1.25rem;

$h1-font-size:				3rem;
$h2-font-size:				2.5rem;
$h3-font-size:				2.25rem;
$h4-font-size:				2rem;
$h5-font-size:				1.5rem;
$h6-font-size:				1.25rem;

$display1-size:				4rem;

// Links
$link-color:				$primary;

// Navbar
$navbar-brand-font-size:	3rem;
$navbar-brand-height:		5rem;
$navbar-brand-padding-y:	1rem;
$navbar-height:				$navbar-brand-height + ($navbar-brand-padding-y * 2);

$navbar-nav-link-padding-x:	1rem;

// Input
$input-btn-padding-x:		1.5rem;
$input-btn-padding-y:		.5rem;

// Buttons
$btn-border-width:			3px;

// Progress
$progress-height:			1rem * $line-height-base;