src/scss/bootstrap-4.0.0-alpha.6/docs/examples/dashboard/dashboard.css

   1 /*
   2  * Base structure
   3  */
   4
   5 /* Move down content because we have a fixed navbar that is 50px tall */
   6 body {
   7   padding-top: 50px;
   8 }
   9
  10 /*
  11  * Typography
  12  */
  13
  14 h1 {
  15   margin-bottom: 20px;
  16   padding-bottom: 9px;
  17   border-bottom: 1px solid #eee;
  18 }
  19
  20 /*
  21  * Sidebar
  22  */
  23
  24 .sidebar {
  25   position: fixed;
  26   top: 51px;
  27   bottom: 0;
  28   left: 0;
  29   z-index: 1000;
  30   padding: 20px;
  31   overflow-x: hidden;
  32   overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  33   border-right: 1px solid #eee;
  34 }
  35
  36 /* Sidebar navigation */
  37 .sidebar {
  38   padding-left: 0;
  39   padding-right: 0;
  40 }
  41
  42 .sidebar .nav {
  43   margin-bottom: 20px;
  44 }
  45
  46 .sidebar .nav-item {
  47   width: 100%;
  48 }
  49
  50 .sidebar .nav-item + .nav-item {
  51   margin-left: 0;
  52 }
  53
  54 .sidebar .nav-link {
  55   border-radius: 0;
  56 }
  57
  58 /*
  59  * Dashboard
  60  */
  61
  62  /* Placeholders */
  63 .placeholders {
  64   padding-bottom: 3rem;
  65 }
  66
  67 .placeholder img {
  68   padding-top: 1.5rem;
  69   padding-bottom: 1.5rem;
  70 }