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);
#!/bin/sh | |
### | |
# SOME COMMANDS WILL NOT WORK ON macOS (Sierra or newer) | |
# For Sierra or newer, see https://github.com/mathiasbynens/dotfiles/blob/master/.macos | |
### | |
# Alot of these configs have been taken from the various places | |
# on the web, most from here | |
# https://github.com/mathiasbynens/dotfiles/blob/5b3c8418ed42d93af2e647dc9d122f25cc034871/.osx |
function Behavior(PSD){ | |
var _BehaviorNames = Object.keys(Behavior.behaviors) | |
.filter(function(BehaviorName){ return !!Behavior.behaviors[BehaviorName].namingPattern }); | |
Object.keys(PSD).forEach(function(layerName){ | |
var layer = PSD[layerName]; | |
_BehaviorNames.forEach(function(BehaviorName){ | |
var match = layerName.match(Behavior.behaviors[BehaviorName].namingPattern); | |
try { |
@mixin smart-underline($background: #fff, $text: #000, $selection: #ffc, $position: 86%){ | |
a { | |
color: inherit; | |
text-decoration: none; | |
background: -webkit-linear-gradient($background, $background), -webkit-linear-gradient($background, $background), -webkit-linear-gradient($text, $text); | |
background-size: .05em 1px, .05em 1px, 1px 1px; | |
background-repeat: no-repeat, no-repeat, repeat-x; | |
text-shadow: 0.03em 0 $background, -0.03em 0 $background, 0 0.03em $background, 0 -0.03em $background, 0.06em 0 $background, -0.06em 0 $background, 0.09em 0 $background, -0.09em 0 $background, 0.12em 0 $background, -0.12em 0 $background, 0.15em 0 $background, -0.15em 0 $background; | |
background-position-y: $position,$position, $position; | |
background-position-x: 0%, 100%, 0%; |