mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-26 14:21:13 +00:00
fix(UI): Make max-width wider, and make sidebar narrower on wide screens #1536
This commit is contained in:
Jay Sitter
parent
2787114482
commit
71b7375773
12 changed files with 309 additions and 544 deletions
|
|
@ -198,8 +198,7 @@ blockquote {
|
|||
|
||||
.thumbnail {
|
||||
object-fit: cover;
|
||||
min-height: 60px;
|
||||
max-height: 80px;
|
||||
aspect-ratio: 4/3;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,2 @@
|
|||
$link-decoration: none;
|
||||
$min-contrast-ratio: 3;
|
||||
|
||||
$container-max-widths: (
|
||||
lg: 1140px,
|
||||
);
|
||||
|
|
|
|||
|
|
@ -309,10 +309,8 @@ p {
|
|||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
|
|
@ -2131,8 +2129,6 @@ progress {
|
|||
background-color: #444;
|
||||
background-clip: padding-box;
|
||||
border: var(--bs-border-width) solid #222;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: var(--bs-border-radius);
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
|
|
@ -2164,10 +2160,6 @@ progress {
|
|||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.form-control::-moz-placeholder {
|
||||
color: var(--bs-secondary-color);
|
||||
opacity: 1;
|
||||
}
|
||||
.form-control::placeholder {
|
||||
color: var(--bs-secondary-color);
|
||||
opacity: 1;
|
||||
|
|
@ -2179,7 +2171,6 @@ progress {
|
|||
.form-control::file-selector-button {
|
||||
padding: 0.375rem 0.75rem;
|
||||
margin: -0.375rem -0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
color: #fff;
|
||||
background-color: var(--bs-tertiary-bg);
|
||||
|
|
@ -2228,7 +2219,6 @@ progress {
|
|||
.form-control-sm::file-selector-button {
|
||||
padding: 0.25rem 0.5rem;
|
||||
margin: -0.25rem -0.5rem;
|
||||
-webkit-margin-end: 0.5rem;
|
||||
margin-inline-end: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -2241,7 +2231,6 @@ progress {
|
|||
.form-control-lg::file-selector-button {
|
||||
padding: 0.5rem 1rem;
|
||||
margin: -0.5rem -1rem;
|
||||
-webkit-margin-end: 1rem;
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -2295,8 +2284,6 @@ textarea.form-control-lg {
|
|||
border: var(--bs-border-width) solid #222;
|
||||
border-radius: var(--bs-border-radius);
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
@ -2375,10 +2362,7 @@ textarea.form-control-lg {
|
|||
background-position: center;
|
||||
background-size: contain;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
.form-check-input[type=checkbox] {
|
||||
|
|
@ -2478,8 +2462,6 @@ textarea.form-control-lg {
|
|||
height: 1.5rem;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.form-range:focus {
|
||||
|
|
@ -2501,14 +2483,11 @@ textarea.form-control-lg {
|
|||
background-color: #00bc8c;
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.form-range::-webkit-slider-thumb {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -2530,14 +2509,11 @@ textarea.form-control-lg {
|
|||
background-color: #00bc8c;
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.form-range::-moz-range-thumb {
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -2598,17 +2574,10 @@ textarea.form-control-lg {
|
|||
.form-floating > .form-control-plaintext {
|
||||
padding: 1rem 0.75rem;
|
||||
}
|
||||
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
.form-floating > .form-control::placeholder,
|
||||
.form-floating > .form-control-plaintext::placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
|
||||
padding-top: 1.625rem;
|
||||
padding-bottom: 0.625rem;
|
||||
}
|
||||
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
|
||||
.form-floating > .form-control-plaintext:focus,
|
||||
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
|
||||
|
|
@ -2624,10 +2593,6 @@ textarea.form-control-lg {
|
|||
padding-top: 1.625rem;
|
||||
padding-bottom: 0.625rem;
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
|
||||
color: rgba(var(--bs-body-color-rgb), 0.65);
|
||||
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
||||
}
|
||||
.form-floating > .form-control:focus ~ label,
|
||||
.form-floating > .form-control:not(:placeholder-shown) ~ label,
|
||||
.form-floating > .form-control-plaintext ~ label,
|
||||
|
|
@ -2635,15 +2600,6 @@ textarea.form-control-lg {
|
|||
color: rgba(var(--bs-body-color-rgb), 0.65);
|
||||
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
|
||||
position: absolute;
|
||||
inset: 1rem 0.375rem;
|
||||
z-index: -1;
|
||||
height: 1.5em;
|
||||
content: "";
|
||||
background-color: #444;
|
||||
border-radius: var(--bs-border-radius);
|
||||
}
|
||||
.form-floating > .form-control:focus ~ label::after,
|
||||
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
|
||||
.form-floating > .form-control-plaintext ~ label::after,
|
||||
|
|
@ -2967,8 +2923,6 @@ textarea.form-control-lg {
|
|||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
|
||||
border-radius: var(--bs-btn-border-radius);
|
||||
|
|
@ -5354,8 +5308,6 @@ textarea.form-control-lg {
|
|||
}
|
||||
.btn-close:disabled, .btn-close.disabled {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
opacity: var(--bs-btn-close-disabled-opacity);
|
||||
}
|
||||
|
|
@ -5406,7 +5358,6 @@ textarea.form-control-lg {
|
|||
--bs-toast-zindex: 1090;
|
||||
position: absolute;
|
||||
z-index: var(--bs-toast-zindex);
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
pointer-events: none;
|
||||
|
|
@ -6307,8 +6258,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6316,8 +6265,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6327,8 +6274,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6337,13 +6282,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6395,8 +6336,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6404,8 +6343,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6415,8 +6352,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6425,13 +6360,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6483,8 +6414,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6492,8 +6421,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6503,8 +6430,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6513,13 +6438,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6571,8 +6492,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6580,8 +6499,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6591,8 +6508,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6601,13 +6516,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6659,8 +6570,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6668,8 +6577,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6679,8 +6586,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6689,13 +6594,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6850,16 +6751,13 @@ textarea.form-control-lg {
|
|||
}
|
||||
}
|
||||
.placeholder-wave {
|
||||
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
|
||||
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
|
||||
-webkit-mask-size: 200% 100%;
|
||||
mask-size: 200% 100%;
|
||||
animation: placeholder-wave 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes placeholder-wave {
|
||||
100% {
|
||||
-webkit-mask-position: -200% 0%;
|
||||
mask-position: -200% 0%;
|
||||
}
|
||||
}
|
||||
|
|
@ -7233,27 +7131,22 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.object-fit-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
|
||||
.object-fit-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
|
||||
.object-fit-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
|
||||
.object-fit-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
|
||||
.object-fit-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -8334,32 +8227,26 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.column-gap-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
|
||||
.column-gap-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
|
||||
.column-gap-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
|
||||
.column-gap-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
|
||||
.column-gap-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
|
||||
.column-gap-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
|
||||
|
|
@ -8916,20 +8803,14 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.user-select-all {
|
||||
-webkit-user-select: all !important;
|
||||
-moz-user-select: all !important;
|
||||
user-select: all !important;
|
||||
}
|
||||
|
||||
.user-select-auto {
|
||||
-webkit-user-select: auto !important;
|
||||
-moz-user-select: auto !important;
|
||||
user-select: auto !important;
|
||||
}
|
||||
|
||||
.user-select-none {
|
||||
-webkit-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -9196,23 +9077,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-sm-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-sm-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-sm-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-sm-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-sm-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-sm-inline {
|
||||
|
|
@ -9713,27 +9589,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-sm-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-sm-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-sm-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-sm-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-sm-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-sm-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-sm-start {
|
||||
|
|
@ -9757,23 +9627,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-md-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-md-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-md-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-md-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-md-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-md-inline {
|
||||
|
|
@ -10274,27 +10139,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-md-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-md-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-md-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-md-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-md-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-md-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-md-start {
|
||||
|
|
@ -10318,23 +10177,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-lg-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-lg-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-lg-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-lg-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-lg-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-lg-inline {
|
||||
|
|
@ -10835,27 +10689,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-lg-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-lg-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-lg-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-lg-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-lg-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-lg-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-lg-start {
|
||||
|
|
@ -10879,23 +10727,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-xl-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-xl-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-xl-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-xl-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-xl-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-xl-inline {
|
||||
|
|
@ -11396,27 +11239,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xl-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-xl-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-xl-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-xl-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-xl-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-xl-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-xl-start {
|
||||
|
|
@ -11440,23 +11277,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-xxl-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-xxl-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-xxl-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-xxl-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-xxl-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-xxl-inline {
|
||||
|
|
@ -11957,27 +11789,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xxl-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-xxl-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-xxl-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-xxl-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-xxl-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-xxl-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-xxl-start {
|
||||
|
|
@ -12038,4 +11864,6 @@ textarea.form-control-lg {
|
|||
.d-print-none {
|
||||
display: none !important;
|
||||
}
|
||||
}/*# sourceMappingURL=darkly-compact.css.map */
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=darkly-compact.css.map */
|
||||
|
|
|
|||
|
|
@ -726,7 +726,11 @@ progress {
|
|||
|
||||
.container,
|
||||
.container-fluid,
|
||||
.container-lg {
|
||||
.container-xxl,
|
||||
.container-xl,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
|
|
@ -736,11 +740,31 @@ progress {
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container-sm, .container {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container-md, .container-sm, .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
|
|
@ -3867,7 +3891,11 @@ textarea.form-control-lg {
|
|||
}
|
||||
.navbar > .container,
|
||||
.navbar > .container-fluid,
|
||||
.navbar > .container-lg {
|
||||
.navbar > .container-sm,
|
||||
.navbar > .container-md,
|
||||
.navbar > .container-lg,
|
||||
.navbar > .container-xl,
|
||||
.navbar > .container-xxl {
|
||||
display: flex;
|
||||
flex-wrap: inherit;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -726,7 +726,11 @@ progress {
|
|||
|
||||
.container,
|
||||
.container-fluid,
|
||||
.container-lg {
|
||||
.container-xxl,
|
||||
.container-xl,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
|
|
@ -736,11 +740,31 @@ progress {
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container-sm, .container {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container-md, .container-sm, .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
|
|
@ -3867,7 +3891,11 @@ textarea.form-control-lg {
|
|||
}
|
||||
.navbar > .container,
|
||||
.navbar > .container-fluid,
|
||||
.navbar > .container-lg {
|
||||
.navbar > .container-sm,
|
||||
.navbar > .container-md,
|
||||
.navbar > .container-lg,
|
||||
.navbar > .container-xl,
|
||||
.navbar > .container-xxl {
|
||||
display: flex;
|
||||
flex-wrap: inherit;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -309,10 +309,8 @@ p {
|
|||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
|
|
@ -2130,8 +2128,6 @@ progress {
|
|||
background-color: var(--bs-body-bg);
|
||||
background-clip: padding-box;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: var(--bs-border-radius);
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
|
|
@ -2163,10 +2159,6 @@ progress {
|
|||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.form-control::-moz-placeholder {
|
||||
color: var(--bs-secondary-color);
|
||||
opacity: 1;
|
||||
}
|
||||
.form-control::placeholder {
|
||||
color: var(--bs-secondary-color);
|
||||
opacity: 1;
|
||||
|
|
@ -2178,7 +2170,6 @@ progress {
|
|||
.form-control::file-selector-button {
|
||||
padding: 0.375rem 0.75rem;
|
||||
margin: -0.375rem -0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
color: var(--bs-body-color);
|
||||
background-color: var(--bs-tertiary-bg);
|
||||
|
|
@ -2227,7 +2218,6 @@ progress {
|
|||
.form-control-sm::file-selector-button {
|
||||
padding: 0.25rem 0.5rem;
|
||||
margin: -0.25rem -0.5rem;
|
||||
-webkit-margin-end: 0.5rem;
|
||||
margin-inline-end: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -2240,7 +2230,6 @@ progress {
|
|||
.form-control-lg::file-selector-button {
|
||||
padding: 0.5rem 1rem;
|
||||
margin: -0.5rem -1rem;
|
||||
-webkit-margin-end: 1rem;
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -2294,8 +2283,6 @@ textarea.form-control-lg {
|
|||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
border-radius: var(--bs-border-radius);
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
@ -2374,10 +2361,7 @@ textarea.form-control-lg {
|
|||
background-position: center;
|
||||
background-size: contain;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
.form-check-input[type=checkbox] {
|
||||
|
|
@ -2477,8 +2461,6 @@ textarea.form-control-lg {
|
|||
height: 1.5rem;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.form-range:focus {
|
||||
|
|
@ -2500,14 +2482,11 @@ textarea.form-control-lg {
|
|||
background-color: #f1641e;
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.form-range::-webkit-slider-thumb {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -2529,14 +2508,11 @@ textarea.form-control-lg {
|
|||
background-color: #f1641e;
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.form-range::-moz-range-thumb {
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -2597,17 +2573,10 @@ textarea.form-control-lg {
|
|||
.form-floating > .form-control-plaintext {
|
||||
padding: 1rem 0.75rem;
|
||||
}
|
||||
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
.form-floating > .form-control::placeholder,
|
||||
.form-floating > .form-control-plaintext::placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
|
||||
padding-top: 1.625rem;
|
||||
padding-bottom: 0.625rem;
|
||||
}
|
||||
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
|
||||
.form-floating > .form-control-plaintext:focus,
|
||||
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
|
||||
|
|
@ -2623,10 +2592,6 @@ textarea.form-control-lg {
|
|||
padding-top: 1.625rem;
|
||||
padding-bottom: 0.625rem;
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
|
||||
color: rgba(var(--bs-body-color-rgb), 0.65);
|
||||
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
||||
}
|
||||
.form-floating > .form-control:focus ~ label,
|
||||
.form-floating > .form-control:not(:placeholder-shown) ~ label,
|
||||
.form-floating > .form-control-plaintext ~ label,
|
||||
|
|
@ -2634,15 +2599,6 @@ textarea.form-control-lg {
|
|||
color: rgba(var(--bs-body-color-rgb), 0.65);
|
||||
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
||||
}
|
||||
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
|
||||
position: absolute;
|
||||
inset: 1rem 0.375rem;
|
||||
z-index: -1;
|
||||
height: 1.5em;
|
||||
content: "";
|
||||
background-color: var(--bs-body-bg);
|
||||
border-radius: var(--bs-border-radius);
|
||||
}
|
||||
.form-floating > .form-control:focus ~ label::after,
|
||||
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
|
||||
.form-floating > .form-control-plaintext ~ label::after,
|
||||
|
|
@ -2966,8 +2922,6 @@ textarea.form-control-lg {
|
|||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
|
||||
border-radius: var(--bs-btn-border-radius);
|
||||
|
|
@ -5353,8 +5307,6 @@ textarea.form-control-lg {
|
|||
}
|
||||
.btn-close:disabled, .btn-close.disabled {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
opacity: var(--bs-btn-close-disabled-opacity);
|
||||
}
|
||||
|
|
@ -5405,7 +5357,6 @@ textarea.form-control-lg {
|
|||
--bs-toast-zindex: 1090;
|
||||
position: absolute;
|
||||
z-index: var(--bs-toast-zindex);
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
pointer-events: none;
|
||||
|
|
@ -6306,8 +6257,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6315,8 +6264,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6326,8 +6273,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6336,13 +6281,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6394,8 +6335,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6403,8 +6342,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6414,8 +6351,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6424,13 +6359,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6482,8 +6413,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6491,8 +6420,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6502,8 +6429,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6512,13 +6437,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6570,8 +6491,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6579,8 +6498,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6590,8 +6507,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6600,13 +6515,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6658,8 +6569,6 @@ textarea.form-control-lg {
|
|||
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-end {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6667,8 +6576,6 @@ textarea.form-control-lg {
|
|||
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -6678,8 +6585,6 @@ textarea.form-control-lg {
|
|||
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.offcanvas-bottom {
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
|
@ -6688,13 +6593,9 @@ textarea.form-control-lg {
|
|||
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1399.98px) {
|
||||
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
@ -6849,16 +6750,13 @@ textarea.form-control-lg {
|
|||
}
|
||||
}
|
||||
.placeholder-wave {
|
||||
-webkit-mask-image: linear-gradient(130deg, #222 55%, rgba(0, 0, 0, 0.8) 75%, #222 95%);
|
||||
mask-image: linear-gradient(130deg, #222 55%, rgba(0, 0, 0, 0.8) 75%, #222 95%);
|
||||
-webkit-mask-size: 200% 100%;
|
||||
mask-size: 200% 100%;
|
||||
animation: placeholder-wave 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes placeholder-wave {
|
||||
100% {
|
||||
-webkit-mask-position: -200% 0%;
|
||||
mask-position: -200% 0%;
|
||||
}
|
||||
}
|
||||
|
|
@ -7232,27 +7130,22 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.object-fit-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
|
||||
.object-fit-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
|
||||
.object-fit-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
|
||||
.object-fit-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
|
||||
.object-fit-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -8333,32 +8226,26 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.column-gap-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
|
||||
.column-gap-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
|
||||
.column-gap-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
|
||||
.column-gap-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
|
||||
.column-gap-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
|
||||
.column-gap-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
|
||||
|
|
@ -8915,20 +8802,14 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.user-select-all {
|
||||
-webkit-user-select: all !important;
|
||||
-moz-user-select: all !important;
|
||||
user-select: all !important;
|
||||
}
|
||||
|
||||
.user-select-auto {
|
||||
-webkit-user-select: auto !important;
|
||||
-moz-user-select: auto !important;
|
||||
user-select: auto !important;
|
||||
}
|
||||
|
||||
.user-select-none {
|
||||
-webkit-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -9195,23 +9076,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-sm-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-sm-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-sm-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-sm-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-sm-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-sm-inline {
|
||||
|
|
@ -9712,27 +9588,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-sm-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-sm-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-sm-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-sm-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-sm-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-sm-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-sm-start {
|
||||
|
|
@ -9756,23 +9626,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-md-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-md-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-md-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-md-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-md-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-md-inline {
|
||||
|
|
@ -10273,27 +10138,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-md-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-md-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-md-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-md-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-md-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-md-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-md-start {
|
||||
|
|
@ -10317,23 +10176,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-lg-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-lg-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-lg-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-lg-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-lg-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-lg-inline {
|
||||
|
|
@ -10834,27 +10688,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-lg-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-lg-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-lg-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-lg-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-lg-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-lg-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-lg-start {
|
||||
|
|
@ -10878,23 +10726,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-xl-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-xl-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-xl-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-xl-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-xl-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-xl-inline {
|
||||
|
|
@ -11395,27 +11238,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xl-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-xl-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-xl-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-xl-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-xl-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-xl-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-xl-start {
|
||||
|
|
@ -11439,23 +11276,18 @@ textarea.form-control-lg {
|
|||
float: none !important;
|
||||
}
|
||||
.object-fit-xxl-contain {
|
||||
-o-object-fit: contain !important;
|
||||
object-fit: contain !important;
|
||||
}
|
||||
.object-fit-xxl-cover {
|
||||
-o-object-fit: cover !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
.object-fit-xxl-fill {
|
||||
-o-object-fit: fill !important;
|
||||
object-fit: fill !important;
|
||||
}
|
||||
.object-fit-xxl-scale {
|
||||
-o-object-fit: scale-down !important;
|
||||
object-fit: scale-down !important;
|
||||
}
|
||||
.object-fit-xxl-none {
|
||||
-o-object-fit: none !important;
|
||||
object-fit: none !important;
|
||||
}
|
||||
.d-xxl-inline {
|
||||
|
|
@ -11956,27 +11788,21 @@ textarea.form-control-lg {
|
|||
row-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xxl-0 {
|
||||
-moz-column-gap: 0 !important;
|
||||
column-gap: 0 !important;
|
||||
}
|
||||
.column-gap-xxl-1 {
|
||||
-moz-column-gap: 0.25rem !important;
|
||||
column-gap: 0.25rem !important;
|
||||
}
|
||||
.column-gap-xxl-2 {
|
||||
-moz-column-gap: 0.5rem !important;
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
.column-gap-xxl-3 {
|
||||
-moz-column-gap: 1rem !important;
|
||||
column-gap: 1rem !important;
|
||||
}
|
||||
.column-gap-xxl-4 {
|
||||
-moz-column-gap: 1.5rem !important;
|
||||
column-gap: 1.5rem !important;
|
||||
}
|
||||
.column-gap-xxl-5 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.text-xxl-start {
|
||||
|
|
@ -12037,4 +11863,6 @@ textarea.form-control-lg {
|
|||
.d-print-none {
|
||||
display: none !important;
|
||||
}
|
||||
}/*# sourceMappingURL=litely-compact.css.map */
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=litely-compact.css.map */
|
||||
|
|
|
|||
|
|
@ -725,7 +725,11 @@ progress {
|
|||
|
||||
.container,
|
||||
.container-fluid,
|
||||
.container-lg {
|
||||
.container-xxl,
|
||||
.container-xl,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
|
|
@ -735,11 +739,31 @@ progress {
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container-sm, .container {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container-md, .container-sm, .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
|
|
@ -3866,7 +3890,11 @@ textarea.form-control-lg {
|
|||
}
|
||||
.navbar > .container,
|
||||
.navbar > .container-fluid,
|
||||
.navbar > .container-lg {
|
||||
.navbar > .container-sm,
|
||||
.navbar > .container-md,
|
||||
.navbar > .container-lg,
|
||||
.navbar > .container-xl,
|
||||
.navbar > .container-xxl {
|
||||
display: flex;
|
||||
flex-wrap: inherit;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -725,7 +725,11 @@ progress {
|
|||
|
||||
.container,
|
||||
.container-fluid,
|
||||
.container-lg {
|
||||
.container-xxl,
|
||||
.container-xl,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
|
|
@ -735,11 +739,31 @@ progress {
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container-sm, .container {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container-md, .container-sm, .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
|
|
@ -3866,7 +3890,11 @@ textarea.form-control-lg {
|
|||
}
|
||||
.navbar > .container,
|
||||
.navbar > .container-fluid,
|
||||
.navbar > .container-lg {
|
||||
.navbar > .container-sm,
|
||||
.navbar > .container-md,
|
||||
.navbar > .container-lg,
|
||||
.navbar > .container-xl,
|
||||
.navbar > .container-xxl {
|
||||
display: flex;
|
||||
flex-wrap: inherit;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -317,7 +317,7 @@ export class Community extends Component<
|
|||
/>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12 col-md-8">
|
||||
<div className="col-12 col-md-8 col-lg-9">
|
||||
{this.communityInfo(res)}
|
||||
<div className="d-block d-md-none">
|
||||
<button
|
||||
|
|
@ -340,7 +340,7 @@ export class Community extends Component<
|
|||
{this.listings(res)}
|
||||
<Paginator page={page} onChange={this.handlePageChange} />
|
||||
</div>
|
||||
<div className="d-none d-md-block col-md-4">
|
||||
<div className="d-none d-md-block col-md-4 col-lg-3">
|
||||
{this.sidebar(res)}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -387,7 +387,7 @@ export class Home extends Component<any, HomeState> {
|
|||
/>
|
||||
{site_setup && (
|
||||
<div className="row">
|
||||
<main role="main" className="col-12 col-md-8">
|
||||
<main role="main" className="col-12 col-md-8 col-lg-9">
|
||||
{tagline && (
|
||||
<div
|
||||
id="tagline"
|
||||
|
|
@ -397,7 +397,7 @@ export class Home extends Component<any, HomeState> {
|
|||
<div className="d-block d-md-none">{this.mobileView}</div>
|
||||
{this.posts}
|
||||
</main>
|
||||
<aside className="d-none d-md-block col-md-4">
|
||||
<aside className="d-none d-md-block col-md-4 col-lg-3">
|
||||
{this.mySidebar}
|
||||
</aside>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1413,10 +1413,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
my_vote={this.postView.my_vote}
|
||||
/>
|
||||
)}
|
||||
<div className="col-sm-2 pe-0 post-media">
|
||||
<div className="col-sm-1 col-md-2 pe-0 post-media">
|
||||
<div className="">{this.thumbnail()}</div>
|
||||
</div>
|
||||
<div className="col-12 col-sm-9">
|
||||
<div className="col-12 col-sm-8 col-md-9 ">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
{this.postTitleLine()}
|
||||
|
|
|
|||
|
|
@ -348,7 +348,7 @@ export class Post extends Component<any, PostState> {
|
|||
const res = this.state.postRes.data;
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-12 col-md-8 mb-3">
|
||||
<div className="col-12 col-md-8 col-lg-9 mb-3">
|
||||
<HtmlTags
|
||||
title={this.documentTitle}
|
||||
path={this.context.router.route.match.url}
|
||||
|
|
@ -416,7 +416,9 @@ export class Post extends Component<any, PostState> {
|
|||
{this.state.commentViewType == CommentViewType.Flat &&
|
||||
this.commentsFlat()}
|
||||
</div>
|
||||
<div className="d-none d-md-block col-md-4">{this.sidebar()}</div>
|
||||
<div className="d-none d-md-block col-md-4 col-lg-3">
|
||||
{this.sidebar()}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue