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

116 lines
3.2 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
2017-03-31 13:49:38 -07:00
*= require sweetalert
*= require jquery.minicolors
2015-06-21 00:03:29 -07:00
*= require flags
*= 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;
2020-04-19 12:08:58 -07:00
$font-size-base: 1rem;
2014-11-28 12:17:50 -08:00
$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
2020-04-19 12:08:58 -07:00
$gray: #e2e2e2;
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;
/**
SETTINGS
----------------------------------------------
Variable definitions, tools and mixins used
across all styling definitions.
*/
@import
"variables";
/**
VENDOR
----------------------------------------------
Imported vendor assets used by Retrospring.
*/
@import
"bootstrap",
"font-awesome",
"nprogress",
"nprogress-bootstrap";
/**
OVERRIDES
----------------------------------------------
The imports from "overrides/" define almost barely
any style adjustments but rather override default
Bootstrap behaviour.
The largest change to regular bootstrap is the switch
to using the available CSS variables for most elements
used on the site, so theming can be done with changing
only those.
*/
@import
"overrides/buttons",
"overrides/colors",
"overrides/card",
"overrides/links",
"overrides/list-group",
"overrides/navbar";
/**
COMPONENTS
----------------------------------------------
Custom components defined for Retrospring.
*/
2015-04-23 12:07:39 -07:00
@import
"components/jumbotron";
2020-04-19 12:08:58 -07:00
body { padding-top: 50px; }
2015-04-23 12:07:39 -07:00
@import 'bootstrap-datetimepicker';
.remove-native-picker::-webkit-calendar-picker-indicator{
display: none
}
@import "base";
.minicolors-theme-bootstrap .minicolors-swatch {
top: 0;
left: 0;
width: 42px;
height: 42px;
border-radius: 0;
}