Skip to content

Instantly share code, notes, and snippets.

@Robin-bob
Robin-bob / bunldes_template_new.liquid
Last active January 13, 2017 19:25
faderpro.uscreen.io
<section class="one-category bundle-category">
<div class="section-wrapper">
<div class="">
<h2 class="one-category__header">Course Bundles</h2>
<div class="one-category__description">
Buy more, Save more. Our course bundles combine multiple courses, usually related in some way, that are offered a at significant discsount. Below are our product bundles, the courses they include and the savings for each.
</div>
</div>
</div>
</section>
@Robin-bob
Robin-bob / authors.liquid
Last active January 12, 2017 13:34
authors template in Uscreen themes
<section class="one-category">
<div class="section-wrapper">
{% include "author_card" %}
<div class="category-row">
<div class="authors-list">
{% paginate store.authors by 12 %}
{% for author in paginate.collection %}
{% if author.programs_count > 0 %}
<div class="authors-list__item">
<a href="{{ author.url }}" class="authour-card__photo-single">
@Robin-bob
Robin-bob / _blog_aside.liquid
Last active January 11, 2017 13:03
Add blog feature too Uscreen themes.
<aside class="blog-aside">
<div class="blog-aside__tags">
<div class="blog-aside__tags-nav {% if request.params.author or request.params.tag %} {% if request.params.tag == nill %}active{% endif %}{% else %}active{% endif %}" data-tab="contributors-tab">Authors</div>
<div class="blog-aside__tags-nav {% if request.params.author or request.params.tag %}{% if request.params.author == nill %}active{% endif %}{% endif %}" data-tab="contributors-topics">Tags</div>
<div class="blog-aside__tags-content contributors-tab {% if request.params.author or request.params.tag %} {% if request.params.tag == nill %}active{% endif %}{% else %}active{% endif %}">
<div class="row">
{% for author in store.authors %}
{% if author.posts_count > 0 %}
<div class="small-6 columns">
<a href="/blog_posts?author={{author.slug}}" class="{% if request.params.author == author.slug %}active{% endif %}">{{author.name}}</a>
@Robin-bob
Robin-bob / main.css
Created December 29, 2016 10:19
fix full width video player (Uscreen)
/* fix safary full width player bug */
:-webkit-full-screen-ancestor:not(iframe) .page-header__nav.off-canvas__menu {
opacity: 0;
}
:-webkit-full-screen-ancestor:not(iframe) .content-wrapper {
max-width: none;
}
@Robin-bob
Robin-bob / radio-button.scss
Last active November 18, 2016 00:43
radio-button custom
.questions-form__block-radio {
position: relative;
margin-bottom: 18px;
input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
@Robin-bob
Robin-bob / main.js
Created October 28, 2016 16:11
local storage check
if (localStorage.getItem('dontLoad') === null) {
console.log('visited in not in LocalStorage')
localStorage.setItem('dontLoad', 'visited');
} else {
console.log('visited is in LocalStorage')
}
@Robin-bob
Robin-bob / .html
Created July 16, 2016 23:52
plus-minus button with input
<div class="plus-minus-element">
<button class="dec plus-minus-element__button">-</button>
<input type="text" name="" value="2">
<button class="inc plus-minus-element__button">+</button>
</div>
@Robin-bob
Robin-bob / .scss
Created July 15, 2016 23:15
placeholder style color
input {
&::-webkit-input-placeholder {
color: #c3c3c3;
}
&::-moz-placeholder {
color: #c3c3c3;
}
&:-moz-placeholder {
color: #c3c3c3;
}
@Robin-bob
Robin-bob / .html
Last active July 15, 2016 23:24
Stars rating in css only
<div class="rating">
<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
@Robin-bob
Robin-bob / .scss
Last active August 30, 2016 22:04
slick arrow default styles
.slick-arrow {
outline: none;
background: none;
border: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
cursor: pointer;
z-index: 2;
&:hover, &:focus {