| export function IsolateCSS(props: { children: React.ReactNode }) { | |
| const onceRef = useRef(false); | |
| const [shadowRoot, setShadowRoot] = useState<ShadowRoot>(); | |
| const ref = useCallback((ref: HTMLDivElement | null) => { | |
| if (ref && onceRef.current === false) { | |
| onceRef.current = true; | |
| setShadowRoot(ref.attachShadow({ mode: 'open' })); | |
| } | |
| }, []); |
This gist is a collection of custom actions for Sourcetree. The actions abstract useful git commands & combinations.
| /* | |
| Made by Elly Loel - https://ellyloel.com/ | |
| With inspiration from: | |
| - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/ | |
| - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/ | |
| - Adam Argyle - https://unpkg.com/[email protected]/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE | |
| Notes: | |
| - `:where()` is used to lower specificity for easy overriding. | |
| */ |
| import "./index.css"; | |
| import React from "react"; | |
| import ReactDOM from "react-dom"; | |
| import { | |
| DataBrowserRouter, | |
| Route, | |
| useLoaderData, | |
| Form, | |
| useNavigation, | |
| } from "react-router-dom"; |
| { | |
| "clients": { | |
| "spellcheck": { | |
| "enabled": false, | |
| "command": [ | |
| "node", | |
| "/Users/rafal/workspace/github/vscode-spell-checker/packages/_server/dist/main.js", | |
| "--stdio" | |
| ], | |
| "selector": "source.js | source.ts", |
this is what i use so far, its obviously not a 100% replica of the typography plugin but looks good enough on my site
/* replace typography plugin */
.prose {
@apply text-gray-700 dark:text-gray-300
}
.prose {
& p {
| <div id="app"></div> | |
| <script> | |
| // Create virtual node | |
| function h(tag, props, children) { | |
| // Return the virtual node | |
| return { | |
| tag, | |
| props, | |
| children, | |
| } |
| import os | |
| import sublime | |
| import sublime_plugin | |
| def get_npm_scripts(chosen_directory): | |
| """ Gets the list of npm scripts defined in the package.json | |
| Args: | |
| chosen_directory (str) : The absolute path of the chosen directory. |
| [ | |
| // VCS badges | |
| { | |
| "class": "vcs_status_badge", | |
| "parents": [{"class": "file_system_entry", "attributes": ["untracked"]}], | |
| "layer0.texture": "Theme - Default/common/status_untracked.png", | |
| "layer0.tint": "color(var(--yellowish) blend(rgb(255, 255, 255) 60%))", | |
| "layer0.opacity": 1.0, | |
| "content_margin": 6 | |
| }, |
| [ | |
| // Use our own buzzword lorem ipsum generator. It generates buzzword lorem | |
| // using a rolling stock of 5 paragraphs and lets you generate multiple | |
| // items at once. | |
| { | |
| "keys": ["tab"], | |
| "command": "buzzword_ipsum", | |
| "context": [ | |
| { "key": "selection_empty", "operator": "equal", "operand": "true", "match_all": true }, | |
| { "key": "preceding_text", "operator": "regex_match", "operand": "^.*lorem\\d*$", "match_all": true }, |