Sojon tfsojon
tfsojon
/ tailwindcss-safe-n-block-list.js
Created
July 23, 2023 06:34
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| content: [ | |
| './pages/**/*.{html,js}', | |
| './components/**/*.{html,js}', | |
| ], | |
| safelist: [ | |
| 'text-2xl', | |
| 'text-3xl', | |
| { | |
| pattern: /bg-(red|green|blue)-(100|200|300)/, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul class="list-disc [&>*:last-child]:text-blue-600 [&>*:last-child]:font-bold "> | |
| <li>First List Item</li> | |
| <li>Second List Item</li> | |
| <li>Third List Item</li> | |
| <li>Fourth List Item</li> | |
| <li>Fifth List Item</li> | |
| <li>Last List Item</li> | |
| </ul> | |
| <ul class="list-disc"> |
tfsojon
/ Font-Awesome-Free-6.4.0
Created
June 13, 2023 05:56
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! | |
| * Font Awesome Free 6.4.0 by @fontawesome - https: //fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| * Copyright 2023 Fonticons, | |
| Inc. | |
| */ | |
| .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;verti |
tfsojon
/ scrollbar-color.css
Created
June 3, 2023 04:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| &::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| &::-webkit-scrollbar-track { | |
| box-shadow: inset 0 0 2px #c7c7c7; | |
| border-radius: 10px; | |
| } | |
| &::-webkit-scrollbar-thumb { | |
| background: #c7c7c7; | |
| border-radius: 20px; |
tfsojon
/ focus-input-with-delay.js
Created
May 10, 2023 07:55
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| buttonEl.addEventListener('click', function () { | |
| window.setTimeout(() => inputEl.focus(), 100); | |
| }); |
tfsojon
/ enable-disable-bodyScroll.js
Created
May 10, 2023 07:51
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const disableBodyScroll = () => { | |
| const documentWidth = document.documentElement.clientWidth; | |
| const scrollbarWidth = Math.abs(window.innerWidth - documentWidth); | |
| body.style.overflowY = 'hidden'; | |
| body.style.paddingRight = scrollbarWidth + "px"; | |
| } | |
| const enableBodyScroll = () => { | |
| setTimeout(() => { | |
| body.style.overflowY = ''; | |
| body.style.paddingRight = ''; |
tfsojon
/ offsetting-html-anchor-adjust-fixed-header.css
Last active
July 23, 2023 06:29
offsetting an html anchor to adjust for fixed header
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [id]::before { | |
| content: ''; | |
| display: block; | |
| height: 75px; | |
| margin-top: -75px; | |
| visibility: hidden; | |
| } |
tfsojon
/ [email protected]
Last active
June 17, 2023 06:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Bootstrap 5.3.0 | |
| @import "../bootstrap/mixins/banner"; | |
| @include bsBanner(""); | |
| // scss-docs-start import-stack | |
| // Configuration | |
| @import "../bootstrap/functions"; | |
| @import "../bootstrap/variables"; | |
| @import "../bootstrap/variables-dark"; |
tfsojon
/ copy-code-to-clipboard
Created
March 1, 2023 09:51
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let blocks = document.querySelectorAll("pre"); | |
| blocks.forEach((block) => { | |
| if (navigator.clipboard) { | |
| let button = document.createElement("button"); | |
| button.innerText = "copy"; | |
| button.className = "copy-to-clipboard"; | |
| block.appendChild(button); | |
| button.addEventListener("click", async () => { | |
| await copyCode(block, button); | |
| }); |
tfsojon
/ uniq-value-from-params.html
Created
February 2, 2023 06:46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {{ $categories := slice }} | |
| {{ range .Params.integration_tools }} | |
| {{ $categories = $categories | append .category | uniq }} | |
| {{ end }} | |
| {{ range $categories }} | |
| <li>{{. | markdownify}}</li> | |
| {{ end }} |
NewerOlder