sass-template.scss

sass.scss

/*------------------------------------*\
	PROSPECTEYE
    STYLE.CSS
    Version: 1.0.0
    Author: Hampus Persson
    @hmps_se
\*------------------------------------*/

@charset "UTF-8";

/**
 * Setup imports and frameworks
 */

@import "../vendors/bower-bourbon/bourbon";

/*-------------------------------------------------------------------------
| VARIABLES
|------------------------------------------------------------------------*/

$fontStack: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
$fontWeight: 300;
$baseFontSize: 16;
$smallFontSize: 13;
/* COLORS */

$c-black: #111;
$c-white: #fff;
$c-blues: #2980B9, #0074D9, #009FE3;
$c-greys: #343C3F, #A2ACB0, #D9E1E4;
$c-greens: #27AE60, #2ECC40, #01FF70;
$c-reds: #C0392B, #FF4136, #E74C3C;
$c-yellows: #F39C12, #FCA624, #F1C40F;
$c-purples: #532E62, #8E44AD, #9B59B6;

$c-lightBlue: nth($c-blues, 3);


$c-red: nth($c-reds, 2);
$c-green: nth($c-greens, 2);
$c-yellow: nth($c-yellows, 2);
$c-gold: $c-yellow;
$c-silver: nth($c-greys, 3);
$c-purple: nth($c-purples, 2);
$c-orange: nth($c-yellows, 1);

$c-grey: nth($c-greys, 2);
$c-darkGrey: nth($c-greys, 1);
$c-lightGrey: nth($c-greys, 3);

/*-------------------------------------------------------------------------
| CSS
|------------------------------------------------------------------------*/

@import "../variables";
@import "../atoms/base";

@import "../atoms/icon-font";
@import "../atoms/images";
@import "../atoms/input";

@import "../utilities/text";

@import "../components/AppHeader";
@import "../components/AppNav";
@import "../components/MediaObject";
@import "../components/clearfix";
@import "../components/personal-visit";
@import "../components/black-button";
@import "../components/spinner";
@import "../components/BlockList";
@import "../components/SearchPanel";
@import "../components/InputForm";
@import "../components/VisitsTable";
@import "../components/VisitDetails";
@import "../components/LoadingSpinner";
@import "../components/ContactList";
@import "../components/PageViews";
@import "../components/ContentSlider";
@import "../components/HistoryVisit";
@import "../components/DropDown";
@import "../components/Notification";
@import "../components/Badge";
@import "../components/ConversionIcons";
@import "../components/Buttons";
@import "../components/InlineList";
@import "../components/RadialProgress";
@import "../components/FloatingButton";
@import "../components/HelpModal";
@import "../components/TimeLine";
@import "../components/TypeAhead";

body.visitsLoaded {
	background: #ececec !important;
}

.AppContent {
	padding: 10px;
	height: 100%;
}