Skip to content

Instantly share code, notes, and snippets.

View name-k's full-sized avatar
💢

Mykhailo Pronin name-k

💢
  • Nuix
  • Homeless
View GitHub Profile
$(function() {
// To keep track of how many images have loaded
var loaded = 0;
// Let's retrieve how many images there are
var numImages = $("img").length;
// Let's bind a function to the loading of EACH image
$("img").load(function() {
// One more image has loaded
++loaded;
// Only if ALL the images have loaded
//============================================================
//
// linear-gradient
//
// @param dir : top, left, 90deg
// @param start-color : #000, rgba(255,255,255,0.5)
// @param end-color : #000, rgba(255,255,255,0.5)
//
// NOTE: The direction for the IE gradient is automagically
// worked out for you based either on the direction or the
@font-face {
font-family: 'font_name';
src: url('font_name.eot');
src: local('font_name'), local('font_name'),
url('font_name.eot?#iefix') format('embedded-opentype'),
url('font_name.woff') format('woff');
}
.rgba(@colour, @alpha) {
@alphaColour: hsla(hue(@colour), saturation(@colour), lightness(@colour), @alpha);
@ieAlphaColour: argb(@alphaColour);
background-color: @colour; // Fallback for older browsers
// IE hacks
zoom: 1; // hasLayout
background-color: transparent\9;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColour}, endColorstr=@{ieAlphaColour})"; // IE 8+