clipbucket/upload/styles/cb_27/theme/assets/css/less/ace-responsive.less
2014-09-19 09:58:54 +00:00

117 lines
2.1 KiB
Text

@media only screen and (max-width: @screen-xs) {
.hidden-480{
display:none !important;
}
}
@media only screen and (max-width: @screen-tiny) {
.hidden-320{
display:none !important;
}
}
@media only screen and (max-width: @screen-xs) {
[class*="vspace-xs"] {
display:block;
}
}
@media only screen and (max-width: @screen-xs-max) {
[class*="vspace-sm"] {
display:block;
}
}
@media only screen and (max-width: @screen-sm-max) {
[class*="vspace-md"] {
display:block;
}
}
@media only screen and (max-width: @screen-md-max) {
[class*="vspace-lg"] {
display:block;
}
}
@media only screen and (max-width: @screen-sm-max) {
.main-content {
margin-left:0 !important;
}
}
// page-content less padding
@media only screen and (max-width: @screen-xs-max) {
.page-content {
padding-left: @grid-gutter-width / 2;
padding-right: @grid-gutter-width / 2;
}
}
@media (max-width: @screen-sm-max) {
body.breadcrumbs-fixed {
padding-top:45px;
}
.navbar-fixed-top {
margin-bottom: 0;
}
.sidebar.fixed , .sidebar.sidebar-fixed {
position:absolute;
}
}
@media (max-width: @screen-topbar-down) {
body.navbar-fixed {
padding-top: 90px;
}
}
// error pages
@media only screen and (max-width: @screen-xs-max) {
.error-container {
margin:12px;
}
}
@media only screen and (max-width: @screen-xs) {
.error-container {
margin:6px;
}
}
/* custom grid */
@media only screen and (max-width: 360px) {
.grid2 , .grid3 , .grid4{
float:none;
display:block;
width:96%;
border-left:none;
position:relative;
margin-bottom:11px;
border-bottom:1px solid #E3E3E3;
padding-bottom:4px;
}
.grid2 > [class*="pull-"], .grid3 > [class*="pull-"], .grid4 > [class*="pull-"]{
float:none !important;
display:inline-block;
position:absolute;
right:11px; top:0;
margin-top:0;
}
.grid2:last-child , .grid3:last-child , .grid4:last-child {
border-bottom:none;
}
}
@media only screen and (max-width: @screen-xs) {
.ace-settings-container , body.breadcrumbs-fixed .ace-settings-container {
top: 65px;
}
}