disable tailwind preflight
This commit is contained in:
Anantha Kumaran
parent
2a71100ba6
commit
dc6ff5d8d7
|
|
@ -1,4 +1,4 @@
|
|||
@import "./tw-base.scss";
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
</script>
|
||||
|
||||
{#if allowed.max > 1}
|
||||
<div>
|
||||
<div class="mb-1">{label}</div>
|
||||
<div class="m-1">
|
||||
<div class="is-size-7">{label}</div>
|
||||
<input
|
||||
type="range"
|
||||
bind:value
|
||||
|
|
@ -17,7 +17,10 @@
|
|||
class="du-range du-range-xs"
|
||||
step={1}
|
||||
/>
|
||||
<div class="is-size-7 is-flex is-justify-content-space-between">
|
||||
<div
|
||||
class="is-size-7 is-flex is-justify-content-space-between has-text-grey"
|
||||
style="margin-top: -3px"
|
||||
>
|
||||
{#each _.range(allowed.min, allowed.max + 1) as i}
|
||||
<span>{i}</span>
|
||||
{/each}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
import BoxedTabs from "./BoxedTabs.svelte";
|
||||
import MonthPicker from "./MonthPicker.svelte";
|
||||
import Logo from "./Logo.svelte";
|
||||
import MaxDepthSelector from "./MaxDepthSelector.svelte";
|
||||
import InputRange from "./InputRange.svelte";
|
||||
export let isBurger: boolean = null;
|
||||
|
||||
onMount(async () => {
|
||||
|
|
@ -286,13 +286,13 @@
|
|||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu" id="dropdown-menu4" role="menu">
|
||||
<div class="dropdown-content px-3 py-2">
|
||||
<MaxDepthSelector
|
||||
<div class="dropdown-content px-2 py-2">
|
||||
<InputRange
|
||||
label="Expenses"
|
||||
bind:value={$cashflowExpenseDepth}
|
||||
allowed={$cashflowExpenseDepthAllowed}
|
||||
/>
|
||||
<MaxDepthSelector
|
||||
<InputRange
|
||||
label="Income"
|
||||
bind:value={$cashflowIncomeDepth}
|
||||
allowed={$cashflowIncomeDepthAllowed}
|
||||
|
|
|
|||
250
src/tw-base.scss
250
src/tw-base.scss
|
|
@ -1,250 +0,0 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--pf: 259 94% 44%;
|
||||
--sf: 314 100% 40%;
|
||||
--af: 174 75% 39%;
|
||||
--nf: 214 20% 14%;
|
||||
--in: 198 93% 60%;
|
||||
--su: 158 64% 52%;
|
||||
--wa: 43 96% 56%;
|
||||
--er: 0 91% 71%;
|
||||
--inc: 198 100% 12%;
|
||||
--suc: 158 100% 10%;
|
||||
--wac: 43 100% 11%;
|
||||
--erc: 0 100% 14%;
|
||||
--rounded-box: 1rem;
|
||||
--rounded-btn: 0.5rem;
|
||||
--rounded-badge: 1.9rem;
|
||||
--animation-btn: 0.25s;
|
||||
--animation-input: 0.2s;
|
||||
--btn-text-case: uppercase;
|
||||
--btn-focus-scale: 0.95;
|
||||
--border-btn: 1px;
|
||||
--tab-border: 1px;
|
||||
--tab-radius: 0.5rem;
|
||||
--p: 259 94% 51%;
|
||||
--pc: 259 96% 91%;
|
||||
--s: 314 100% 47%;
|
||||
--sc: 314 100% 91%;
|
||||
--a: 174 75% 46%;
|
||||
--ac: 174 75% 11%;
|
||||
--n: 214 20% 21%;
|
||||
--nc: 212 19% 87%;
|
||||
--b1: 0 0% 100%;
|
||||
--b2: 0 0% 95%;
|
||||
--b3: 180 2% 90%;
|
||||
--bc: 215 28% 17%;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--pf: 262 80% 43%;
|
||||
--sf: 316 70% 43%;
|
||||
--af: 175 70% 34%;
|
||||
--in: 198 93% 60%;
|
||||
--su: 158 64% 52%;
|
||||
--wa: 43 96% 56%;
|
||||
--er: 0 91% 71%;
|
||||
--inc: 198 100% 12%;
|
||||
--suc: 158 100% 10%;
|
||||
--wac: 43 100% 11%;
|
||||
--erc: 0 100% 14%;
|
||||
--rounded-box: 1rem;
|
||||
--rounded-btn: 0.5rem;
|
||||
--rounded-badge: 1.9rem;
|
||||
--animation-btn: 0.25s;
|
||||
--animation-input: 0.2s;
|
||||
--btn-text-case: uppercase;
|
||||
--btn-focus-scale: 0.95;
|
||||
--border-btn: 1px;
|
||||
--tab-border: 1px;
|
||||
--tab-radius: 0.5rem;
|
||||
--p: 262 80% 50%;
|
||||
--pc: 0 0% 100%;
|
||||
--s: 316 70% 50%;
|
||||
--sc: 0 0% 100%;
|
||||
--a: 175 70% 41%;
|
||||
--ac: 0 0% 100%;
|
||||
--n: 213 18% 20%;
|
||||
--nf: 212 17% 17%;
|
||||
--nc: 220 13% 69%;
|
||||
--b1: 212 18% 14%;
|
||||
--b2: 213 18% 12%;
|
||||
--b3: 213 18% 10%;
|
||||
--bc: 220 13% 69%;
|
||||
}
|
||||
}
|
||||
[data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--pf: 259 94% 44%;
|
||||
--sf: 314 100% 40%;
|
||||
--af: 174 75% 39%;
|
||||
--nf: 214 20% 14%;
|
||||
--in: 198 93% 60%;
|
||||
--su: 158 64% 52%;
|
||||
--wa: 43 96% 56%;
|
||||
--er: 0 91% 71%;
|
||||
--inc: 198 100% 12%;
|
||||
--suc: 158 100% 10%;
|
||||
--wac: 43 100% 11%;
|
||||
--erc: 0 100% 14%;
|
||||
--rounded-box: 1rem;
|
||||
--rounded-btn: 0.5rem;
|
||||
--rounded-badge: 1.9rem;
|
||||
--animation-btn: 0.25s;
|
||||
--animation-input: 0.2s;
|
||||
--btn-text-case: uppercase;
|
||||
--btn-focus-scale: 0.95;
|
||||
--border-btn: 1px;
|
||||
--tab-border: 1px;
|
||||
--tab-radius: 0.5rem;
|
||||
--p: 259 94% 51%;
|
||||
--pc: 259 96% 91%;
|
||||
--s: 314 100% 47%;
|
||||
--sc: 314 100% 91%;
|
||||
--a: 174 75% 46%;
|
||||
--ac: 174 75% 11%;
|
||||
--n: 214 20% 21%;
|
||||
--nc: 212 19% 87%;
|
||||
--b1: 0 0% 100%;
|
||||
--b2: 0 0% 95%;
|
||||
--b3: 180 2% 90%;
|
||||
--bc: 215 28% 17%;
|
||||
}
|
||||
[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--pf: 262 80% 43%;
|
||||
--sf: 316 70% 43%;
|
||||
--af: 175 70% 34%;
|
||||
--in: 198 93% 60%;
|
||||
--su: 158 64% 52%;
|
||||
--wa: 43 96% 56%;
|
||||
--er: 0 91% 71%;
|
||||
--inc: 198 100% 12%;
|
||||
--suc: 158 100% 10%;
|
||||
--wac: 43 100% 11%;
|
||||
--erc: 0 100% 14%;
|
||||
--rounded-box: 1rem;
|
||||
--rounded-btn: 0.5rem;
|
||||
--rounded-badge: 1.9rem;
|
||||
--animation-btn: 0.25s;
|
||||
--animation-input: 0.2s;
|
||||
--btn-text-case: uppercase;
|
||||
--btn-focus-scale: 0.95;
|
||||
--border-btn: 1px;
|
||||
--tab-border: 1px;
|
||||
--tab-radius: 0.5rem;
|
||||
--p: 262 80% 50%;
|
||||
--pc: 0 0% 100%;
|
||||
--s: 316 70% 50%;
|
||||
--sc: 0 0% 100%;
|
||||
--a: 175 70% 41%;
|
||||
--ac: 0 0% 100%;
|
||||
--n: 213 18% 20%;
|
||||
--nf: 212 17% 17%;
|
||||
--nc: 220 13% 69%;
|
||||
--b1: 212 18% 14%;
|
||||
--b2: 213 18% 12%;
|
||||
--b3: 213 18% 10%;
|
||||
--bc: 220 13% 69%;
|
||||
}
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-gradient-from-position: ;
|
||||
--tw-gradient-via-position: ;
|
||||
--tw-gradient-to-position: ;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246 / 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
}
|
||||
::backdrop {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-gradient-from-position: ;
|
||||
--tw-gradient-via-position: ;
|
||||
--tw-gradient-to-position: ;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246 / 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
}
|
||||
|
|
@ -1,5 +1,8 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
corePlugins: {
|
||||
preflight: false
|
||||
},
|
||||
content: ["./src/**/*.{html,js,svelte,ts}"],
|
||||
theme: {
|
||||
extend: {}
|
||||
|
|
|
|||
Loading…
Reference in New Issue