Skip to content

Instantly share code, notes, and snippets.

💭
🐺⚔️🛡️🐲🏹❄️🔥

Daniel Mascena danielmascena

💭
🐺⚔️🛡️🐲🏹❄️🔥
Block or report user

Report or block danielmascena

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:8b98b81dd5e179c513c9d89197e844d6
/**
* An immediately-invoked function expression (or IIFE, pronounced "iffy") is a JavaScript programming language idiom
* which produces a lexical scope using JavaScript's function scoping.
*/
// keep things outside the global scope plz
(function (window, document, undefined) {
'use strict';
View dabblet.css
*{box-sizing: border-box;}
body{font-family: Arial, sans-serif;mrgi }
.container {
background: #ccc;
border: 1px solid;
}
.container:after {
content: '';
display: table;
View dabblet.css
*{box-sizing: border-box;}
body{font-family: Arial, sans-serif;}
.container {
background: #ccc;
border: 1px solid;
}
.container:after {
content: '';
display: table;
@danielmascena
danielmascena / dabblet.css
Created Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module - flex property
View dabblet.css
/**
* CSS Flexible Layout Module - flex property
*/
* { transition: all 2s; box-sizing: border-box;}
body {
background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
padding: 1em;
font-size: 1.4em;
@danielmascena
danielmascena / dabblet.css
Created Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module
View dabblet.css
/**
* CSS Flexible Layout Module
*/
body {
background: #bfbfbf;
min-height: 100%;
}
header {
background-color: blue;
min-height: 100px;
@danielmascena
danielmascena / dabblet.css
Created Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module - extra div
View dabblet.css
/**
* CSS Flexible Layout Module - extra div
*/
body {
background: #bfbfbf;
min-height: 100%;
}
header {
background-color: blue;
min-height: 100px;
@danielmascena
danielmascena / dabblet.css
Last active Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module - flexbox styling
View dabblet.css
/**
* CSS Flexible Layout Module - flexbox styling
*/
* { transition: all 2s; }
body {
background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
padding: 1em;
@danielmascena
danielmascena / dabblet.css
Created Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module - flex property
View dabblet.css
/**
* CSS Flexible Layout Module - flex property
*/
* { transition: all 2s; box-sizing: border-box;}
body {
background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
padding: 1em;
font-size: 1.4em;
@danielmascena
danielmascena / dabblet.css
Created Jul 14, 2017 — forked from benfrain/dabblet.css
CSS Flexible Layout Module - flex property
View dabblet.css
/**
* CSS Flexible Layout Module - flex property
*/
* { transition: all 2s; box-sizing: border-box;}
body {
background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
padding: 1em;
font-size: 1.4em;
View table.css
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
You can’t perform that action at this time.