Skip to content

Instantly share code, notes, and snippets.

@moxdev
moxdev / cloudSettings
Last active November 28, 2017 18:50
Visual Studio Code Settings Sync Gist
{"lastUpload":"2017-11-28T18:50:28.653Z","extensionVersion":"v2.8.6"}
@moxdev
moxdev / color-highli
Created September 19, 2017 16:20
Adds the color highlighter to color variables throughout the project. Put snippet in .sublime-project file. Requires Color Highlighter plugin for Sublime Text.
"color_variables_files": "/Users/sbiggs/Sites/htdocs/queens-manor/wp-content/themes/resone_template/sass/variables-site/_colors.scss"
@moxdev
moxdev / _lightbox.scss
Last active June 23, 2017 19:23
Image Lightbox Library: jQuery options and activation of the imagelightbox plugin, sass styles, and imagelightbox library (Chrome Windows 10 fix)
#imagelightbox {
position: fixed;
z-index: 8000;
-ms-touch-action: none;
touch-action: none;
}
.imagelightbox-overlay {
position:fixed;
left:0;
@moxdev
moxdev / 0_reuse_code.js
Created June 23, 2017 18:51
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@moxdev
moxdev / cities.json
Created June 5, 2017 13:39 — forked from Miserlou/cities.json
1000 Largest US Cities By Population With Geographic Coordinates, in JSON
[
{
"city": "New York",
"growth_from_2000_to_2013": "4.8%",
"latitude": 40.7127837,
"longitude": -74.0059413,
"population": "8405837",
"rank": "1",
"state": "New York"
},
@moxdev
moxdev / links.scss
Created May 30, 2017 15:36
Turn off Apple iOS link styles.
@moxdev
moxdev / linx.scss
Created April 25, 2017 14:25
Sass Link mixin
@mixin linx ($link, $visit, $hover, $active) {
a {
color: $link;
&:visited {
color: $visit;
}
&:hover {
color: $hover;
}
&:active {
@moxdev
moxdev / flexbox-center.html
Created April 12, 2017 18:28
Center content with Flexbox
.Aligner {
display: flex;
align-items: center;
justify-content: center;
}
.Aligner-item {
max-width: 50%;
}
@moxdev
moxdev / mce_buttons.php
Created March 24, 2017 17:33
Create custom MCE wysiwyg functions. Below example gives user the ability to create custom buttons and text color in wysiwyg.
/**
* ADD STYLES TO WYSIWYG
*/
// Insert 'styleselect' into the $buttons array
function my_mce_buttons_2( $buttons ) {
array_unshift( $buttons, 'styleselect' );
return $buttons;
}
// Use 'mce_buttons' for button row #1, mce_buttons_3' for button row #3
add_filter('mce_buttons_2', 'my_mce_buttons_2');
@moxdev
moxdev / box-shadow.css
Created March 22, 2017 20:37
Nice starter box shadow code
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.25);