2017-03-14 03:55:34 +00:00
|
|
|
$default-color: #555;
|
2017-03-11 05:09:18 +00:00
|
|
|
$default-shade: #353535;
|
2017-03-14 03:55:34 +00:00
|
|
|
$default-tint: #aaa;
|
|
|
|
$grey-1: #979797;
|
|
|
|
$grey-2: #e5e5e5;
|
|
|
|
$grey-3: #f9f9f9;
|
|
|
|
$blue: #4a9ae1;
|
2017-03-11 05:09:18 +00:00
|
|
|
|
|
|
|
$serif-font: 'Libre Baskerville';
|
|
|
|
$sans-font: 'Helvetica Neue';
|
|
|
|
$default-font-size: 14px;
|
|
|
|
|
2017-03-14 03:55:34 +00:00
|
|
|
$monospaced-font: Menlo, Monaco, monospace;
|
|
|
|
$code-color: #bf616a;
|
|
|
|
|
2017-03-11 05:09:18 +00:00
|
|
|
@mixin box-sizing($type: border-box) {
|
|
|
|
-webkit-box-sizing: $type;
|
|
|
|
-moz-box-sizing: $type;
|
|
|
|
box-sizing: $type;
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin transition($args...) {
|
|
|
|
-webkit-transition: $args;
|
|
|
|
-moz-transition: $args;
|
|
|
|
transition: $args;
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin transform-translate($x, $y) {
|
|
|
|
-webkit-transform: translate($x, $y);
|
|
|
|
-moz-transform: translate($x, $y);
|
|
|
|
transform: translate($x, $y);
|
|
|
|
}
|