A mixin for writing @font-face rules in SASS.
Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.
@include font-face(Samplino, fonts/Samplino);
Philippe Barbosa philippebarbosa
mhulse
/ Super simple background image slideshow.css
Last active
January 18, 2020 12:46
Super simple jQuery background-image random slideshow (using CSS3 for the transition and gets the image paths via HTML5 `data` attribute).
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
| [data-slides] { | |
| background-image: url(../../uploads/banner1.jpg); /* Default image. */ | |
| background-repeat: no-repeat; | |
| background-position: center top; | |
| background-size: cover; | |
| transition: background-image 1s linear; | |
| } | |
| /* Use additional CSS to control the `height` of `[data-slides]`, like so: */ |
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
| @mixin fontface($name, $file, $weight: normal, $style: normal){ | |
| @font-face { | |
| font-family: "#{$name}"; | |
| src: url('../fonts/#{$file}.eot'); | |
| src: url('../fonts/#{$file}.eot?#iefix') format('embedded-opentype'), | |
| url('../fonts/#{$file}.woff') format('woff'), | |
| url('../fonts/#{$file}.ttf') format('truetype'), | |
| url('../fonts/#{$file}.svg?#webfont') format('svg'); | |
| font-weight: $weight; | |
| font-style: $style; |
guilhermepontes
/ module-es2015.js
Last active
July 10, 2023 04:54
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
| const Application = ((d) => { | |
| const privateVariable = 'Private content' | |
| const __private = { | |
| cache: () => { | |
| this.link = d.querySelector('.link') | |
| }, | |
| bind: () => { | |
| this.link.addEventListener('click', this.showContent, false) |
guilhermepontes
/ gist:4504091
Last active
February 15, 2018 21:15
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
| var app = app || {}; | |
| //object literal | |
| app = { | |
| init: function(){ | |
| this.cache(); | |
| this.bind(); | |
| }, | |
| cache: function(){ |
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
| // This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref | |
| <?php | |
| /** | |
| * WordPress Query Comprehensive Reference | |
| * Compiled by luetkemj - luetkemj.github.io | |
| * | |
| * CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters | |
| * Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php | |
| */ |
liuwen-lvtu
/ tutorial.mkdn
Created
October 18, 2011 03:19
— forked from mirisuzanne/tutorial.mkdn
A new Susy tutorial
For this tutorial I'm assuming you are already comfortable with CSS, Sass (I'll use the SCSS syntax) and Compass. Please get set up with each one of those before attempting to use Susy. Sass and Compass both have their own setup instructions and tutorials that you can use.
There is also reference documentation in the works.
CSS Systems
nuxlli
/ sublime_text_2_useful_shortcuts.md
Created
September 9, 2011 18:51
— forked from lucasfais/gist:1207002
Sublime Text 2 - Useful Shortcuts
