Skip to content

Instantly share code, notes, and snippets.

Working from home

Shankar shankariyerr

Working from home
View GitHub Profile
shankariyerr / password-regex.txt
Last active Aug 29, 2020
password regex with optional special characters
View password-regex.txt
View dark-mode-css-variables
html.dark-mode body {
color: var(--dark-mode-color, rgba(255, 255, 255, 0.7) );
background: #192633 !important;
/* Main container? */
html.dark-mode ._4sp8 {
background: #192633 !important;
View .gitignore
### OSX ###
### Project Specific - Optacredit ###
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 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">
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 {
shankariyerr / JekyllNavigation.scss
Created Sep 4, 2016
Styles for Jekyll and page.previous. See this gist for markup:
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 %}
<a class="pagination-item newer" href="{{}}">Next &raquo;</a>
{% endif %}
shankariyerr /
Last active May 6, 2017
SASS folder structure
mkdir vendors;cd vendors;touch _bootstrap.scss;touch _jquery-ui.scss;cd ../;mkdir utils;cd utils;touch _variables.scss;touch _functions.scss;touch _mixins.scss;touch _placeholders.scss;cd ../;mkdir base;cd base;touch _reset.scss;touch _typography.scss;cd ../;mkdir layout;cd layout;touch _navigation.scss;touch _grid.scss;touch _header.scss;touch _footer.scss;touch _sidebar.scss;touch _forms.scss;cd ../;mkdir components;cd components;touch _buttons.scss;touch _carousel.scss;touch _cover.scss;touch _dropdown.scss;cd ../;mkdir pages;cd pages;touch _home.scss;touch _contact.scss;cd ../;mkdir themes;cd themes;touch _theme.scss;touch _admin.scss;cd ../;touch style.scss;
shankariyerr / visible on scroll
Created Jul 14, 2016
Div visible only after scrolling to specific waypoint
View visible on scroll
var isVisible = false;
var shouldBeVisible = $(window).scrollTop()>500;
if (shouldBeVisible && !isVisible) {
isVisible = true;
} else if (isVisible && !shouldBeVisible) {
You can’t perform that action at this time.