git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/examples/offcanvas/offcanvas.css

   1 /*
   2  * Style twaks
   3  * --------------------------------------------------
   4  */
   5 body {
   6   padding-top: 70px;
   7 }
   8 footer {
   9   padding-left: 15px;
  10   padding-right: 15px;
  11 }
  12
  13 /*
  14  * Off Canvas
  15  * --------------------------------------------------
  16  */
  17 @media screen and (max-width: 768px) {
  18   .row-offcanvas {
  19     position: relative;
  20     -webkit-transition: all 0.25s ease-out;
  21     -moz-transition: all 0.25s ease-out;
  22     transition: all 0.25s ease-out;
  23   }
  24
  25   .row-offcanvas-right
  26   .sidebar-offcanvas {
  27     right: -50%; /* 6 columns */
  28   }
  29
  30   .row-offcanvas-left
  31   .sidebar-offcanvas {
  32     left: -50%; /* 6 columns */
  33   }
  34
  35   .row-offcanvas-right.active {
  36     right: 50%; /* 6 columns */
  37   }
  38
  39   .row-offcanvas-left.active {
  40     left: 50%; /* 6 columns */
  41   }
  42
  43   .sidebar-offcanvas {
  44     position: absolute;
  45     top: 0;
  46     width: 50%; /* 6 columns */
  47   }
  48 }