blakewatson
/ spacing.css
Last active Dec 27, 2022
Customizable utility classes for applying margin and padding
View spacing.css
This file contains 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
| :root { | |
| --xxs: 0.125rem; | |
| --xs: 0.25rem; | |
| --sm: 0.5rem; | |
| --md: 1rem; | |
| --lg: 2rem; | |
| --xl: 4rem; | |
| --xxl: 8rem; | |
| } |
blakewatson
/ idHelpers.js
Created Jun 6, 2022
View idHelpers.js
This file contains 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
| /** | |
| * Assign an ID to an object. Will make sure the ID doesn't already exist. | |
| * @param {object} entity Object to which to assign an ID | |
| * @param {array} list list of existing entities | |
| * @returns {object} | |
| */ | |
| export const assignRandomId = (entity, list) => { | |
| const idExists = (id) => list.some((entity) => entity.id === id); | |
| do { |
View hacker-news-dark.css
This file contains 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
| @namespace url(http://www.w3.org/1999/xhtml); | |
| body { | |
| background-color: #262626 !important; | |
| } | |
| body > center > table, input, textarea { | |
| background-color: #222 !important; | |
| } | |
| body > center > table > tbody > tr:first-child > td { |
blakewatson
/ simplenote.css
Last active Jul 31, 2020
Some custom styles for the Simplenote web interface
View simplenote.css
This file contains 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
| /* Increase the font size of the first line of a note. */ | |
| .note-detail [data-block]:first-of-type { | |
| line-height: 1.5em; | |
| font-size: 1.5em; | |
| } | |
| /* Style the note list scrollbar (in dark mode) in Firefox */ | |
| .theme-dark .note-list { | |
| scrollbar-color: rgba(255, 255, 255, 0.5) transparent; | |
| } |
blakewatson
/ keybindings.json
Last active Dec 16, 2020
Visual Studio Code - User Settings & Key Bindings
View keybindings.json
This file contains 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
| // Place your key bindings in this file to overwrite the defaults | |
| [ | |
| { | |
| "key": "cmd+/", | |
| "command": "editor.action.blockComment", | |
| "when": "editorTextFocus && !editorReadonly" | |
| }, | |
| { | |
| "key": "shift+alt+a", | |
| "command": "-editor.action.blockComment", |
blakewatson
/ dom.js
Last active Apr 30, 2017
A tiny wrapper around native DOM API functions. Designed to help me select elements more easily.
View dom.js
This file contains 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
| var dom = (selector, el = null) => { | |
| if(el) { | |
| return Array.from(el.querySelectorAll(selector)); | |
| } else { | |
| return Array.from(document.querySelectorAll(selector)); | |
| } | |
| }; | |
| dom.first = (selector, el = null) => { | |
| if(el) { |
View Preferences.sublime-settings
This file contains 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
Show hidden characters
| { | |
| "always_show_minimap_viewport": true, | |
| "bold_folder_labels": true, | |
| "caret_extra_bottom": 1, | |
| "caret_extra_top": 0, | |
| "caret_extra_width": 0, | |
| "caret_style": "smooth", | |
| "color_scheme": "Packages/User/blake-eighties.tmTheme", | |
| "enable_tab_scrolling": false, | |
| "font_face": "Operator Mono", |
blakewatson
/ bw-eighties.tmTheme
Created Feb 3, 2017
An adaptation of https://github.com/kkga/spacegray/blob/master/base16-eighties.dark.tmTheme with comments in italics (really nice if you use Operator Mono as your font).
View bw-eighties.tmTheme
This file contains 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
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>author</key> | |
| <string>Template: Chris Kempson, Scheme: Chris Kempson (http://chriskempson.com)</string> | |
| <key>name</key> | |
| <string>Base16 Eighties Dark</string> | |
| <key>semanticClass</key> | |
| <string>base16.eighties.dark</string> |
blakewatson
/ 0_reuse_code.js
Last active Aug 29, 2015
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
This file contains 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
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |