POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/examples/offcanvas/offcanvas.css

   1 /*
   2  * Style tweaks
   3  * --------------------------------------------------
   4  */
   5 html,
   6 body {
   7   overflow-x: hidden; /* Prevent scroll on narrow devices */
   8 }
   9 body {
  10   padding-top: 70px;
  11 }
  12 footer {
  13   padding: 30px 0;
  14 }
  15
  16 /*
  17  * Off Canvas
  18  * --------------------------------------------------
  19  */
  20 @media screen and (max-width: 767px) {
  21   .row-offcanvas {
  22     position: relative;
  23     -webkit-transition: all .25s ease-out;
  24          -o-transition: all .25s ease-out;
  25             transition: all .25s ease-out;
  26   }
  27
  28   .row-offcanvas-right {
  29     right: 0;
  30   }
  31
  32   .row-offcanvas-left {
  33     left: 0;
  34   }
  35
  36   .row-offcanvas-right
  37   .sidebar-offcanvas {
  38     right: -50%; /* 6 columns */
  39   }
  40
  41   .row-offcanvas-left
  42   .sidebar-offcanvas {
  43     left: -50%; /* 6 columns */
  44   }
  45
  46   .row-offcanvas-right.active {
  47     right: 50%; /* 6 columns */
  48   }
  49
  50   .row-offcanvas-left.active {
  51     left: 50%; /* 6 columns */
  52   }
  53
  54   .sidebar-offcanvas {
  55     position: absolute;
  56     top: 0;
  57     width: 50%; /* 6 columns */
  58   }
  59 }