⌘T | go to file |
⌘⌃P | go to project |
⌘R | go to methods |
⌃G | go to line |
⌘KB | toggle side bar |
⌘⇧P | command prompt |
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
Because gdrive will not actually sync symlinks from your computer to gdrive, you should temporarily do the opposite. | |
For example, I wanted to have a symlink from my ~/Sites directory to automatically sync with gdrive, so i did the simple command: | |
ln -s ~/Sites/drive ~/Google\ Drive/mSites/ | |
That will not sync at the moment. | |
So instead I made a directory in gdrive and did a symlink back in my ~/Sites directory |
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
/** | |
* Converts an RGB color value to HSL. Conversion formula | |
* adapted from http://en.wikipedia.org/wiki/HSL_color_space. | |
* Assumes r, g, and b are contained in the set [0, 255] and | |
* returns h, s, and l in the set [0, 1]. | |
* | |
* @param Number r The red color value | |
* @param Number g The green color value | |
* @param Number b The blue color value | |
* @return Array The HSL representation |
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
//============================================================ | |
// Typography | |
//============================================================ | |
// An rem font-size mixin providing fallback to px | |
@mixin font-size($sizeValue: 1.4) { | |
$remValue: $sizeValue; | |
$pxValue: ($sizeValue * 10); | |
font-size: #{$pxValue}px; | |
font-size: #{$remValue}rem; |
Here are a few common tasks you might do in your templates, as they would be written in ExpressionEngine vs. Craft CMS.
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
@mixin size($size) { | |
@if length($size) == 2 { | |
$width : nth($size,1); | |
$height : nth($size,2); | |
@if unitless($width) { | |
$width: $width + 0px; | |
} | |
@if unitless($height) { |
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
// ---- | |
// libsass (v0.7.0) | |
// ---- | |
$media-direction: max; | |
// Mixin: flex-breakpoint | |
// Flexible Breakpoint Mixin | |
// 'Mixin with Content Insert' | |
// |
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
function custom_mtypes( $m ){ | |
$m['svg'] = 'image/svg+xml'; | |
$m['svgz'] = 'image/svg+xml'; | |
return $m; | |
} | |
add_filter( 'upload_mimes', 'custom_mtypes' ); |
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
// When we give an element some ‘attention’. | |
@mixin attention() { | |
&:hover, | |
&:active, | |
&:focus { | |
@content; | |
} | |
} |
OlderNewer