fix : css 변수수정 (탭 속성)

main
이범준 2 years ago
parent b2b2953ceb
commit 0ac77c1f52

@ -34,9 +34,9 @@
} }
#ifrTabs .nav-tabs{ #ifrTabs .nav-tabs{
padding-top: .3em; --bs-nav-tabs-padding-top : .3em;
padding-left: .3em; --bs-nav-tabs-padding-left : .3em;
border-radius: 3px; --bs-nav-tabs-border-radius: 0.1875rem;
--bs-nav-tabs-bg-image: linear-gradient(#8AB9DB,whitesmoke); --bs-nav-tabs-bg-image: linear-gradient(#8AB9DB,whitesmoke);
} }
#ifrTabs .nav-tabs .nav-link.active { #ifrTabs .nav-tabs .nav-link.active {

@ -3220,22 +3220,28 @@ textarea.form-control-lg {
.nav-tabs { .nav-tabs {
--bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #fff; --bs-nav-tabs-border-color: #fff;
--bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-border-radius: 0rem;
--bs-nav-tabs-link-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: rgba(67, 89, 113, 0.1); --bs-nav-tabs-link-hover-border-color: rgba(67, 89, 113, 0.1);
--bs-nav-tabs-link-active-color: #697a8d; --bs-nav-tabs-link-active-color: #697a8d;
--bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #fff; --bs-nav-tabs-link-active-border-color: #fff;
--bs-nav-tabs-bg-image : none; --bs-nav-tabs-bg-image : none;
--bs-nav-tabs-padding-top : 0rem;
--bs-nav-tabs-padding-left : 0rem;
padding-top: var(--bs-nav-tabs-padding-top);
padding-left: var(--bs-nav-tabs-padding-left);
background-image: var(--bs-nav-tabs-bg-image); background-image: var(--bs-nav-tabs-bg-image);
border-radius: var(--bs-nav-tabs-border-radius);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: none; background: none;
border: var(--bs-nav-tabs-border-width) solid transparent; border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-left-radius: var(--bs-nav-tabs-link-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-link-border-radius);
} }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate; isolation: isolate;

Loading…
Cancel
Save