Retrospring/app/assets/stylesheets/application.css.scss

58 lines
2.1 KiB
SCSS
Raw Normal View History

2014-08-01 06:27:08 -07:00
/*
2014-11-02 04:47:35 -08:00
*= require rails_bootstrap_forms
*= require growl
2014-12-29 06:47:10 -08:00
*= require jquery.guillotine
2015-01-03 07:51:57 -08:00
*= require sweet-alert
*= require_self
2014-08-01 06:27:08 -07:00
*/
2014-11-02 10:02:53 -08:00
2015-03-03 11:15:43 -08:00
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
2014-11-28 11:23:17 -08:00
2015-03-03 10:58:22 -08:00
$font-family-sans-serif: "Lato","Open Sans", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif;
2014-11-28 12:17:50 -08:00
$font-family-serif: Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
2015-01-13 13:55:45 -08:00
$font-family-monospace: "PragmataPro", Monaco, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
2014-11-28 12:17:50 -08:00
$font-family-base: $font-family-sans-serif;
$font-size-base: 14px;
$font-size-large: ceil(($font-size-base * 1.25)); // ~18px
$font-size-small: ceil(($font-size-base * 0.85)); // ~12px
$font-size-h1: floor(($font-size-base * 2.6)); // ~36px
$font-size-h2: floor(($font-size-base * 2.15)); // ~30px
$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px
$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px
$font-size-h5: $font-size-base;
$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px
2015-01-13 13:37:02 -08:00
$brand-primary: #5e35b1;
2015-01-13 12:53:47 -08:00
$navbar-inverse-bg: #5e35b1;
$navbar-inverse-link-color: #ffffff;
$navbar-inverse-link-hover-color: #ffffff;
2015-01-13 12:53:47 -08:00
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: #ffffff;
$navbar-inverse-link-active-bg: transparent;
2015-04-21 18:42:12 -07:00
$navbar-inverse-link-active-bg-mobile: darken(#5e35b1, 7%);
2015-01-13 12:53:47 -08:00
$navbar-inverse-link-disabled-color: darken(#fff, 12.5%);
$navbar-inverse-link-disabled-bg: transparent;
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: darken($navbar-inverse-link-color, 10%);
$navbar-inverse-brand-hover-bg: transparent;
$navbar-inverse-toggle-hover-bg: #512da8;
$navbar-inverse-toggle-icon-bar-bg: #7e57c2;
$navbar-inverse-toggle-border-color: #512da8;
@import "bootswatch/cosmo/variables";
2015-01-13 13:55:45 -08:00
@import "bootstrap";
body { padding-top: $navbar-height; }
@import "bootswatch/cosmo/bootswatch";
@import "base";
@import "font-awesome";
$nprogress-color: lighten($navbar-inverse-bg, 25%);
@import 'nprogress';
2015-01-13 13:55:45 -08:00
@import 'nprogress-bootstrap';