Skip to content

Instantly share code, notes, and snippets.

djuxed

Block or report user

Report or block djuxed

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:4546266
<link rel="logo" type="image/svg" href="http://yourdomain.com/logo.svg"/>
View gist:4451839
.InnerShadow (@Horizontal: 0, @Vertical: 10px, @Blur: 10px, @Colour: @Orangeshadow) {
-webkit-box-shadow: inset @Horizontal @Vertical @Blur @Colour;
-moz-box-shadow: inset @Horizontal @Vertical @Blur @Colour;
box-shadow: inset @Horizontal @Vertical @Blur @Colour;
}
.BoxShadow (@boxShadow: 0 1px 1px rgba(0,0,0,0.08)) {
-webkit-box-shadow: @boxShadow;
-moz-box-shadow: @boxShadow;
box-shadow: @boxShadow;
@djuxed
djuxed / gist:4451827
Last active Dec 10, 2015
Border Radius Mixin
View gist:4451827
.BorderRadius (@radius: 3px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
@djuxed
djuxed / gist:4259467
Last active Oct 13, 2015
Support Specification
View gist:4259467
@supports ( font-feature-settings: ‘liga’ ) or
( -webkit-font-feature-settings: 'liga' ) or
( -moz-font-feature-settings: 'liga=1' ) {
h1 {
font-family: 'A Common Ligatured Font', serif;
}
}
/* OR */
@djuxed
djuxed / gist:4259229
Last active Oct 13, 2015
Better Ampersand in CSS3. Unicode range allows you to target specific characters that are not likely to be used within the content, for example changing the font only for the 'Ampersand' or special characters.
View gist:4259229
@font-face {
font-family: 'Ampersand';
src: local('Baskerville'), local('Palatino'), local('Book Antiqua');
unicode-range: U+26;
}
@font-face {
/* Ampersand fallback font, otherwise the Ampersand font family will be applied to all characters for unsupported browsers. */
font-family: 'Ampersand';
src: local('Arial');
You can’t perform that action at this time.