天津投入产出系统后端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

232 lines
3.7 KiB

//some elements variables
@blockquote-border:#E5EAF1;
@modal-footer-border:#E4E9EE;
@modal-footer-bg:#EFF3F8;
@pagination-color: #2283C5;
@pagination-border: darken(#E0E8EB , 4%);
@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
.@{icon} {
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;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
&.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
ul, ol {
//split margins for better RTL side
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
margin-left: 25px;
padding: 0;
&.margin-5 { margin-left: 5px; }
&.margin-10 { margin-left: 10px; }
&.margin-15 { margin-left: 15px; }
&.margin-20 { margin-left: 20px; }
}
li > ul,
li > ol {
margin-left: 18px;
}
.list-unstyled , .list-inline {
margin-left: 0;
> li > .@{icon}:first-child {
width: 18px;
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 , blockquote.pull-right, .blockquote-reverse {
border-color: @blockquote-border;
}
pre.prettyprint {
white-space: pre-wrap;
}
//modals
.modal-content {
.border-radius(0);
.box-shadow(none);
}
.modal-footer {
padding-top: 12px;
padding-bottom: 14px;
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: @font-size-alert;
.border-radius(0);
.close {
font-size: 16px;
}
}
.alert-block p + p {
margin-top: 10px;
}
//pagination
.enable_pagination() when(@enable-pagination = true) {
.pagination > li > span , .pager > li > span {
border-width: 1px;
border-radius: 0 !important;
}
.pagination > li > a, .pager > li > a {
border-width: 1px;
border-color: @pagination-border;
border-radius: 0 !important;
color: @pagination-color;
background-color: @pagination-bg;
margin: 0 -1px 0 0;
position: relative;
z-index: auto;
&:hover {
color: darken(@pagination-color, 8%);
background-color: @pagination-bg-hover;
border-color: darken(@pagination-border , 6%);
z-index: 1;
}
&:focus {
background-color: spin(@pagination-bg-hover, 10%);
}
}
.pagination > li.disabled > a, .pager > li.disabled > a {
&, &:hover {
background-color: @pagination-bg-disabled;
border-color: @pagination-border-disabled;
z-index: auto;
}
}
.pagination > 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);
z-index: 2;
}
}
}
.enable_pagination();
//list group
.list-group-item {
border-radius: 0 !important;
}