Skip to content

Commit

Permalink
feat: support tailwindcss 3 (#28)
Browse files Browse the repository at this point in the history
* feat: support tailwindcss 3

* feat: support tailwindcss 3

* fix: tailwindcss 3 support

* refactor: rename `flex-shrink` to `shrink`
  • Loading branch information
vltansky committed Dec 13, 2021
1 parent 942f3b4 commit 888a087
Show file tree
Hide file tree
Showing 12 changed files with 93 additions and 379 deletions.
6 changes: 3 additions & 3 deletions kitchen-sink/react/pages/Toast.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ export default function ToastPage() {
</Button>
}
>
<div className="flex-shrink">Hello this is left toast!</div>
<div className="shrink">Hello this is left toast!</div>
</Toast>
<Toast
position="center"
Expand All @@ -49,7 +49,7 @@ export default function ToastPage() {
</Button>
}
>
<div className="flex-shrink">Hello this is center toast!</div>
<div className="shrink">Hello this is center toast!</div>
</Toast>
<Toast
position="right"
Expand All @@ -60,7 +60,7 @@ export default function ToastPage() {
</Button>
}
>
<div className="flex-shrink">Hello this is right toast!</div>
<div className="shrink">Hello this is right toast!</div>
</Toast>
<p>
Toasts provide brief feedback about an operation through a message on
Expand Down
6 changes: 3 additions & 3 deletions kitchen-sink/vue/pages/Toast.vue
Original file line number Diff line number Diff line change
Expand Up @@ -13,23 +13,23 @@
Close
</twm-button>
</template>
<div class="flex-shrink">Hello this is left toast!</div>
<div class="shrink">Hello this is left toast!</div>
</twm-toast>
<twm-toast position="center" :opened="opened.center">
<template #button>
<twm-button clear inline @click="() => (opened.center = false)">
Close
</twm-button>
</template>
<div class="flex-shrink">Hello this is center toast!</div>
<div class="shrink">Hello this is center toast!</div>
</twm-toast>
<twm-toast position="right" :opened="opened.right">
<template #button>
<twm-button clear inline @click="() => (opened.right = false)">
Close
</twm-button>
</template>
<div class="flex-shrink">Hello this is right toast!</div>
<div class="shrink">Hello this is right toast!</div>
</twm-toast>
<p>
Toasts provide brief feedback about an operation through a message on
Expand Down
Loading

0 comments on commit 888a087

Please sign in to comment.