68 行
1.5 KiB
SCSS
68 行
1.5 KiB
SCSS
@charset "UTF-8";
|
|
|
|
$breakpoint-up: (
|
|
'sm': 'screen and (min-width: 600px)',
|
|
'md': 'screen and (min-width: 900px)',
|
|
) !default;
|
|
|
|
$breakpoint-down: (
|
|
'sm': 'screen and (max-width: 599px)',
|
|
'md': 'screen and (max-width: 899px)',
|
|
) !default;
|
|
|
|
@mixin mq_up($breakpoint: md) {
|
|
@media #{map-get($breakpoint-up, $breakpoint)} {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin mq_down($breakpoint: md) {
|
|
@media #{map-get($breakpoint-down, $breakpoint)} {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
/* Fonts */
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito');
|
|
|
|
/* Variables */
|
|
@import 'variables';
|
|
|
|
// Bootstrap
|
|
// @import '~bootstrap/scss/bootstrap';
|
|
|
|
|
|
/* ---------------------------------------------------------------------------------
|
|
color
|
|
--------------------------------------------------------------------------------- */
|
|
/* color */
|
|
$colorRed: #af0606;
|
|
$colorBlue: #004DC7;
|
|
$colorBlack: #000000;
|
|
$colorGray: #B2B2B2;
|
|
/* border color */
|
|
$borderColorGray: #eeeeee;
|
|
/* input color */
|
|
$inputBorderGray: #D8D8D8;
|
|
|
|
|
|
/* ---------------------------------------------------------------------------------
|
|
foundation
|
|
--------------------------------------------------------------------------------- */
|
|
/* base */
|
|
|
|
|
|
|
|
/* ---------------------------------------------------------------------------------
|
|
layout
|
|
--------------------------------------------------------------------------------- */
|
|
@import "./variables";
|
|
|
|
@import "./layout/_footer";
|
|
@import "./layout/_header";
|
|
@import "./layout/_main";
|
|
@import "./layout/_section";
|
|
@import "./layout/_content";
|
|
@import "./layout/_side";
|
|
|