Skip to content

Instantly share code, notes, and snippets.

Jaime Caballero jaicab

Block or report user

Report or block jaicab

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
@jaicab
jaicab / SassMeister-input.scss
Last active Aug 29, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.4)
// ----
$bodyclass: '.bodyclass';
@mixin classmerge{
$selector-list: &;
@each $selector in $selector-list {
@jaicab
jaicab / LDN_Sass2.md
Last active Aug 29, 2015
Pattern Placeholders - LDN Sass #2
View LDN_Sass2.md
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.galleries[data-selected*=ui-design] ul:not([data-gallery*=ui-design]), .galleries[data-selected*=branding] ul:not([data-gallery*=branding]), .galleries[data-selected*=illustration] ul:not([data-gallery*=illustration]) {
display: none;
}
View transparent-outline.scss
/*
Creates a transparent outline with two colored borders around it.
@param $transparent-width Thickness of the transparent border.
@param $color-width Thickness of the coloured borders.
@param $color Color of the colored borders.
*/
@mixin transparent-outline($transparent-width, $color-width, $color){
border: $transparent-width solid transparent;
box-shadow: 0 0 0 $color-width $color inset,
0 0 0 $color-width $color;
@jaicab
jaicab / favicon.html
Created Jun 16, 2014
Multi favicon in just 4 lines
View favicon.html
<link rel="apple-touch-icon" href="/apple-touch-icon-152.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="msapplication-TileColor" content="#000">
<meta name="msapplication-TileImage" contet="/mstile.png">
View jsbin.fitiq.css
textarea {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
@jaicab
jaicab / responsive-video.css
Last active Sep 2, 2019
Pure CSS solution for embed videos with an aspect ratio of 16:9
View responsive-video.css
.video-container {
position: relative;
padding-bottom: 56.25%; /*16:9*/
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
@jaicab
jaicab / scrollTo hash fix
Last active Aug 29, 2015
Scroll to top on load unless there's a bookmark link
View scrollTo hash fix
if(!window.location.hash) scrollTo(0,1);
You can’t perform that action at this time.