Skip to content

Instantly share code, notes, and snippets.

View jaicab's full-sized avatar
🏠
Staying home

Jaime Caballero jaicab

🏠
Staying home
View GitHub Profile
@jaicab
jaicab / post.txt
Created December 6, 2023 03:38
Bond Tales
**Title:**
📸 Introducing Bond Tales - Relive Shared Memories with a Tap! 🤝 [Link Inside] 🌍
**Body:**
Hey /r/reactnative community! 👋
We're excited to introduce **Bond Tales**, a unique app designed to visualise your special moments with a friend or group and to cherish these memories together! 🌐
**Key Features:**
- 📸 **Start a tale:** With one or many friends, a tale will be the home to your memories together.
@jaicab
jaicab / SassMeister-input.scss
Last active August 29, 2015 14:21
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
$bodyclass: '.bodyclass';
@mixin classmerge{
$selector-list: &;
@each $selector in $selector-list {
@jaicab
jaicab / LDN_Sass2.md
Last active August 29, 2015 14:13
Pattern Placeholders - LDN Sass #2
<!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;
}
@jaicab
jaicab / transparent-outline.scss
Created June 20, 2014 08:48
Transparent outlines
/*
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 June 16, 2014 16:49
Multi favicon in just 4 lines
<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">
textarea {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
@jaicab
jaicab / responsive-video.css
Last active July 29, 2023 02:52
Pure CSS solution for embed videos with an aspect ratio of 16:9
.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 August 29, 2015 13:56
Scroll to top on load unless there's a bookmark link
if(!window.location.hash) scrollTo(0,1);