f105-motor-demo_esp/html_src/sass/app.scss

@import "normalize";
@import "lib/bourbon/bourbon";

@import "grid-settings";
@import "lib/neat/neat";

@import "utils/index";

@import "lib/chartist/chartist";

$form-label-w: 130px;
$form-label-gap: 8px;
$form-field-w: 250px;

$c-form-label-fg: white;
$c-form-field-bg: #303030;
$c-form-field-fg: white;
$c-form-highlight: #217b3a;
$c-form-highlight-a: #28bc65;

@function dist($x) {
	@return modular-scale($x, 1rem, $golden);
}

@function fsize($x) {
	@return modular-scale($x, 1em, $major-second);
}

.center {
	text-align: center;
}

.invis {
	visibility: hidden;
}

.hidden {
	display: none;
}

.nb {
	font-weight: normal;
}

@import "layout/index";
@import "form/index";

// import all our pages
@import "pages/wifi";
@import "pages/home";
@import "pages/wfm";
@import "pages/about";

@include media($tablet-min) {
	.mq-phone { display: none; }
}

@include media($phone) {
	.mq-tablet-min { display: none; }
}

@include media($normal-min) {
	.mq-tablet-max { display: none; }
}

@include media($tablet-max) {
	.mq-normal-min { display: none; }
}