156 lines
3.1 KiB
SCSS
156 lines
3.1 KiB
SCSS
@charset 'utf-8';
|
|
|
|
html {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
body {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: #333;
|
|
font-family: '나눔고딕', Malgun Gothic, '맑은고딕', Arial, Dotum, '돋움',
|
|
Gulim, '굴림';
|
|
font-size: 13px;
|
|
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;
|
|
}
|
|
$lg-red: (
|
|
50: #ffffff,
|
|
100: #f8bbd0,
|
|
200: #f48fb1,
|
|
300: #f06292,
|
|
400: #ef4c73,
|
|
/* 400: #ec407a,*/ 500: #ed097e,
|
|
600: #d81b60,
|
|
700: #c2185b,
|
|
800: #ad1457,
|
|
900: #880e4f,
|
|
A100: #ff80ab,
|
|
A200: #ff4081,
|
|
A400: #ff3399,
|
|
A700: #c51162,
|
|
contrast: (
|
|
50: $dark-primary-text,
|
|
100: $dark-primary-text,
|
|
200: $dark-primary-text,
|
|
300: $dark-primary-text,
|
|
400: $light-primary-text,
|
|
500: $light-primary-text,
|
|
600: $light-primary-text,
|
|
700: $light-primary-text,
|
|
800: $light-primary-text,
|
|
900: $light-primary-text,
|
|
A100: $dark-primary-text,
|
|
A200: $light-primary-text,
|
|
A400: $light-primary-text,
|
|
A700: $light-primary-text
|
|
)
|
|
);
|
|
|
|
@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);
|
|
}
|
|
.bg-accent-dark {
|
|
background: mat-color($accent, 600);
|
|
color: mat-color($primary, default-contrast);
|
|
}
|
|
.bg-accent-light {
|
|
background: mat-color($accent, 300);
|
|
color: mat-color($primary, default-contrast);
|
|
}
|
|
.bg-accent-color {
|
|
background: mat-color($accent);
|
|
color: mat-color($accent, default-contrast);
|
|
}
|
|
.text-primary-color {
|
|
color: mat-color($primary);
|
|
}
|
|
.text-accent-color {
|
|
color: mat-color($accent);
|
|
}
|
|
.text-warn-color {
|
|
color: mat-color($warn);
|
|
}
|
|
.border-primary-color {
|
|
border: 1px solid mat-color($primary);
|
|
}
|
|
.border-accent-color {
|
|
border: 1px solid mat-color($accent);
|
|
}
|
|
.mat-tab-group.mat-primary .mat-ink-bar,
|
|
body.theme-default .mat-tab-nav-bar.mat-primary .mat-ink-bar {
|
|
background-color: mat-color($accent, 400);
|
|
}
|
|
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
|
|
background-color: mat-color($accent, 200);
|
|
}
|
|
/*.mat-form-field-appearance-legacy .mat-hint{
|
|
color: mat-color($accent, 800);
|
|
}*/
|
|
|
|
.mat-form-field-appearance-legacy {
|
|
.mat-form-field-label {
|
|
color: mat-color($primary);
|
|
}
|
|
|
|
.mat-hint {
|
|
color: mat-color($primary);
|
|
}
|
|
|
|
.mat-form-field-underline {
|
|
background-color: mat-color($primary);
|
|
}
|
|
}
|
|
|
|
.app-dialog-full .mat-dialog-container {
|
|
overflow: hidden;
|
|
padding: 0px;
|
|
background-color: rgba($color: #000000, $alpha: 0.3);
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
}
|
|
}
|