kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
3.3 KiB
131 lines
3.3 KiB
/*
|
|
GLOBAL
|
|
------
|
|
|
|
Global styles and settings for Foundation for Apps are stored here. This file must always
|
|
be imported, no matter what.
|
|
|
|
Includes:
|
|
-
|
|
*/
|
|
|
|
/// @Foundation.settings
|
|
// Global Styles
|
|
// This sets 1rem to be 16px
|
|
$rem-base: 16px;
|
|
|
|
// The default font-size is set to 100% of the browser style sheet (usually 16px)
|
|
// for compatibility with browser-based text zoom or user-set defaults.
|
|
|
|
// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
|
|
// If you want your base font-size to be different and not have it affect the grid breakpoints,
|
|
// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
|
|
$base-font-size: 100% !default;
|
|
|
|
// $base-line-height is 24px while $base-font-size is 16px
|
|
$base-line-height: 1.5 !default;
|
|
|
|
// Text selector helpers
|
|
$headers: "h1,h2,h3,h4,h5,h6";
|
|
|
|
// We use these to define default font weights
|
|
$font-weight-normal: normal !default;
|
|
$font-weight-bold: bold !default;
|
|
|
|
// We use these to control various global styles
|
|
$body-background: #fff !default;
|
|
$body-font-color: #222 !default;
|
|
$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
|
|
$body-font-weight: $font-weight-normal !default;
|
|
$body-font-style: normal !default;
|
|
$body-antialiased: true;
|
|
|
|
// Application Colors
|
|
$primary-color: #00558b !default;
|
|
$secondary-color: #f1f1f1 !default;
|
|
$alert-color: #F04124 !default;
|
|
$info-color: #A0D3E8 !default;
|
|
$success-color: #43AC6A !default;
|
|
$warning-color: #F08A24 !default;
|
|
$dark-color: #232323 !default;
|
|
$gray: #dfdfdf !default;
|
|
$gray-dark: darken($gray, 8) !default;
|
|
$gray-light: lighten($gray, 8) !default;
|
|
|
|
// We use these to make sure border radius matches unless we want it different.
|
|
$global-radius: 4px !default;
|
|
$global-rounded: 1000px !default;
|
|
|
|
// We use this for default spacing
|
|
$global-padding: 1rem !default;
|
|
$global-spacing: rem-calc(15) !default;
|
|
///
|
|
|
|
// For internal use: a color map
|
|
$foundation-colors: (
|
|
primary: $primary-color,
|
|
success: $success-color,
|
|
warning: $warning-color,
|
|
alert: $alert-color,
|
|
dark: $dark-color,
|
|
);
|
|
|
|
@include exports(global) {
|
|
// Make extra sure we're using the whole window
|
|
html, body {
|
|
height: 100%;
|
|
font-size: $base-font-size;
|
|
}
|
|
// Set box-sizing globally to handle padding and border widths
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
*, *:before, *:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
// Default body styles
|
|
body {
|
|
background: $body-background;
|
|
color: $body-font-color;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: $body-font-family;
|
|
font-weight: $body-font-weight;
|
|
font-style: $body-font-style;
|
|
line-height: 1;
|
|
position: relative;
|
|
|
|
@if $body-antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
}
|
|
|
|
img {
|
|
// Grid Defaults to get images and embeds to work properly
|
|
max-width: 100%;
|
|
height: auto;
|
|
-ms-interpolation-mode: bicubic;
|
|
|
|
// Get rid of gap under images by making them display: inline-block; by default
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
// Give all anchors and interactive directives the hover cusor
|
|
a, [ui-sref], [zf-open], [zf-close], [zf-toggle] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#map_canvas,
|
|
.map_canvas {
|
|
img,
|
|
embed,
|
|
object { max-width: none !important; }
|
|
}
|
|
|
|
.padding {
|
|
padding: $global-padding;
|
|
}
|
|
}
|
|
|