git.roojs.org Git - roojs1/blob - old-css-bootstrap/sticky-footer.css

   1 /*html, */
   2
   3
   4
   5 /* Sticky footer styles
   6 -------------------------------------------------- */
   7 html.bootstrap-sticky {
   8   position: relative;
   9   min-height: 100%;
  10 }
  11 html.bootstrap-sticky body {
  12   /* Margin bottom by footer height */
  13   margin-bottom: 60px;
  14 }
  15 .bootstrap-sticky-footer {
  16   position: absolute;
  17   bottom: 0;
  18   width: 100%;
  19   /* Set the fixed height of the footer here */
  20   height: 60px;
  21   background-color: #f5f5f5;
  22 }
  23
  24
  25
  26 /* Lastly, apply responsive CSS fixes as necessary */
  27 @media (max-width: 767px) {
  28     .bootstrap-sticky-footer {
  29         margin-left: -20px;
  30         margin-right: -20px;
  31         padding-left: 20px;
  32         padding-right: 20px;
  33     }
  34 }
  35
  36