Skip to content

Instantly share code, notes, and snippets.

@jonathanpath
jonathanpath / full-clickable.jquery.js
Created August 18, 2015 12:05
jQuery all zone redirect to glogal link except links
// Teaser all zone clickable
$('.teaser').click(function(event){
if(!$(event.target).is('a')) {
document.location.href = $(this).find('.teaser-title a').attr('href');
return false;
}
});
@jonathanpath
jonathanpath / gulpfile.js
Last active June 24, 2016 08:54
Gulpfile sass + livereload + autoprefixer
'use strict';
var gulp = require('gulp'),
sass = require('gulp-sass'),
livereload = require('gulp-livereload'),
autoprefixer = require('gulp-autoprefixer');
livereload({ start: true });
gulp.task('sass', function () {
@jonathanpath
jonathanpath / bs-xs-max.sublime-snippet
Last active August 29, 2015 14:26
Boostrap Xsmall max media query snippet
<snippet>
<content><![CDATA[
@media (max-width: \$screen-xs-max) {
$1
}
]]></content>
<tabTrigger>bs-xsmall</tabTrigger>
<scope>source.scss</scope>
</snippet>
@jonathanpath
jonathanpath / _or.scss
Last active November 10, 2015 13:38
Or line separation
.hr-or {
display: block;
border-bottom: solid 1px #eee;
margin-bottom: 30px;
text-align: center;
span {
display: inline-block;
padding: 5px 10px;
background-color: #fff;
@jonathanpath
jonathanpath / _tags-input.scss
Created July 2, 2015 15:44
Angular Tags Input better design
/* ==|====================
Vendor/Angular Tags Input
Override https://github.com/mbenford/ngTagsInput
Dependance: Bootstrap Variables
======================= */
tags-input {
.tags {
padding: 6px 7px;
border-color: #ccc;
@jonathanpath
jonathanpath / _checklist.scss
Last active August 29, 2015 14:23
Checklist helper
.checklist {
list-style: none;
position: relative;
li {
padding-left: 0;
margin-bottom: 10px;
font-size: 20px;
i {
@jonathanpath
jonathanpath / _rate.scss
Last active August 29, 2015 14:22
Rate module based on ionicons
/* ==|====================
Module/Rate
Is used for add a rate
thanks to https://css-tricks.com/star-ratings/
======================= */
.rate {
font-size: 40px;
white-space: nowrap;
direction: rtl;
@jonathanpath
jonathanpath / _constrained.scss
Last active January 17, 2017 14:24
Constrained layout SMACSS style
/*===================================
= Constrained =
===================================*/
$constrained-width: 1170;
/* =With padding
---------------------- */
@jonathanpath
jonathanpath / foundation-small.sublime-snippet
Last active August 29, 2015 14:22
Foundation media query small snippet
<snippet>
<content><![CDATA[
@media #{\$small} {
${1}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>foundation-small</tabTrigger>
<scope>source.scss</scope>
</snippet>
@jonathanpath
jonathanpath / .main-title2.scss
Created May 28, 2015 17:19
Title with line in the vertical middle
.main-title2 {
text-align: center;
border-bottom: solid 1px #ddd;
margin-bottom: 50px;
span {
background-color: #fff;
padding: 5px 20px;
display: inline-block;
position: relative;