#Pattern Placeholders Links - LDN Sass #2
Twitter: @jaicab_
CodePen: @jaicab
GitHub: @jaicab
Slides: https://speakerdeck.com/jaicab/pattern-placeholders
the ext() site: http://jaicab.com/ext/
**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. |
// ---- | |
// libsass (v3.2.4) | |
// ---- | |
$bodyclass: '.bodyclass'; | |
@mixin classmerge{ | |
$selector-list: &; | |
@each $selector in $selector-list { |
#Pattern Placeholders Links - LDN Sass #2
Twitter: @jaicab_
CodePen: @jaicab
GitHub: @jaicab
Slides: https://speakerdeck.com/jaicab/pattern-placeholders
the ext() site: http://jaicab.com/ext/
<!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; | |
} |
/* | |
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; |
<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 { |
.video-container { | |
position: relative; | |
padding-bottom: 56.25%; /*16:9*/ | |
padding-top: 30px; | |
height: 0; | |
overflow: hidden; | |
} | |
.video-container iframe, | |
.video-container object, |
if(!window.location.hash) scrollTo(0,1); |