evanre
/ superhover.scss
Last active
January 25, 2016 17:52
Mixin that extends all action states :hover, :active, :focus (SASS, SCSS)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Extends all action states :hover, :active, :focus. | |
| @mixin superhover { | |
| &:hover, | |
| &:active, | |
| &:focus { | |
| @content; | |
| } | |
| } |
evanre
/ smooth_scrolling.js
Last active
February 23, 2017 23:23
Smooth Scrolling to #anchor from Chris Coyier
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function() { | |
| $('a[href*="#"]:not([href="#"])').click(function () { | |
| if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { | |
| var target = $(this.hash); | |
| target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | |
| if (target.length) { | |
| $('html,body').animate({ | |
| scrollTop: target.offset().top | |
| }, 1000); | |
| return false; |
evanre
/ browser_specific.js
Created
January 25, 2016 17:44
Browser and Device specific CSS styles with SASS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| document.documentElement.setAttribute("data-browser", navigator.userAgent); |
evanre
/ browserupgrade.html
Created
June 18, 2016 18:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--[if lte IE 9]> | |
| <div class="browserupgrade__overlay"> | |
| <div class="browserupgrade"> | |
| <p class="browserupgrade__sory">Sorry, your browser is too old</p> | |
| <p class="browserupgrade__text">It seems that you are using <strong>outdated and insecure</strong> version of | |
| Internet Explorer. This version of the browser does not support many advanced technologies, because of which | |
| many pages are displayed incorrectly.<br>Please, <a href="http://www.whatbrowser.org/intl/en/" target="_blank"> | |
| upgrade your browser</a>, <br> to get a better impression of the Network.</p> | |
| <a href="http://www.whatbrowser.org/intl/en/" class="browserupgrade__btn" target="_blank">Upgrade browser</a> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Computes a top-shadow for a card effect. | |
| // @param {Number} $depth - depth level | |
| // @return {List} | |
| // | |
| @function top-shadow($depth) { | |
| $primary-offset: nth(1.5 3 10 14 19, $depth) * 1px; | |
| $blur: nth(1.5 3 10 14 19, $depth) * 4px; | |
| $color: rgba(black, nth(.12 .16 .19 .25 .30, $depth)); |
evanre
/ wp-config.php
Created
July 2, 2016 11:25
WordPress: Set WordPress site URL in the config file instead of the database
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // WordPress stores the site URL in the database by default (which I have never | |
| // understood), and it's a pain to have to type out the UPDATE SQL or search in | |
| // phpMyAdmin to change it. This is a simple way to put the URL into | |
| // wp-config.php instead. | |
| // Note that you will still need to update any URLs that appear in the content, | |
| // especially when you copy a database from a development site to production: | |
| // https://gist.github.com/davejamesmiller/a8733a3fbb17e0ff0fb5 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Flex Grid | |
| */ | |
| // | |
| // Usage | |
| // ===== | |
| // Assuming default values: | |
| // <div class="row"> | |
| // <div class="col-xs-6"> | |
| // A half-width column. |
evanre
/ emmet-user-settings.js
Created
July 21, 2016 16:53
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| // With this option enabled, all Emmet's CSS snippets | |
| // will be available in standard auto-complete popup | |
| "show_css_completions": true, | |
| // If set to `true`, Emmet will automatically insert final tabstop | |
| // at the end of expanded abbreviation | |
| "insert_final_tabstop": false, | |
| /////////////////////////////// |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // To see how it works, copy this code and paste on http://www.sassmeister.com/ | |
| //Font-face mixin | |
| //Generate font src string | |
| @function font-src-list($formats, $local, $name, $path, $weight, $type) { | |
| $string: unquote('') !default; | |
| $i: 1; | |
| @if $local { | |
| @each $item in $local { | |
| $string: $string + unquote('local("#{$item}"), '); | |
| } |
OlderNewer