slight css changes

This commit is contained in:
mst 2024-11-26 15:24:52 +03:00
parent 219269f090
commit 70eb8dba0b

View file

@ -30,7 +30,7 @@
--bs-danger: #e06672; --bs-danger: #e06672;
--bs-danger-rgb: 224, 102, 114; --bs-danger-rgb: 224, 102, 114;
--bs-danger-bg-subtle: #2c0b0e; --bs-danger-bg-subtle: #2c0b0e;
--bs-link-color: color-mix(in srgb, var(--bs-primary) 55%, white); --bs-link-color: color-mix(in srgb, var(--bs-primary), white);
--bs-link-hover-color: color-mix(in srgb, var(--bs-primary) 80%, white); --bs-link-hover-color: color-mix(in srgb, var(--bs-primary) 80%, white);
--bs-basic-btn-hover-bg:color-mix(in srgb, var(--bs-body-bg) 95%, white); --bs-basic-btn-hover-bg:color-mix(in srgb, var(--bs-body-bg) 95%, white);
--bs-basic-btn-hover-bg-strong: color-mix(in srgb, var(--bs-body-bg) 90%, white); --bs-basic-btn-hover-bg-strong: color-mix(in srgb, var(--bs-body-bg) 90%, white);
@ -148,6 +148,19 @@
background-color: var(--bs-btn-active-bg) !important; background-color: var(--bs-btn-active-bg) !important;
} }
.btn-close {
--bs-btn-close-bg: none;
}
.modal {
--bs-modal-padding: 1.3rem;
--bs-modal-header-padding: 1.3rem;
}
.modal.fade .modal-dialog {
transition: transform .2s ease-out;
}
[data-bs-theme=light] .nav-link, a { [data-bs-theme=light] .nav-link, a {
color: var(--bs-link-color); color: var(--bs-link-color);
} }
@ -196,8 +209,7 @@ a:hover {
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
.dropdown-item { .dropdown-item {
padding-left: .6em; padding: .25em .6em;
padding-right: .6em;
} }
.bg-hover-danger.dropdown-item:hover { .bg-hover-danger.dropdown-item:hover {
@ -213,9 +225,9 @@ a:hover {
} }
.form-control:focus, .form-check-input:focus, .form-control:focus, .form-check-input:focus,
.accordion-button:focus, .btn:focus-visible { .accordion-button:focus, .btn:focus-visible, .form-select:focus {
box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--bs-primary) 25%, transparent); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
border-color: color-mix(in srgb, var(--bs-primary), transparent); border-color: color-mix(in srgb, var(--bs-primary) 80%, transparent);
outline: 0; outline: 0;
} }
@ -329,3 +341,20 @@ a:hover {
.scale-parent .scale-child { .scale-parent .scale-child {
transition: .2s; transition: .2s;
} }
.badge {
--bs-badge-padding-x: 0.5em;
--bs-badge-padding-y: 0.25em;
}
@media screen and (max-width: 800px) {
.dropdown-item {
padding: .4em .6em;
}
}
@media screen and (max-width: 991px) {
.fs-mob-5 {
font-size: 1.25rem !important;
}
}