X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?p=src%2Fapp-framework-demo.git;a=blobdiff_plain;f=afb-client%2Fbower_components%2Ffoundation-apps%2Fscss%2F_global.scss;fp=afb-client%2Fbower_components%2Ffoundation-apps%2Fscss%2F_global.scss;h=e4cffc6cf170f0e2d952bdf87a6dfaa38492a84f;hp=0000000000000000000000000000000000000000;hb=5b1e6cc132f44262a873fa8296a2a3e1017b0278;hpb=f7d2f9ac4168ee5064580c666d508667a73cefc0 diff --git a/afb-client/bower_components/foundation-apps/scss/_global.scss b/afb-client/bower_components/foundation-apps/scss/_global.scss new file mode 100755 index 0000000..e4cffc6 --- /dev/null +++ b/afb-client/bower_components/foundation-apps/scss/_global.scss @@ -0,0 +1,131 @@ +/* + 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; + } +}