.steps {
margin-bottom: 0.5em;
margin-top: 1em;
border-top: solid 1px $drkyellow;
text-align: center;
ul {
list-style: none;
padding: 0.5em;
margin: -1.5em 0 0;
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
<p class="footnote">Experiment by Graham licence. <a href="https://gist.github.com/grahamlicence/a4a5b2d21e4dfa2a9792" class="github">Fork me on GitHub</a></p> |
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
// -------------------------------------------------- | |
// Flexbox LESS mixins | |
// The spec: http://www.w3.org/TR/css3-flexbox | |
// -------------------------------------------------- | |
// Flexbox display | |
// flex or inline-flex | |
.flex-display(@display: flex) { | |
display: ~"-webkit-@{display}"; | |
display: ~"-moz-@{display}"; |
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
{ | |
/* | |
based on google style guide preset: | |
https://raw.githubusercontent.com/jscs-dev/node-jscs/master/presets/google.json | |
modifications for mini digital: | |
- "validateIndentation" set to 4, rather than the google default of 2 | |
- "maximumLineLength" removed, rather than the google default of 80 | |
- "disallowSpacesInAnonymousFunctionExpression.beforeOpeningCurlyBrace" replaced with "requireSpacesInAnonymousFunctionExpression.beforeOpeningCurlyBrace" | |
- because this isn't explicitly specified in the google style guide, |
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
{ | |
"bitwise": false, | |
"browser": true, | |
"camelcase": true, | |
"curly": true, | |
"eqeqeq": true, | |
"es3": true, | |
"esnext": true, | |
"expr": true, | |
"forin": true, |
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
Sublime Text Packages | |
A few recommended packages: | |
“DocBlockr" | |
Allows you to easily write comments in the format: | |
/** | |
* | |
*/ | |
“EditorConfig" |
##Mac show hidden files
defaults write com.apple.finder AppleShowAllFiles YES
change git text editor
git config --global core.editor "nano"
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
/* | |
article: http://blog.grahamlicence.co.uk/post/Styling-input-placeholder-CSS-to-differ-from-input.aspx | |
Note, when adding these styles they must be implemented seperately as the following not work in either browsers | |
*/ | |
/* Chrome */ | |
input::-webkit-input-placeholder { | |
font-style: italic; | |
} |
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 for retina background images */ | |
@mixin background-image-retina($file, $type, $width, $height) { | |
width: $width+px; | |
height: $height+px; | |
background-image: image-url($file + '.' + $type); | |
background-repeat: no-repeat; | |
background-position: 0% 50%; | |
text-indent: -9999px; | |
overflow: hidden; | |
text-align: left; |
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
/*** | |
BASE STYLESHEET | |
The purpose of this style sheet is to provide a complete reset of styles and provide a few basic classes. | |
This stylesheet should be included on all pages (even if they drift from a standard template) and, as such, | |
does not contain any styles for the branding or layout. Branding and layout styles can be found in Generic.css. | |
@Authors |
OlderNewer