2019-10-10 10:03:25 +09:00
|
|
|
@charset 'utf-8';
|
|
|
|
|
|
|
|
html {
|
|
|
|
height: 100%;
|
2019-10-29 13:45:20 +09:00
|
|
|
overflow: hidden;
|
2019-10-10 10:03:25 +09:00
|
|
|
}
|
|
|
|
body {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
color: #333;
|
|
|
|
font-family: '나눔고딕', Malgun Gothic, '맑은고딕', Arial, Dotum, '돋움',
|
|
|
|
Gulim, '굴림';
|
2019-10-21 13:20:14 +09:00
|
|
|
font-size: 13px;
|
2019-10-10 10:03:25 +09:00
|
|
|
line-height: 18px !important;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
div,
|
|
|
|
p,
|
|
|
|
ol,
|
|
|
|
ul,
|
|
|
|
li,
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6,
|
|
|
|
form,
|
|
|
|
iframe,
|
|
|
|
dl,
|
|
|
|
dt,
|
|
|
|
dd {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
ul,
|
|
|
|
ol {
|
|
|
|
list-style: none;
|
|
|
|
}
|
2019-10-24 10:07:30 +09:00
|
|
|
@mixin ucap-material-theme($theme) {
|
|
|
|
@include ucap-core-theme($theme);
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin ucap-core-theme($theme) {
|
|
|
|
$accent: map-get($theme, accent);
|
|
|
|
$warn: map-get($theme, warn);
|
|
|
|
$primary: map-get($theme, primary);
|
|
|
|
$background: map-get($theme, background);
|
|
|
|
$foreground: map-get($theme, foreground);
|
|
|
|
|
|
|
|
.bg-primary-color {
|
|
|
|
background: mat-color($primary);
|
|
|
|
color: mat-color($primary, default-contrast);
|
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
.bg-accent-color {
|
|
|
|
background: mat-color($accent);
|
|
|
|
color: mat-color($accent, default-contrast);
|
2019-10-24 10:07:30 +09:00
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
.text-primary-color {
|
2019-10-24 10:07:30 +09:00
|
|
|
color: mat-color($primary);
|
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
.text-accent-color {
|
2019-10-24 10:07:30 +09:00
|
|
|
color: mat-color($accent);
|
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
.border-primary-color {
|
|
|
|
border: 1px solid mat-color($primary);
|
2019-10-24 10:07:30 +09:00
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
.border-accent-color {
|
|
|
|
border: 1px solid mat-color($accent);
|
2019-10-24 10:07:30 +09:00
|
|
|
}
|
2019-10-29 13:45:20 +09:00
|
|
|
}
|