0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Bootstrap/docs/4.0/examples/offcanvas/offcanvas.css

64 lines
1.0 KiB
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: 767.99px) {
.row-offcanvas {
position: relative;
2017-10-02 20:54:47 +02:00
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
2017-10-02 20:54:47 +02:00
.row-offcanvas-right .sidebar-offcanvas {
right: -100%; /* 12 columns */
}
2017-10-02 20:54:47 +02:00
.row-offcanvas-right.active .sidebar-offcanvas {
2013-08-16 23:12:18 +02:00
right: -50%; /* 6 columns */
}
2017-10-02 20:54:47 +02:00
.row-offcanvas-left .sidebar-offcanvas {
left: -100%; /* 12 columns */
}
2017-10-02 20:54:47 +02:00
.row-offcanvas-left.active .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
}