diff --git a/static/css/style.css b/static/css/style.css index de3ac59..c5d50c9 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -30,7 +30,7 @@ --bs-danger: #e06672; --bs-danger-rgb: 224, 102, 114; --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-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); @@ -148,6 +148,19 @@ 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 { color: var(--bs-link-color); } @@ -196,8 +209,7 @@ a:hover { border-radius: var(--bs-border-radius); } .dropdown-item { - padding-left: .6em; - padding-right: .6em; + padding: .25em .6em; } .bg-hover-danger.dropdown-item:hover { @@ -213,9 +225,9 @@ a:hover { } .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); - border-color: color-mix(in srgb, var(--bs-primary), transparent); + border-color: color-mix(in srgb, var(--bs-primary) 80%, transparent); outline: 0; } @@ -329,3 +341,20 @@ a:hover { .scale-parent .scale-child { 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; + } +}