Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

Shankar shankariyerr

🏠
Working from home
Block or report user

Report or block shankariyerr

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
@shankariyerr
shankariyerr / typography.scss
Created May 23, 2016
SASS function for headings
View typography.scss
$start: 2.5rem;
@each $h in h1, h2, h3, h4, h5, h6{
#{$h} {
font-size: $start;
}
$start: $start - 0.125;
}
@shankariyerr
shankariyerr / ua.js
Created May 30, 2016
Hide HTML elements for iphone using useragent
View ua.js
$( document ).ready(function() {
var iphone = /iPhone/i.test(navigator.userAgent);
if (iphone) {
$('.yourclass').css("display","none");
}
});
View snippets.cson
'.text.html.basic':
'HTML 5':
'prefix': 'bootstrap'
'body': '''
<!DOCTYPE html>
<html>
<head>
<!-- Basic Page needs -->
<meta charset="utf-8">
@shankariyerr
shankariyerr / visible on scroll
Created Jul 14, 2016
Div visible only after scrolling to specific waypoint
View visible on scroll
var isVisible = false;
$('#id').click(function(){
$(window).scrollTop(0);
});
$(window).scroll(function(){
var shouldBeVisible = $(window).scrollTop()>500;
if (shouldBeVisible && !isVisible) {
isVisible = true;
$('#idr').show();
} else if (isVisible && !shouldBeVisible) {
@shankariyerr
shankariyerr / JekyllNavigation.scss
Created Sep 4, 2016
Styles for Jekyll page.next and page.previous. See this gist for markup: https://gist.github.com/shankariyerr/f283a673708c8886566fb5af53643053
View JekyllNavigation.scss
// Pagination
.pagination {
overflow: hidden; // clearfix
margin: 0 -1.5rem 1rem;
color: #ccc;
text-align: center;
}
// Pagination items can be `span`s or `a`s
View JekyllNavigation.html
<div class="pagination">
<div id="post-nav">
{% if page.previous.url %}
<a class="pagination-item older" href="{{page.previous.url}}">&laquo; Previous</a>
{% endif %}
{% if page.next.url %}
<a class="pagination-item newer" href="{{page.next.url}}">Next &raquo;</a>
{% endif %}
</div>
</div>
@shankariyerr
shankariyerr / adblock-unblock-font-awesome.css
Created Oct 17, 2016
For people who are annoyed with Fanboy's annoyances. Use this css file to unblock the adblock. Make sure you use the same class name.
View adblock-unblock-font-awesome.css
.my-fa-facebook:before {
content: "\f09a";
}
.my-fa-facebook-square:before {
content: "\f082";
}
.my-fa-flickr:before {
content: "\f16e";
}
.my-fa-google-plus-square:before {
View favicon.html
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicon/android-icon-192x192.png">
View style.scss
@import "vendors/bootstrap";
@import "vendors/jquery-ui";
@import "utils/variables";
@import "utils/functions";
@import "utils/mixins";
@import "utils/placeholders";
@import "base/reset";
@import "base/typography";
View .gitignore
### OSX ###
*.DS_Store
.AppleDouble
.LSOverride
### Project Specific - Optacredit ###
dist/
build/
node_modules/
config.codekit
You can’t perform that action at this time.