Skip to content

Instantly share code, notes, and snippets.

/* @group Radius */
.border-radius (@r: 0){
-webkit-border-radius: @r;
-moz-border-radius: @r;
border-radius: @r;
}
.border-top-left-radius(@r: 0){
-webkit-border-top-left-radius:@r;
-moz-border-radius-topleft:@r;
border-top-left-radius:@r;
/*
Form Base Notes
-- Drop-down <select> menus are unaffected.
*/
input,
button,
select,
textarea {
margin: 0;
@LeeRJohnson
LeeRJohnson / typogridphy-2.css
Created July 15, 2010 21:05
TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY
/*
+----------------------------------------------------------------------------------------------------+
| |
| TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY |
| |
+-------------------------------------------------+--------------------------------------------------+
| | |
| TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS | v 0.2.0 |
| IT IS FREE TO BE USED AND MODIFIED PROVIDED | May 2009 |
/******************************************************************************
* Less CSS Document Structure Base Classes
*******************************************************************************
Summary: CSS style .classes interfaces to common docuemnt elements
with a Less property, a CSS class, to be accessed from othor Less docs.
* version: .01;
* Author: Lee R Johnson;
* Date: 2009-7-28;
/*
CSS3 Button Mixins
@author Benjamin "balupton" Lupton {@link http://www.balupton.com}
@author http://www.webdesignerwall.com/demo/css-buttons.html
@version 1.0, April 25 2010
Usage:
.button {
+cssbutton;
}
body {
font-size: 62.5% /* .625 X 16 = 10 */
font-family: Arial, sans-serif;
}
/* 48px - The quick brown fox jumps over the lazy dog */
.class-for-48px {
font-size: 4.8em; /* 48px */
line-height: 1em; /* 48px */
margin-top: 0.5em;
margin-bottom: 0em;
@LeeRJohnson
LeeRJohnson / CSS3-transitional.less.css
Created August 12, 2010 14:45 — forked from mbleigh/__README__.markdown
CSS3 LESS a fork in progress
//
// Rounded Corners
//
.border-radius(@radius)
-moz-border-radius: @radius
-webkit-border-radius: @radius
border-radius: @radius
.border-top-left-radius(@radius)
@LeeRJohnson
LeeRJohnson / html5-doctype-en-utf-8.html
Created August 25, 2010 17:33
HTML5 Optimized Markup Document Starts
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Valid HTML5 Document - Language English - Encoding UTF-8</title>
@LeeRJohnson
LeeRJohnson / jqeury-tools.inc.html
Created September 30, 2010 13:03
HTML5 Document TechNubs
<!-- jQuery Library + ALL jQuery Tools -->
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
@LeeRJohnson
LeeRJohnson / col-ui.js
Created October 11, 2010 14:10
The good pieces from COL Library
var col['ui'] =
rotator: {
playing: false,
toolbar: function(settings) {
//TODO: Update to JQuery UI button
function createButton(config) {
var btn = $('<a />') // LinkButton
.attr('href', '#') // + config.label
.attr('rel', config.label) // .addClass(config.label) // old CSS support
.attr('title', config.label)