0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-05 17:24:20 +01:00
Bootstrap/examples/offcanvas/offcanvas.css

60 lines
990 B
CSS
Raw Normal View History

/*
2013-08-25 23:58:01 +02:00
* Style tweaks
* --------------------------------------------------
*/
html,
body {
overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
padding-top: 70px;
}
footer {
padding: 30px 0;
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
2013-08-16 23:12:18 +02:00
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
2013-08-16 23:12:18 +02:00
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
2013-08-16 23:12:18 +02:00
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
2013-08-16 23:12:18 +02:00
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
2013-08-16 23:12:18 +02:00
top: 0;
width: 50%; /* 6 columns */
}
2013-08-25 23:58:01 +02:00
}