Skip to content

Instantly share code, notes, and snippets.

<!-- switch-on-hover-example.html v1 -->
<div class="switch-on-hover">
<div class="switch-this">A</div>
<div class="switch-this">B</div>
</div>
/* spacer-h-rem.css v1.1 */
.spacer-h-1rem{height:1rem}
.spacer-h-1-5rem{height:1.5rem}
.spacer-h-2rem{height:2rem}
.spacer-h-2-5rem{height:2.5rem}
.spacer-h-3rem{height:3rem}
.spacer-h-3-5rem{height:3.5rem}
.spacer-h-4rem{height:4rem}
.spacer-h-4-5rem{height:4.5rem}
.spacer-h-5rem{height:5rem}
/* opacity.css v1.0.5 */
.opacity-0{opacity:0;filter:alpha(opacity=0)}
.opacity-1{opacity:0.01;filter:alpha(opacity=1)}
.opacity-2{opacity:0.02;filter:alpha(opacity=2)}
.opacity-3{opacity:0.03;filter:alpha(opacity=3)}
.opacity-4{opacity:0.04;filter:alpha(opacity=4)}
.opacity-5{opacity:0.05;filter:alpha(opacity=5)}
.opacity-6{opacity:0.06;filter:alpha(opacity=6)}
.opacity-7{opacity:0.07;filter:alpha(opacity=7)}
.opacity-8{opacity:0.08;filter:alpha(opacity=8)}
/* bs-containers-dynamics.css v1 */
/* container-fluid specific */
@media (max-width: 575px){
.container.container-fluid-xs-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-xs-only{
width: 100%;
max-width: 100%;
/* bs-container-1368px.css v1 */
@media (min-width: 576px){
.container-1368px{
max-width: 540px;
}
}
@media (min-width: 768px){
.container-1368px{
max-width: 720px;
}
/* faux-fonts.css v1.0.1 */
.faux-italic{transform:matrix(1,0,-0.25,1,0,0)}
.faux-compressed{transform:matrix(0.95,0,0,1,0,0)}
// ajax-example.js v1
let obj = {
login: 'admin',
password: '1234'
};
ajax('submit.php', obj, function(status, data){
if(status){
}else{
@luislobo14rap
luislobo14rap / BEM-example.html
Last active June 5, 2018 20:29
Blocks, Elements and Modifiers
<!-- BEM-example.html v1 -->
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
// formatBytes.min.js v1, https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
function formatBytes(t,B){if(0==t)return'0 Bytes';var o=B||2,a=Math.floor(Math.log(t)/Math.log(1024));return parseFloat((t/Math.pow(1024,a)).toFixed(o))+' '+['Bytes','KB','MB','GB','TB','PB','EB','ZB','YB'][a]};
// unserialize.js v1.0.1
function unserialize(serialize) {
let obj = {};
serialize = serialize.split('&');
for (let i = 0; i < serialize.length; i++) {
thisItem = serialize[i].split('=');
obj[decodeURIComponent(thisItem[0])] = decodeURIComponent(thisItem[1]);
};
return obj;
};