1
0
mirror of https://github.com/muety/wakapi.git synced 2023-08-10 21:12:56 +03:00

fix: use compatible tailwind version

This commit is contained in:
Ferdinand Mütsch
2021-02-21 13:02:01 +01:00
parent 16af17fc37
commit 81d3251856
4 changed files with 105565 additions and 261 deletions

105251
static/assets/vendor/tailwind.css vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -1,104 +1,97 @@
/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/* Document
========================================================================== */
/**
Use a better box model (opinionated).
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/* Sections
========================================================================== */
/**
Remove the margin in all browsers.
*/
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
* Render the `main` element consistently in IE.
*/
body {
font-family:
system-ui,
-apple-system, /* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
main {
display: block;
}
/*
Grouping content
================
*/
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
color: inherit; /* 2 */
overflow: visible; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
Add the correct font weight in Edge and Safari.
*/
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
@@ -106,35 +99,29 @@ strong {
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
@@ -152,30 +139,24 @@ sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/* Embedded content
========================================================================== */
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
* Remove the border on images inside links in IE 10.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
img {
border-style: none;
}
/*
Forms
=====
*/
/* Forms
========================================================================== */
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
@@ -189,9 +170,19 @@ textarea {
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
@@ -199,75 +190,145 @@ select { /* 1 */
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='submit'] {
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
* Remove the inner border and padding in Firefox.
*/
/**
Restore the focus styles unset by the previous rule.
*/
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
/* Interactive
========================================================================== */
/*
Interactive
===========
*/
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
Add the correct display in Chrome and Safari.
*/
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
@@ -333,20 +394,10 @@ ul {
*/
html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
line-height: 1.5; /* 2 */
}
/**
* Inherit font-family and line-height from `html` so users can set them as
* a class directly on the `html` element.
*/
body {
font-family: inherit;
line-height: inherit;
}
/**
* 1. Prevent padding and border from affecting element width.
*
@@ -379,7 +430,7 @@ body {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
border-color: #e2e8f0; /* 2 */
}
/*
@@ -408,20 +459,17 @@ textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #a0aec0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
input::-moz-placeholder, textarea::-moz-placeholder {
color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
color: #a0aec0;
}
button {
@@ -481,7 +529,7 @@ pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
@@ -517,46 +565,46 @@ video {
height: auto;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-1 > :not(template) ~ :not(template) {
--space-x-reverse: 0;
margin-right: calc(0.25rem * var(--space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-2 > :not(template) ~ :not(template) {
--space-x-reverse: 0;
margin-right: calc(0.5rem * var(--space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
.space-y-4 > :not(template) ~ :not(template) {
--space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
margin-bottom: calc(1rem * var(--space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-4 > :not(template) ~ :not(template) {
--space-x-reverse: 0;
margin-right: calc(1rem * var(--space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
.space-y-8 > :not(template) ~ :not(template) {
--space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
margin-bottom: calc(2rem * var(--space-y-reverse));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-8 > :not(template) ~ :not(template) {
--space-x-reverse: 0;
margin-right: calc(2rem * var(--space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
appearance: none;
}
.bg-transparent {
@@ -564,78 +612,93 @@ video {
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #2d3748;
background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #1a202c;
background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #f56565;
background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #48bb78;
background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.bg-green-700 {
--tw-bg-opacity: 1;
background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #2f855a;
background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.hover\:bg-red-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #e53e3e;
background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.hover\:bg-green-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #2f855a;
background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.hover\:bg-green-800:hover {
--tw-bg-opacity: 1;
background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #276749;
background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.focus\:bg-gray-700:focus {
--tw-bg-opacity: 1;
background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
--bg-opacity: 1;
background-color: #4a5568;
background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.border-gray-700 {
--tw-border-opacity: 1;
border-color: rgba(55, 65, 81, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #4a5568;
border-color: rgba(74, 85, 104, var(--border-opacity));
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgba(239, 68, 68, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #f56565;
border-color: rgba(245, 101, 101, var(--border-opacity));
}
.border-green-700 {
--tw-border-opacity: 1;
border-color: rgba(4, 120, 87, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #2f855a;
border-color: rgba(47, 133, 90, var(--border-opacity));
}
.border-green-800 {
--tw-border-opacity: 1;
border-color: rgba(6, 95, 70, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #276749;
border-color: rgba(39, 103, 73, var(--border-opacity));
}
.hover\:border-red-600:hover {
--tw-border-opacity: 1;
border-color: rgba(220, 38, 38, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #e53e3e;
border-color: rgba(229, 62, 62, var(--border-opacity));
}
.focus\:border-gray-500:focus {
--tw-border-opacity: 1;
border-color: rgba(107, 114, 128, var(--tw-border-opacity));
--border-opacity: 1;
border-color: #a0aec0;
border-color: rgba(160, 174, 192, var(--border-opacity));
}
.rounded-sm {
@@ -702,10 +765,6 @@ video {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.items-center {
align-items: center;
}
@@ -743,7 +802,7 @@ video {
}
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-normal {
@@ -764,32 +823,26 @@ video {
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.list-inside {
@@ -801,7 +854,7 @@ video {
}
.m-0 {
margin: 0px;
margin: 0;
}
.m-2 {
@@ -1040,34 +1093,19 @@ video {
}
.top-0 {
top: 0px;
top: 0;
}
.right-0 {
right: 0px;
}
* {
--tw-shadow: 0 0 #0000;
right: 0;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
* {
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.text-left {
@@ -1079,33 +1117,39 @@ video {
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
--text-opacity: 1;
color: #e2e8f0;
color: rgba(226, 232, 240, var(--text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity));
--text-opacity: 1;
color: #cbd5e0;
color: rgba(203, 213, 224, var(--text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity));
--text-opacity: 1;
color: #a0aec0;
color: rgba(160, 174, 192, var(--text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgba(55, 65, 81, var(--tw-text-opacity));
--text-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--text-opacity));
}
.text-green-700 {
--tw-text-opacity: 1;
color: rgba(4, 120, 87, var(--tw-text-opacity));
--text-opacity: 1;
color: #2f855a;
color: rgba(47, 133, 90, var(--text-opacity));
}
.italic {
@@ -1125,7 +1169,12 @@ video {
-moz-osx-font-smoothing: grayscale;
}
.whitespace-no-wrap {
white-space: nowrap;
}
.break-words {
word-wrap: break-word;
overflow-wrap: break-word;
}