mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-02-02 03:22:33 -06:00
Merge pull request #1529 from nunocoracao/1474-long-tocs-not-shown-fully
🎨 Improve UI/UX for long TOCs
This commit is contained in:
Nuno Coração
GitHub
commit
a7fa4bb102
6 changed files with 320 additions and 115 deletions
|
|
@ -655,6 +655,13 @@ select {
|
|||
outline:1px auto -webkit-focus-ring-color
|
||||
}
|
||||
|
||||
@supports (-moz-appearance:none) {
|
||||
* {
|
||||
scrollbar-color:initial;
|
||||
scrollbar-width:initial
|
||||
}
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
--tw-border-spacing-x:0;
|
||||
--tw-border-spacing-y:0;
|
||||
|
|
@ -2213,6 +2220,14 @@ select {
|
|||
overflow:visible
|
||||
}
|
||||
|
||||
.overflow-y-scroll {
|
||||
overflow-y:scroll
|
||||
}
|
||||
|
||||
.overscroll-contain {
|
||||
overscroll-behavior:contain
|
||||
}
|
||||
|
||||
.scroll-smooth {
|
||||
scroll-behavior:smooth
|
||||
}
|
||||
|
|
@ -3074,6 +3089,134 @@ select {
|
|||
transition-timing-function:linear
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-track {
|
||||
background-color:var(--scrollbar-track);
|
||||
border-radius:var(--scrollbar-track-radius)
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-track:hover {
|
||||
background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-track:active {
|
||||
background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-thumb {
|
||||
background-color:var(--scrollbar-thumb);
|
||||
border-radius:var(--scrollbar-thumb-radius)
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-thumb:active {
|
||||
background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-corner {
|
||||
background-color:var(--scrollbar-corner);
|
||||
border-radius:var(--scrollbar-corner-radius)
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-corner:hover {
|
||||
background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar-corner:active {
|
||||
background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
|
||||
}
|
||||
|
||||
@supports (-moz-appearance:none) {
|
||||
.scrollbar {
|
||||
scrollbar-width:auto;
|
||||
scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar::-webkit-scrollbar {
|
||||
display:block;
|
||||
width:var(--scrollbar-width, 16px);
|
||||
height:var(--scrollbar-height, 16px)
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-track {
|
||||
background-color:var(--scrollbar-track);
|
||||
border-radius:var(--scrollbar-track-radius)
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-track:hover {
|
||||
background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-track:active {
|
||||
background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-thumb {
|
||||
background-color:var(--scrollbar-thumb);
|
||||
border-radius:var(--scrollbar-thumb-radius)
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
|
||||
background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-thumb:active {
|
||||
background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-corner {
|
||||
background-color:var(--scrollbar-corner);
|
||||
border-radius:var(--scrollbar-corner-radius)
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-corner:hover {
|
||||
background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar-corner:active {
|
||||
background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
|
||||
}
|
||||
|
||||
@supports (-moz-appearance:none) {
|
||||
.scrollbar-thin {
|
||||
scrollbar-width:thin;
|
||||
scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-thin::-webkit-scrollbar {
|
||||
display:block;
|
||||
width:8px;
|
||||
height:8px
|
||||
}
|
||||
|
||||
.scrollbar-track-neutral-200 {
|
||||
--scrollbar-track:rgba(var(--color-neutral-200), 1) !important
|
||||
}
|
||||
|
||||
.scrollbar-thumb-neutral-400 {
|
||||
--scrollbar-thumb:rgba(var(--color-neutral-400), 1) !important
|
||||
}
|
||||
|
||||
.scrollbar-thumb-primary-400 {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-400), 1) !important
|
||||
}
|
||||
|
||||
.scrollbar-thumb-primary-100 {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-100), 1) !important
|
||||
}
|
||||
|
||||
.scrollbar-thumb-primary-500 {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-500), 1) !important
|
||||
}
|
||||
|
||||
.scrollbar-thumb-primary-600 {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-600), 1) !important
|
||||
}
|
||||
|
||||
.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
|
||||
clip:rect(0,0,0,0) !important
|
||||
}
|
||||
|
|
@ -4724,6 +4867,102 @@ pre {
|
|||
display:none
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-primary-300 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-300), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-primary-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-600), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:underline {
|
||||
text-decoration-line:underline
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:decoration-primary-500 {
|
||||
text-decoration-color:rgba(var(--color-primary-500), 1)
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:opacity-100 {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
|
||||
z-index:0
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
|
||||
z-index:1
|
||||
}
|
||||
|
||||
.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
|
||||
display:none
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
|
||||
opacity:0
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
|
||||
transition-duration:600ms
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 {
|
||||
border-left-width:0px;
|
||||
border-right-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
|
||||
border-left-width:0px;
|
||||
border-right-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
|
||||
border-inline-end-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
|
||||
border-inline-start-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
|
||||
border-top-width:1px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
|
||||
border-inline-end-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
|
||||
border-inline-start-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
|
||||
border-top-width:1px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid {
|
||||
border-style:solid
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
|
||||
border-style:solid
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
|
||||
border-top-color:transparent
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
|
||||
border-top-color:transparent
|
||||
}
|
||||
|
||||
.hover\:border-transparent:hover {
|
||||
border-color:transparent
|
||||
}
|
||||
|
|
@ -4837,102 +5076,6 @@ pre {
|
|||
outline-color:transparent
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-primary-300 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-300), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-primary-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-600), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:underline {
|
||||
text-decoration-line:underline
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:decoration-primary-500 {
|
||||
text-decoration-color:rgba(var(--color-primary-500), 1)
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:opacity-100 {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
|
||||
z-index:0
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
|
||||
z-index:1
|
||||
}
|
||||
|
||||
.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
|
||||
display:none
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
|
||||
opacity:0
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
|
||||
transition-duration:600ms
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 {
|
||||
border-left-width:0px;
|
||||
border-right-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
|
||||
border-left-width:0px;
|
||||
border-right-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
|
||||
border-inline-end-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
|
||||
border-inline-start-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
|
||||
border-top-width:1px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
|
||||
border-inline-end-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
|
||||
border-inline-start-width:0px
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
|
||||
border-top-width:1px
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid {
|
||||
border-style:solid
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
|
||||
border-style:solid
|
||||
}
|
||||
|
||||
.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
|
||||
border-top-color:transparent
|
||||
}
|
||||
|
||||
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
|
||||
border-top-color:transparent
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.motion-reduce\:transition-none {
|
||||
transition-property:none
|
||||
|
|
@ -5094,6 +5237,36 @@ pre {
|
|||
opacity:0.6
|
||||
}
|
||||
|
||||
.dark\:scrollbar-track-neutral-800:is(.dark *) {
|
||||
--scrollbar-track:rgba(var(--color-neutral-800), 1) !important
|
||||
}
|
||||
|
||||
.dark\:scrollbar-thumb-neutral-600:is(.dark *) {
|
||||
--scrollbar-thumb:rgba(var(--color-neutral-600), 1) !important
|
||||
}
|
||||
|
||||
.dark\:scrollbar-thumb-primary-600:is(.dark *) {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-600), 1) !important
|
||||
}
|
||||
|
||||
.dark\:scrollbar-thumb-primary-400:is(.dark *) {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-400), 1) !important
|
||||
}
|
||||
|
||||
.dark\:scrollbar-thumb-primary-100:is(.dark *) {
|
||||
--scrollbar-thumb:rgba(var(--color-primary-100), 1) !important
|
||||
}
|
||||
|
||||
.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-400), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
|
||||
--tw-bg-opacity:1 !important;
|
||||
background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important
|
||||
|
|
@ -5124,16 +5297,6 @@ pre {
|
|||
background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(var(--color-primary-400), var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.sm\:mb-0 {
|
||||
margin-bottom:0px
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
{{- partial "head.html" . -}}
|
||||
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32">
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32 scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600">
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"><span
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
<details open class="toc-right mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
|
||||
<details open id="TOCView"
|
||||
class="toc-right mt-0 overflow-y-scroll overscroll-contain scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600 rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
|
||||
<summary
|
||||
class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
||||
{{ i18n "article.table_of_contents" }}
|
||||
</summary>
|
||||
<div
|
||||
class="min-w-[220px] py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||||
class="min-w-[220px] py-2 border-dotted ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||||
{{ .TableOfContents | emojify }}
|
||||
</div>
|
||||
</details>
|
||||
|
|
@ -19,8 +20,33 @@
|
|||
</div>
|
||||
</details>
|
||||
|
||||
{{ if .Site.Params.smartTOC }}
|
||||
<script>
|
||||
|
||||
var margin = 200;
|
||||
var marginError = 50;
|
||||
|
||||
(function () {
|
||||
var $window = $(window);
|
||||
var $toc = $('#TOCView');
|
||||
var tocHeight = $toc.height();
|
||||
|
||||
function onResize() {
|
||||
var windowAndMarginHeight = $window.height() - margin;
|
||||
if(tocHeight >= windowAndMarginHeight) {
|
||||
$toc.css("overflow-y", "scroll")
|
||||
$toc.css("max-height", (windowAndMarginHeight + marginError) + "px")
|
||||
} else {
|
||||
$toc.css("overflow-y", "hidden")
|
||||
$toc.css("max-height", "9999999px")
|
||||
}
|
||||
}
|
||||
|
||||
$window.on('resize', onResize);
|
||||
$(document).ready(onResize);
|
||||
})();
|
||||
|
||||
{{ if .Site.Params.smartTOC }}
|
||||
|
||||
(function () {
|
||||
var $toc = $('#TableOfContents');
|
||||
if ($toc.length > 0) {
|
||||
|
|
@ -61,5 +87,6 @@
|
|||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
</script>
|
||||
|
|
|
|||
19
package-lock.json
generated
19
package-lock.json
generated
|
|
@ -30,6 +30,7 @@
|
|||
"prettier-plugin-tailwindcss": "^0.6.5",
|
||||
"puppeteer": "^22.11.2",
|
||||
"rimraf": "^5.0.7",
|
||||
"tailwind-scrollbar": "^3.1.0",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"tw-elements": "2.0.0",
|
||||
"typeit": "^8.8.3",
|
||||
|
|
@ -505,9 +506,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"node_modules/@types/node": {
|
||||
"version": "20.14.5",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.5.tgz",
|
||||
"integrity": "sha512-aoRR+fJkZT2l0aGOJhuA8frnCSoNX6W7U2mpNq63+BxBIj5BQFt8rHy627kijCmm63ijdSdwvGgpUsU6MBsZZA==",
|
||||
"version": "20.14.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.6.tgz",
|
||||
"integrity": "sha512-JbA0XIJPL1IiNnU7PFxDXyfAwcwVVrOoqyzzyQTyMeVhBzkJVMSkC1LlVsRQ2lpqiY4n6Bb9oCS6lzDKVQxbZw==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
|
|
@ -4045,6 +4046,18 @@
|
|||
"resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
|
||||
"integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
|
||||
},
|
||||
"node_modules/tailwind-scrollbar": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-3.1.0.tgz",
|
||||
"integrity": "sha512-pmrtDIZeHyu2idTejfV59SbaJyvp1VRjYxAjZBH0jnyrPRo6HL1kD5Glz8VPagasqr6oAx6M05+Tuw429Z8jxg==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=12.13.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"tailwindcss": "3.x"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss": {
|
||||
"version": "3.4.4",
|
||||
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
|
||||
|
|
|
|||
|
|
@ -47,6 +47,7 @@
|
|||
"prettier-plugin-tailwindcss": "^0.6.5",
|
||||
"puppeteer": "^22.11.2",
|
||||
"rimraf": "^5.0.7",
|
||||
"tailwind-scrollbar": "^3.1.0",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"tw-elements": "2.0.0",
|
||||
"typeit": "^8.8.3",
|
||||
|
|
|
|||
|
|
@ -176,6 +176,7 @@ module.exports = {
|
|||
},
|
||||
plugins: [
|
||||
require("@tailwindcss/typography"),
|
||||
require('@tailwindcss/forms')
|
||||
require('@tailwindcss/forms'),
|
||||
require('tailwind-scrollbar')({ preferredStrategy: 'pseudoelements' })
|
||||
],
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue