2013-02-06 03:16:51 +08:00
|
|
|
// --------------------------------------------------
|
|
|
|
// Generic helper classes
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
// Floats
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.pull-left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pull-right {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Element visibility
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.show {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide,
|
|
|
|
.hidden {
|
2014-07-23 18:25:09 +08:00
|
|
|
display: none;
|
2013-02-06 03:16:51 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.invisible {
|
2014-07-23 18:25:09 +08:00
|
|
|
visibility: hidden;
|
2013-02-06 03:16:51 +08:00
|
|
|
}
|
|
|
|
|
2014-04-29 17:43:18 +08:00
|
|
|
.sr-only {
|
|
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
|
|
height: 1px;
|
|
|
|
padding: 0;
|
|
|
|
margin: -1px;
|
|
|
|
overflow: hidden;
|
|
|
|
clip: rect(0,0,0,0);
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-06 03:16:51 +08:00
|
|
|
// Affix
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.affix {
|
|
|
|
position: fixed;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Contain floats
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.clearfix {
|
|
|
|
&:before,
|
|
|
|
&:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
&:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
}
|
2013-07-31 02:45:03 +08:00
|
|
|
|
|
|
|
// Overflow
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.overflow-ellipsis {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
2013-11-06 05:56:32 +08:00
|
|
|
|
|
|
|
// Clickable elements
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
.clickable {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|