carlwood

#SASS Link Colours shorthand

link-colors($normal, $hover, $active, $visited, $focus)

usage:

carlwood

#Fixing fuzzy CSS triangles in Firefox

References http://stackoverflow.com/questions/12301366/pure-css-triangle-looks-blurry-in-firefox.

Thanks to http://stackoverflow.com/users/295770/luca

This problem references my earlier gist (https://gist.github.com/carlwood/5663616) where I created css triangles to display a selected link - which would open a dropdown.

Original SCSS source code:

carlwood

I was having a problem with floating two element - both left - hoping that the second element's width would expand to the end.

Original code:

.left { float: left; {
.right { float: left; } // right does not expand to fit the width of the row

Fix:

carlwood

// Sets rems, or px for IE
.font-size(@sizeValue) {
    @remValue: @sizeValue;
    @pxValue: (@sizeValue * 10);
    font-size: ~"@{pxValue}px"; 
}

// Usage
.font-size(1.6); // 16px/1.6rem

carlwood

if (navigator.userAgent.match(/mobile/i)) {
	$('body').addClass('touch');
}

carlwood

global-styling:
  js:
    build/js/vendor.js: {}
    build/js/main.js: {}
  dependencies:
    - core/drupal
  css:
    theme:
      build/css/main.css: {}

carlwood

background: #f00 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=);