Files
robotopro/static/css/less/basic.less
Fergal Moran 294a55889c Initial commit
2013-08-29 12:08:44 +01:00

186 lines
3.0 KiB
Plaintext
Executable File

//some elements variables
@blockquote-border:#E5EAF1;
@modal-footer-border:#E4E9EE;
@modal-footer-bg:#EFF3F8;
@pagination-color:#2283C5;
@pagination-border:#E0E8EB;
@pagination-bg:#FAFAFA;
@pagination-bg-hover:#EAEFF2;
@pagination-bg-disabled:#F9F9F9;
@pagination-border-disabled:#D9D9D9;
@pagination-color-active:#FFF;
@pagination-bg-active:#6FAED9;
@pagination-border-active:#6FAED9;
/* elements */
[class*=" icon-"] , [class^="icon-"] {
display:inline-block;
text-align:center;
}
a{
&:focus, &:active {
text-decoration:none;
}
}
/* header sizes */
.h-size(@index) when (@index > 0){
@h-tag : ~`"h@{index}"`;
@{h-tag} {
@tmpvar : ~`"h@{index}-size"`;//get the variable h1-size, h2-size , etc...
font-size:unit(@@tmpvar , px);
font-weight:normal;
&.smaller {
font-size:unit((@@tmpvar - 1) , px);
}
&.bigger {
font-size:unit((@@tmpvar + 1) , px);
}
&.block {
margin-bottom:16px;
}
}
}
.h-size(1);
.h-size(2);
.h-size(3);
.h-size(4);
.h-size(5);
.h-size(6);
/* some list styling */
li > ul.margin,
li > ol.margin
{
margin-left:18px;
}
.unstyled , .inline {
> li > [class*="icon-"]:first-child {
width:20px;
text-align:center;
}
}
.spaced > li {
margin-top:9px;
margin-bottom:9px;
}
.spaced2 > li {
margin-top:15px;
margin-bottom:15px;
}
li.divider {
margin-top:3px;
margin-bottom:3px;
height:0; font-size:0;
.spaced > & {
margin-top:5px;
margin-bottom:5px;
}
.spaced2 > & {
margin-top:8px;
margin-bottom:8px;
}
&:before {
content:"";
display:inline-block;
}
}
/* little elements */
blockquote{
&, &.pull-right {
border-color:@blockquote-border;
}
}
/* modals */
.modal {
border-radius:0;
}
.modal-footer {
border-top-color:@modal-footer-border;
.box-shadow(none);
background-color:@modal-footer-bg;
}
.modal-header .close {
font-size:32px;
}
/* wells */
.well {
border-radius:0;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
margin-top:0;
}
.well h1, .well h2, .well h3 {
line-height:36px;
}
/* alerts */
.alert {
font-size:14px;
border-radius:0;
.close {
font-size:16px;
}
}
.alert-block p + p {
margin-top:10px;
}
/* pagination */
.pagination ul > li > a , .pager > li > a,
.pagination ul > li > span , .pager > li > span
{
border-width:1px;
border-radius:0 !important;
}
.pagination ul > li > a, .pager > li > a
{
color:@pagination-color;
background-color:@pagination-bg;
margin:0 -1px 0 0;
border-color:@pagination-border;
}
.pagination ul > li > a:hover , .pager > li > a:hover {
background-color:@pagination-bg-hover;
}
.pagination ul > li.disabled > a , .pagination ul > li.disabled > a:hover ,
.pager > li.disabled > a , .pager > li.disabled > a:hover {
background-color:@pagination-bg-disabled;
border-color:@pagination-border-disabled;
}
.pagination ul > li.active > a, .pagination ul > li.active > a:hover {
background-color:@pagination-bg-active;
border-color:@pagination-border-active;
color:@pagination-color-active;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}