Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

chore: remove deprecations following tailwind update

Browse source
This commit is contained in:
Brice Maron 2022-09-08 08:24:17 +02:00
parent 99a12a040b
commit 1d80b0436c
5 changed files with 340 additions and 249 deletions
Download patch file Download diff file Expand all files Collapse all files

72
index.css
View file

@ -12,43 +12,41 @@
@tailwind utilities;
@layer utilities {
@variants responsive {
.z-above-map {
z-index: 10000;
}
.z-above-map {
z-index: 10000;
}
.z-above-controls {
z-index: 10001;
}
.z-above-controls {
z-index: 10001;
}
.w-160 {
width: 40rem;
}
.w-160 {
width: 40rem;
}
.bg-subtle {
background-color: var(--subtle-detail-color);
color: var(--subtle-detail-color-contrast);
}
.bg-subtle {
background-color: var(--subtle-detail-color);
color: var(--subtle-detail-color-contrast);
}
.bg-unsubtle {
background-color: var(--unsubtle-detail-color);
color: var(--unsubtle-detail-color-contrast);
}
.bg-unsubtle {
background-color: var(--unsubtle-detail-color);
color: var(--unsubtle-detail-color-contrast);
}
.bg-catch {
background-color: var(--catch-detail-color);
color: var(--catch-detail-color-contrast);
}
.bg-catch {
background-color: var(--catch-detail-color);
color: var(--catch-detail-color-contrast);
}
.rounded-left-full {
border-bottom-left-radius: 999rem;
border-top-left-radius: 999rem;
}
.rounded-left-full {
border-bottom-left-radius: 999rem;
border-top-left-radius: 999rem;
}
.rounded-right-full {
border-bottom-right-radius: 999rem;
border-top-right-radius: 999rem;
}
.rounded-right-full {
border-bottom-right-radius: 999rem;
border-top-right-radius: 999rem;
}
}
@ -67,7 +65,7 @@
/**
* Base colour of interactive elements, mainly the 'subtle button'
*
*
*/
--subtle-detail-color: #dbeafe;
--subtle-detail-color-contrast: black;
@ -594,12 +592,12 @@ input {
}
.code {
display: inline-block;
background-color: lightgray;
padding: 0.5em;
word-break: break-word;
color: black;
box-sizing: border-box;
display: inline-block;
background-color: lightgray;
padding: 0.5em;
word-break: break-word;
color: black;
box-sizing: border-box;
}
/** Switch layout **/