Skip to content

Instantly share code, notes, and snippets.

@TCattd
Last active December 24, 2015 02:49
Show Gist options
  • Save TCattd/6732838 to your computer and use it in GitHub Desktop.
Save TCattd/6732838 to your computer and use it in GitHub Desktop.
LESStart
/*
esteban@attitude.cl
http://lesscss.org/
LESStart
This content is released under the (http://opensource.org/licenses/MIT) MIT License.
*/
@charset "UTF-8";
/* Variables */
/* Variables */
/* Variables */
@blanco: #ffffff;
@negro: #000000;
@border: 1px;
/* HTML */
/* HTML */
/* HTML */
//http://i.imgur.com/UmpOi.gif
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {
height: 100%;
padding: 0;
margin: 0;
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
color: @negro;
font-size: 14px; font-size: 1.4rem; /* =14px */
}
a {
text-decoration: none;
img {
border: 0;
}
}
a img {
border: 0;
}
/* Iconos */
/* Iconos */
/* Iconos */
//http://weloveiconfonts.com/
//@import url(http://weloveiconfonts.com/api/?family=brandico|entypo|typicons|zocial);
/* brandico */
[class*="brandico-"]:before {
font-family: 'brandico', sans-serif;
}
/* entypo */
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* typicons */
[class*="typicons-"]:before {
font-family: 'Typicons', sans-serif;
}
/* zocial */
[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before {
font-family: 'FontAwesome', sans-serif;
}
/* openwebicons */
[class*="openwebicons-"]:before {
font-family: 'OpenWeb Icons', sans-serif;
}
/* Comunes */
/* Comunes */
/* Comunes */
//http://perishablepress.com/lessons-learned-concerning-the-clearfix-css-hack/
//http://nicolasgallagher.com/micro-clearfix-hack/ ???
//http://blustemy-design.com/blog/clearfix-mixin-in-less/
.clearfix {
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
*zoom: 1; // When supporting IE 7
}
/*
https://gist.github.com/geddski/2416187
http://blustemy-design.com/blog/clearfix-mixin-in-less/
*/
.cf {
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
*zoom: 1; // When supporting IE 7
}
.clear {
clear: both;
}
.hide {
display: none;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
display: inline;
}
.block {
display: block;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.rcorners (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.rcorner_tr (@radius: 5px) {
-webkit-border-top-right-radius: @radius;
-moz-border-radius-topright: @radius;
border-top-right-radius: @radius;
}
.allcaps {
text-transform: uppercase;
}
.bold {
font-weight: bold;
}
.font_ssanspro {
font-family: 'Source Sans Pro', sans-serif;
}
//http://apps.eky.hk/css-triangle-generator/
//http://www.css3shapes.com/
.circle {
width: 25px;
height: 25px;
background: darken(@negro, 10%);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
line-height: 25px;
text-align: center;
}
.pointer, .curpointer {
cursor: pointer;
}
.curhelp {
cursor: help;
}
.listnodots {
list-style-type: none;
}
.menu-lines {
position: relative;
padding-left: 1.25em;
}
.menu-lines:before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
width: 1em;
height: 0.15em;
background: black;
box-shadow:
0 0.25em 0 0 black,
0 0.5em 0 0 black;
}
.noselect {
-webkit-user-select: none;
-moz-user-select: -moz-none;
/*IE10*/
-ms-user-select: none;
user-select: none;
/*You just need this if you are only concerned with android and not desktop browsers.*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Go Go Go!!! */
/* Go Go Go!!! */
/* Go Go Go!!! */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment