Skip to content

Instantly share code, notes, and snippets.

@alsoicode
Created December 22, 2011 16:22
Show Gist options
  • Save alsoicode/1510867 to your computer and use it in GitHub Desktop.
Save alsoicode/1510867 to your computer and use it in GitHub Desktop.
Example of .less with concatenated rule
body
{
background: url("../images/bg-page.jpg") no-repeat scroll 50% 0 #050404;
}
img
{
display: block;
}
footer
{
border-top: none;
margin-top: 0;
padding-top: 0;
p
{
font-size: 10px;
color: white;
}
}
#cchs-logo
{
display: block;
margin: 10px 0 0 0;
}
header
{
.search
{
background: url("../images/bg-page-top.gif") scroll left top repeat;
overflow: auto;
/* Override Bootstrap to float form right */
.row > form[class*="span"]
{
display: block;
float: right;
margin: 0 5px 0 0;
}
.row
{
margin-bottom: 0;
}
form
{
background-color: #000;
fieldset
{
padding-top: 4px;
margin-bottom: 6px;
}
legend
{
color: #fff;
font-size: 10px;
margin: 0;
padding: 5px 0 0 5px;
text-transform: uppercase;
}
input[type="text"]
{
width: 140px;
margin: 0 0 0 5px;
color: #333;
font-size: 11px;
height: 9px;
}
}
nav ul
{
margin-bottom: 0;
li
{
display: block;
float: left;
a
{
color: #fff;
text-transform: uppercase;
display: inherit;
padding: 3px 9px;
font-size: 11px;
letter-spacing: 1px;
}
a:hover
{
background-color: black;
text-decoration: none;
}
&.active
{
background-color: black;
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment