Skip to content

Instantly share code, notes, and snippets.

View emolr's full-sized avatar

Emil Møller emolr

  • Hi, freelance designer/programmer
  • Denmark
View GitHub Profile
@emolr
emolr / dabblet.css
Created March 19, 2013 08:26
Using form :active / :focus to unveil content (only css)
/**
* Using form :active / :focus to unveil content (only css)
*/
/* Styling*/
body{
text-align:center;
/*background:url(http://www.wallchan.com/images/sandbox/1305675944-abstract-blurry-wallpaper-wallpaper.jpg);*/
background:#f6f6f6;
}
@emolr
emolr / dabblet.css
Created April 9, 2013 09:30
Using form :active / :focus to unveil content (only css)
/**
* Using form :active / :focus to unveil content (only css)
*/
/* Styling*/
body{
text-align:center;
/*background:url(http://www.wallchan.com/images/sandbox/1305675944-abstract-blurry-wallpaper-wallpaper.jpg);*/
background:#f6f6f6;
padding:0px 10px;
@emolr
emolr / dabblet.css
Created April 9, 2013 11:17
Using form :active / :focus to unveil content (only css)
/**
* Using form :active / :focus to unveil content (only css)
*/
/* Styling*/
body{
text-align:center;
/*background:url(http://www.wallchan.com/images/sandbox/1305675944-abstract-blurry-wallpaper-wallpaper.jpg);*/
background:#f6f6f6;
padding:0px 10px;
@emolr
emolr / dabblet.css
Created May 21, 2013 08:41
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@emolr
emolr / Terminal commands
Created November 20, 2013 10:00
Terminal commands to remember
Macfusion fuckup:
Unmount and reset connection to localserver:
$ umount -f localserver/
// Use of glyphicon inside buttons
$btn-icon-space: 5px !default;
.btn {
$icon: glyphicon; // variable for icon class name
.#{$icon} {
vertical-align: middle;
[
{ "keys": ["super+shift+i"], "command": "reindent", "args": {"single_line": false} }
]
# GULP.SRC()
The gulp.src() function takes a glob (i.e. a string matching one or more files) or an array of globs and returns a stream that can be piped to plugins.
Gulp uses node-glob to get the files from the glob or globs you specify. It’s easiest to explain using examples:
js/app.js
Matches the exact file
js/*.js
Matches all files ending in .js in the js directory only
js/**/*.js
Matches all files ending in .js in the js directory and all child directories
//=============================================
// GULP WITH SASS, AUTOPREFIX AND BROWSER-SYNC
//=============================================
// TASKS LISTING
// style | compiles *.scss to *.css
// browser-sync | injects files, and updates browsers with websockets
// css-build | Concatinates all css files and minifies it.
success: function (response) {
if (response == '') {
alert('Sorry!');
}
}