refactoring(maplibre): WIP

This commit is contained in:
Pieter Vander Vennet 2023-03-24 19:21:15 +01:00
parent 231d67361e
commit 4d48b1cf2b
89 changed files with 1166 additions and 3973 deletions

View file

@ -706,24 +706,24 @@ video {
bottom: 0px;
}
.right-1\/3 {
right: 33.333333%;
}
.top-4 {
top: 1rem;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.left-0 {
left: 0px;
.right-1\/3 {
right: 33.333333%;
}
.top-4 {
top: 1rem;
}
.bottom-2 {
@ -766,10 +766,6 @@ video {
margin: 1.25rem;
}
.m-4 {
margin: 1rem;
}
.m-2 {
margin: 0.5rem;
}
@ -786,6 +782,10 @@ video {
margin: 0.75rem;
}
.m-4 {
margin: 1rem;
}
.m-1 {
margin: 0.25rem;
}
@ -827,18 +827,6 @@ video {
margin-bottom: 1rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.ml-0 {
margin-left: 0px;
}
.mr-8 {
margin-right: 2rem;
}
.mt-1 {
margin-top: 0.25rem;
}
@ -871,6 +859,10 @@ video {
margin-left: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
@ -995,10 +987,6 @@ video {
height: 100%;
}
.h-64 {
height: 16rem;
}
.h-min {
height: -webkit-min-content;
height: min-content;
@ -1024,6 +1012,14 @@ video {
height: 3rem;
}
.h-screen {
height: 100vh;
}
.h-7 {
height: 1.75rem;
}
.h-4 {
height: 1rem;
}
@ -1036,10 +1032,6 @@ video {
height: 0.75rem;
}
.h-screen {
height: 100vh;
}
.h-11 {
height: 2.75rem;
}
@ -1052,6 +1044,10 @@ video {
height: 24rem;
}
.h-64 {
height: 16rem;
}
.h-0 {
height: 0px;
}
@ -1084,14 +1080,6 @@ video {
width: 100%;
}
.w-24 {
width: 6rem;
}
.w-1\/2 {
width: 50%;
}
.w-6 {
width: 1.5rem;
}
@ -1116,6 +1104,14 @@ video {
width: 3rem;
}
.w-screen {
width: 100vw;
}
.w-7 {
width: 1.75rem;
}
.w-4 {
width: 1rem;
}
@ -1128,10 +1124,6 @@ video {
width: 0.75rem;
}
.w-screen {
width: 100vw;
}
.w-11 {
width: 2.75rem;
}
@ -1142,6 +1134,10 @@ video {
width: fit-content;
}
.w-1\/2 {
width: 50%;
}
.w-max {
width: -webkit-max-content;
width: max-content;
@ -1156,6 +1152,10 @@ video {
width: min-content;
}
.w-24 {
width: 6rem;
}
.w-auto {
width: auto;
}
@ -1189,10 +1189,6 @@ video {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.grow {
flex-grow: 1;
}
@ -1337,10 +1333,6 @@ video {
overflow: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
@ -1376,6 +1368,14 @@ video {
border-radius: 1.5rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-xl {
border-radius: 0.75rem;
}
@ -1384,22 +1384,14 @@ video {
border-radius: 0.5rem;
}
.rounded {
border-radius: 0.25rem;
.rounded-md {
border-radius: 0.375rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
@ -1409,20 +1401,16 @@ video {
border-bottom-left-radius: 0.25rem;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
.border {
border-width: 1px;
}
.border-b-4 {
border-bottom-width: 4px;
.border-4 {
border-width: 4px;
}
.border-l-4 {
@ -1455,6 +1443,11 @@ video {
border-color: rgb(219 234 254 / var(--tw-border-opacity));
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
@ -1499,11 +1492,6 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-unsubtle {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
@ -1519,11 +1507,6 @@ video {
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-indigo-100 {
--tw-bg-opacity: 1;
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@ -1534,6 +1517,11 @@ video {
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-indigo-100 {
--tw-bg-opacity: 1;
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@ -1558,14 +1546,14 @@ video {
padding: 1rem;
}
.p-2 {
padding: 0.5rem;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
@ -1602,14 +1590,6 @@ video {
padding-left: 0.75rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pb-12 {
padding-bottom: 3rem;
}
@ -1634,6 +1614,14 @@ video {
padding-bottom: 0.25rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pt-2 {
padding-top: 0.5rem;
}
@ -1686,6 +1674,10 @@ video {
text-align: center;
}
.text-justify {
text-align: justify;
}
.align-baseline {
vertical-align: baseline;
}
@ -1808,6 +1800,11 @@ video {
text-decoration-line: line-through;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-50 {
opacity: 0.5;
}
@ -1907,15 +1904,14 @@ video {
color: var(--subtle-detail-color-contrast);
}
.bg-unsubtle {
background-color: var(--unsubtle-detail-color);
color: var(--unsubtle-detail-color-contrast);
}
.\[key\:string\] {
key: string;
}
.\[_\:string\] {
_: string;
}
:root {
/* The main colour scheme of mapcomplete is configured here.
* For a custom styling, set 'customCss' in your layoutConfig and overwrite some of these.
@ -2915,10 +2911,6 @@ input {
width: 75%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-1\/6 {
width: 16.666667%;
}