2018-01-24 23:48:58 +09:00
|
|
|
// Variables
|
|
|
|
@import "variables";
|
|
|
|
|
|
|
|
// Bootstrap
|
2018-03-12 21:05:29 +09:00
|
|
|
@import '~bootstrap/scss/bootstrap';
|
2018-01-24 23:48:58 +09:00
|
|
|
|
2020-08-01 22:00:15 +09:00
|
|
|
// フォント
|
|
|
|
@import "jpserriffont";
|
|
|
|
|
|
|
|
// ロゴ
|
|
|
|
@import "logo";
|
|
|
|
|
|
|
|
// ナビバー
|
|
|
|
@import "navbar";
|
|
|
|
|
|
|
|
// サイドメニュー
|
|
|
|
@import "sidemenu";
|
|
|
|
|
|
|
|
// コンテンツ
|
|
|
|
@import "contents";
|
|
|
|
|
2020-09-21 19:12:30 +09:00
|
|
|
// スクロール
|
|
|
|
@import "scroll";
|
|
|
|
|
2020-08-01 22:00:15 +09:00
|
|
|
// コンポーネント
|
|
|
|
@import "conponent/badge";
|
|
|
|
@import "conponent/button";
|
|
|
|
@import "conponent/check";
|
|
|
|
@import "conponent/form";
|
|
|
|
@import "conponent/modal";
|
2020-12-29 21:22:09 +09:00
|
|
|
@import "conponent/pagination";
|
2020-09-17 14:13:21 +09:00
|
|
|
@import "conponent/select";
|
|
|
|
|
|
|
|
// テーブル
|
|
|
|
@import "conponent/table";
|
2020-08-01 22:00:15 +09:00
|
|
|
|
|
|
|
// その他
|
|
|
|
#app {
|
|
|
|
font-family: monospace;
|
|
|
|
font-size: large;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-align: left;
|
|
|
|
margin-top: 48px;
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
font-family: 'jpserriffont';
|
|
|
|
text-align: center;
|
|
|
|
color: $white1;
|
|
|
|
background-color: $black1;
|
|
|
|
}
|
|
|
|
|
|
|
|
a { color: $suwa04; }
|
|
|
|
a:hover { color: $suwa03; }
|
|
|
|
// .new { background-color: $suwa09; margin: 10px auto; padding: 0; }
|
|
|
|
// .head > div { margin: 5px 0; }
|
|
|
|
// .new-head, .new-body { padding: 10px; }
|
|
|
|
// .new-head { border: 2px solid $suwa03; background-color: $suwa10; }
|
2021-02-06 13:06:08 +09:00
|
|
|
// .new-body { border-bottom: 2px solid $suwa03; border-left: 2px solid $suwa03; border-right: 2px solid $suwa03; }
|