View typography.scss
| $start: 2.5rem; | |
| @each $h in h1, h2, h3, h4, h5, h6{ | |
| #{$h} { | |
| font-size: $start; | |
| } | |
| $start: $start - 0.125; | |
| } |
View ua.js
| $( document ).ready(function() { | |
| var iphone = /iPhone/i.test(navigator.userAgent); | |
| if (iphone) { | |
| $('.yourclass').css("display","none"); | |
| } | |
| }); |
shankariyerr
/ snippets.cson
Last active Jun 28, 2016
Atom snippet for a bootstrap project. Learn: https://www.sitepoint.com/use-code-snippets-atom/
View snippets.cson
| '.text.html.basic': | |
| 'HTML 5': | |
| 'prefix': 'bootstrap' | |
| 'body': ''' | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <!-- Basic Page needs --> | |
| <meta charset="utf-8"> |
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
/ 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
shankariyerr
/ JekyllNavigation.html
Last active Sep 4, 2016
Jekyll page.next and page.previous. See this gist for style: https://gist.github.com/shankariyerr/5d1af3c4b24acb4d06d971c63dea988a
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 |
OlderNewer