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 / SassMeister-input.scss
Last active Aug 29, 2015
Generated by
View SassMeister-input.scss
// ----
// libsass (v3.2.4)
// ----
$bodyclass: '.bodyclass';
@mixin classmerge{
$selector-list: &;
@each $selector in $selector-list {
jaicab /
Last active Aug 29, 2015
Pattern Placeholders - LDN Sass #2
View index.html
<!DOCTYPE html>
<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 / 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 / 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 / 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.