xit-app
/
external-system-test
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix : 미정의된 css변수 추가, 탭 제목 폰트굵기 수정

Browse Source
main
이범준 2 years ago
parent 8440a86315
commit c4e403d22f
1 changed files with 49 additions and 40 deletions
Show Stats Download Patch File Download Diff File

89
src/main/webapp/resources/framework/css/common/xit-core.css
Unescape Escape View File

@ -18,19 +18,18 @@
--bs-cyan: #03c3ec; --bs-cyan: #03c3ec;
--bs-black: #435971; --bs-black: #435971;
--bs-white: #fff; --bs-white: #fff;
--bs-gray: rgba(67, 89, 113, 0.6); --bs-gray: rgba(67, 89, 113, 0.1);
--bs-gray-dark: rgba(67, 89, 113, 0.8); --bs-gray-dark: rgba(67, 89, 113, 0.8);
--bs-gray-25: rgba(67, 89, 113, 0.025); --bs-gray-25: rgba(67, 89, 113, 0.025);
--bs-gray-50: rgba(67, 89, 113, 0.05); --bs-gray-50: rgba(67, 89, 113, 0.05);
--bs-dark: #233446;
--bs-light: #fcfdfd;
--bs-primary: #696cff; --bs-primary: #696cff;
--bs-secondary: #8592a3; --bs-secondary: #8592a3;
--bs-success: #71dd37; --bs-success: #71dd37;
--bs-info: #03c3ec; --bs-info: #03c3ec;
--bs-warning: #ffab00; --bs-warning: #ffab00;
--bs-danger: #ff3e1d; --bs-danger: #ff3e1d;
--bs-light: #fcfdfd;
--bs-dark: #233446;
--bs-gray: rgba(67, 89, 113, 0.1);
--bs-primary-rgb: 105, 108, 255; --bs-primary-rgb: 105, 108, 255;
--bs-secondary-rgb: 133, 146, 163; --bs-secondary-rgb: 133, 146, 163;
--bs-success-rgb: 113, 221, 55; --bs-success-rgb: 113, 221, 55;
@ -68,6 +67,19 @@
--bs-link-hover-color: #5f61e6; --bs-link-hover-color: #5f61e6;
--bs-code-color: #e83e8c; --bs-code-color: #e83e8c;
--bs-highlight-bg: #ffeecc; --bs-highlight-bg: #ffeecc;
--bs-btn-hover-bg : #eee; /* OPTION : 버튼 hover 배경 */
--bs-btn-active-bg : #d2d2d2; /* OPTION : 버튼 active 배경 */
--bs-btn-disabled-bg : #676767; /* OPTION : 버튼 disabled 배경 */
--bs-breadcrumb-divider : '>'; /* OPTION : 브레드크럼 구분자 */
/* 미사용 변수 */
/* --bs-body-text-align : ; */
/* --bs-breadcrumb-font-size : ; */ /* OPTION : 브레드크럼 폰트 사이즈 */
/* --bs-scroll-height : ; */ /* OPTION : 스크롤 높이 */
} }
*, *,
@ -92,7 +104,6 @@ body {
font-weight: var(--bs-body-font-weight); font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
color: var(--bs-body-color); color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(67, 89, 113, 0); -webkit-tap-highlight-color: rgba(67, 89, 113, 0);
@ -2462,7 +2473,7 @@ textarea.form-control-lg {
.form-floating > .form-control-plaintext::placeholder { .form-floating > .form-control-plaintext::placeholder {
color: transparent; color: transparent;
} }
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem; padding-top: 1.625rem;
padding-bottom: 0.625rem; padding-bottom: 0.625rem;
} }
@ -2481,7 +2492,7 @@ textarea.form-control-lg {
padding-top: 1.625rem; padding-top: 1.625rem;
padding-bottom: 0.625rem; padding-bottom: 0.625rem;
} }
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { .form-floating > .form-control:not(:placeholder-shown) ~ label {
opacity: 0.75; opacity: 0.75;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
} }
@ -3051,7 +3062,7 @@ textarea.form-control-lg {
--bs-dropdown-color: rgba(67, 89, 113, 0.3); --bs-dropdown-color: rgba(67, 89, 113, 0.3);
--bs-dropdown-bg: rgba(67, 89, 113, 0.8); --bs-dropdown-bg: rgba(67, 89, 113, 0.8);
--bs-dropdown-border-color: transparent; --bs-dropdown-border-color: transparent;
--bs-dropdown-box-shadow: ; /*--bs-dropdown-box-shadow: ;*/ /* OPITON : 드롭다운 박스 그림자 */
--bs-dropdown-link-color: rgba(67, 89, 113, 0.3); --bs-dropdown-link-color: rgba(67, 89, 113, 0.3);
--bs-dropdown-link-hover-color: #fff; --bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: #d9dee3; --bs-dropdown-divider-bg: #d9dee3;
@ -3165,7 +3176,8 @@ textarea.form-control-lg {
.nav { .nav {
--bs-nav-link-padding-x: 1.25rem; --bs-nav-link-padding-x: 1.25rem;
--bs-nav-link-padding-y: 0.5rem; --bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ; --bs-nav-link-font-size : 1rem; /* OPTION : 내비게이션 링크 폰트 사이즈 */
--bs-nav-link-font-weight: 600; /* OPITON : 내비게이션 링크 폰트 굵기 */
--bs-nav-link-color: #8e9baa; --bs-nav-link-color: #8e9baa;
--bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #c7cdd4; --bs-nav-link-disabled-color: #c7cdd4;
@ -3337,7 +3349,7 @@ textarea.form-control-lg {
.navbar-nav { .navbar-nav {
--bs-nav-link-padding-x: 0; --bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem; --bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ; /*--bs-nav-link-font-weight: ;*/ /* OPITON : 내비게이션 링크 폰트 굵기 */
--bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@ -3408,7 +3420,7 @@ textarea.form-control-lg {
} }
.navbar-nav-scroll { .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh); max-height: 75vh;
overflow-y: auto; overflow-y: auto;
} }
@ -3716,9 +3728,9 @@ textarea.form-control-lg {
--bs-card-cap-padding-y: 1.5rem; --bs-card-cap-padding-y: 1.5rem;
--bs-card-cap-padding-x: 1.5rem; --bs-card-cap-padding-x: 1.5rem;
--bs-card-cap-bg: transparent; --bs-card-cap-bg: transparent;
--bs-card-cap-color: ; /*--bs-card-cap-color: ;*/ /* OPITON : 카드 헤더,푸터 색상 */
--bs-card-height: ; /*--bs-card-height: ;*/ /* OPITON : 카드 높이 */
--bs-card-color: ; /*--bs-card-color: ;*/ /* OPITON : 카드 색상 */
--bs-card-bg: #fff; --bs-card-bg: #fff;
--bs-card-img-overlay-padding: 1.5rem; --bs-card-img-overlay-padding: 1.5rem;
--bs-card-group-margin: 0.8125rem; --bs-card-group-margin: 0.8125rem;
@ -3726,7 +3738,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
height: var(--bs-card-height); /*height: var(--bs-card-height);*/
word-wrap: break-word; word-wrap: break-word;
background-color: var(--bs-card-bg); background-color: var(--bs-card-bg);
background-clip: border-box; background-clip: border-box;
@ -3759,7 +3771,7 @@ textarea.form-control-lg {
.card-body { .card-body {
flex: 1 1 auto; flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color); /*color: var(--bs-card-color);*/
} }
.card-title { .card-title {
@ -3782,7 +3794,7 @@ textarea.form-control-lg {
.card-header { .card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0; margin-bottom: 0;
color: var(--bs-card-cap-color); /*color: var(--bs-card-cap-color);*/
background-color: var(--bs-card-cap-bg); background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
} }
@ -3792,7 +3804,7 @@ textarea.form-control-lg {
.card-footer { .card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color); /*color: var(--bs-card-cap-color);*/
background-color: var(--bs-card-cap-bg); background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
} }
@ -4026,7 +4038,7 @@ textarea.form-control-lg {
--bs-breadcrumb-padding-y: 0; --bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: transparent; --bs-breadcrumb-bg: transparent;
--bs-breadcrumb-border-radius: ; --bs-breadcrumb-border-radius: 0.25rem;
--bs-breadcrumb-divider-color: #a1acb8; --bs-breadcrumb-divider-color: #a1acb8;
--bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #697a8d; --bs-breadcrumb-item-active-color: #697a8d;
@ -4034,7 +4046,6 @@ textarea.form-control-lg {
flex-wrap: wrap; flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom); margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none; list-style: none;
background-color: var(--bs-breadcrumb-bg); background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius); border-radius: var(--bs-breadcrumb-border-radius);
@ -4536,7 +4547,7 @@ textarea.form-control-lg {
--bs-toast-spacing: 1.25rem; --bs-toast-spacing: 1.25rem;
--bs-toast-max-width: 350px; --bs-toast-max-width: 350px;
--bs-toast-font-size: 0.9375rem; --bs-toast-font-size: 0.9375rem;
--bs-toast-color: ; /*--bs-toast-color: ;*/ /* OPITON : 토스트 색상 */
--bs-toast-bg: #fff; --bs-toast-bg: #fff;
--bs-toast-border-width: 0; --bs-toast-border-width: 0;
--bs-toast-border-color: rgba(67, 89, 113, 0.1); --bs-toast-border-color: rgba(67, 89, 113, 0.1);
@ -4548,7 +4559,7 @@ textarea.form-control-lg {
width: var(--bs-toast-max-width); width: var(--bs-toast-max-width);
max-width: 100%; max-width: 100%;
font-size: var(--bs-toast-font-size); font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color); /*color: var(--bs-toast-color);*/
pointer-events: auto; pointer-events: auto;
background-color: var(--bs-toast-bg); background-color: var(--bs-toast-bg);
background-clip: padding-box; background-clip: padding-box;
@ -4567,7 +4578,6 @@ textarea.form-control-lg {
--bs-toast-zindex: 1095; --bs-toast-zindex: 1095;
position: absolute; position: absolute;
z-index: var(--bs-toast-zindex); z-index: var(--bs-toast-zindex);
width: -moz-max-content;
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
pointer-events: none; pointer-events: none;
@ -4602,7 +4612,7 @@ textarea.form-control-lg {
--bs-modal-width: 35rem; --bs-modal-width: 35rem;
--bs-modal-padding: 1.5rem; --bs-modal-padding: 1.5rem;
--bs-modal-margin: 1.5rem; --bs-modal-margin: 1.5rem;
--bs-modal-color: ; /*--bs-modal-color: ;*/ /* OPITON : 모달 색상 */
--bs-modal-bg: #fff; --bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 0px; --bs-modal-border-width: 0px;
@ -4616,7 +4626,7 @@ textarea.form-control-lg {
--bs-modal-header-border-width: 0px; --bs-modal-header-border-width: 0px;
--bs-modal-title-line-height: 1.53; --bs-modal-title-line-height: 1.53;
--bs-modal-footer-gap: 0.5rem; --bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ; /*--bs-modal-footer-bg: ;*/ /* 모달 푸터 배경 */
--bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 0px; --bs-modal-footer-border-width: 0px;
position: fixed; position: fixed;
@ -4675,7 +4685,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
color: var(--bs-modal-color); /*color: var(--bs-modal-color);*/
pointer-events: auto; pointer-events: auto;
background-color: var(--bs-modal-bg); background-color: var(--bs-modal-bg);
background-clip: padding-box; background-clip: padding-box;
@ -4736,7 +4746,7 @@ textarea.form-control-lg {
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
background-color: var(--bs-modal-footer-bg); /*background-color: var(--bs-modal-footer-bg);*/
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius);
@ -4894,7 +4904,7 @@ textarea.form-control-lg {
--bs-tooltip-max-width: 200px; --bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.7rem; --bs-tooltip-padding-x: 0.7rem;
--bs-tooltip-padding-y: 0.25rem; --bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ; /*--bs-tooltip-margin: ;*/ /* OPITON : 툴팁 마진 */
--bs-tooltip-font-size: 0.9375rem; --bs-tooltip-font-size: 0.9375rem;
--bs-tooltip-color: #fff; --bs-tooltip-color: #fff;
--bs-tooltip-bg: #233446; --bs-tooltip-bg: #233446;
@ -4905,7 +4915,7 @@ textarea.form-control-lg {
z-index: var(--bs-tooltip-zindex); z-index: var(--bs-tooltip-zindex);
display: block; display: block;
padding: var(--bs-tooltip-arrow-height); padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin); /*margin: var(--bs-tooltip-margin);*/
font-family: var(--bs-font-sans-serif); font-family: var(--bs-font-sans-serif);
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@ -5421,7 +5431,7 @@ textarea.form-control-lg {
--bs-offcanvas-height: 30vh; --bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1.5rem; --bs-offcanvas-padding-x: 1.5rem;
--bs-offcanvas-padding-y: 1.5rem; --bs-offcanvas-padding-y: 1.5rem;
--bs-offcanvas-color: ; /*--bs-offcanvas-color: ;*/
--bs-offcanvas-bg: #fff; --bs-offcanvas-bg: #fff;
--bs-offcanvas-border-width: 0px; --bs-offcanvas-border-width: 0px;
--bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-border-color: var(--bs-border-color-translucent);
@ -5436,7 +5446,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -5524,7 +5534,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -5612,7 +5622,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -5700,7 +5710,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -5788,7 +5798,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -5875,7 +5885,7 @@ textarea.form-control-lg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
color: var(--bs-offcanvas-color); /*color: var(--bs-offcanvas-color);*/
visibility: hidden; visibility: hidden;
background-color: var(--bs-offcanvas-bg); background-color: var(--bs-offcanvas-bg);
background-clip: padding-box; background-clip: padding-box;
@ -8018,8 +8028,7 @@ button:focus-visible {
} }
.nav-scrollable { .nav-scrollable {
display: -webkit-inline-box; display: inline-block;
display: -moz-inline-box;
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -9205,7 +9214,7 @@ button:focus-visible {
color: #b4bdc6; color: #b4bdc6;
} }
.form-floating > .form-control:not(:-moz-placeholder-shown)::placeholder { .form-floating > .form-control:not(:placeholder-shown)::placeholder {
color: #b4bdc6; color: #b4bdc6;
} }
@ -15465,7 +15474,7 @@ body {
} }
.img-thumbnail-zoom-in img { .img-thumbnail-zoom-in img {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
transform: translate3d(0); transform: translate3d(0,0,0);
} }
.img-thumbnail-zoom-in .img-thumbnail-content { .img-thumbnail-zoom-in .img-thumbnail-content {
transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6);

Write Preview
Loading…
Cancel
Save