git.roojs.org Git - roojs1/blob - scss/startbootstrap-sb-admin-2/_global.scss

   1 // Global component styles
   2
   3 html {
   4   position: relative;
   5   min-height: 100%;
   6 }
   7
   8 body {
   9   height: 100%;
  10 }
  11
  12 a {
  13   &:focus {
  14     outline: none;
  15   }
  16 }
  17
  18 // Main page wrapper
  19 #wrapper {
  20   display: flex;
  21   #content-wrapper {
  22     background-color: $gray-100;
  23     width: 100%;
  24     overflow-x: hidden;
  25     #content {
  26       flex: 1 0 auto;
  27     }
  28   }
  29 }
  30
  31 // Set container padding to match gutter width instead of default 15px
  32 .container,
  33 .container-fluid {
  34   padding-left: $grid-gutter-width;
  35   padding-right: $grid-gutter-width;
  36 }
  37
  38 // Scroll to top button
  39 .scroll-to-top {
  40   position: fixed;
  41   right: 1rem;
  42   bottom: 1rem;
  43   display: none;
  44   width: 2.75rem;
  45   height: 2.75rem;
  46   text-align: center;
  47   color: $white;
  48   background: fade-out($gray-800, .5);
  49   line-height: 46px;
  50   &:focus,
  51   &:hover {
  52     color: white;
  53   }
  54   &:hover {
  55     background: $gray-800;
  56   }
  57   i {
  58     font-weight: 800;
  59   }
  60 }