chrome/common/extensions/docs/static/sass/_demos.scss

   1 .demo {
   2   * {
   3     box-sizing: border-box;
   4     webkit-box-sizing: border-box;
   5   }
   6
   7   div {
   8     flex: 1 1 auto;
   9
  10     .panel-info {
  11       border-top: 1px solid #cccccc;
  12       margin-top: 20px;
  13       padding-top: 20px;
  14     }
  15   }
  16
  17   div.Demo-body {
  18     border: 1px solid #dfdfdf;
  19     display: flex;
  20     flex-direction: column;
  21     padding: 10px;
  22     position: relative;
  23
  24     embed {
  25       display: block;
  26       flex: 1 1 auto;
  27     }
  28   }
  29
  30   div.Demo-content {
  31     display: flex;
  32     flex-direction: column;
  33   }
  34
  35   div.intro {
  36     display: flex;
  37     flex-direction: column;
  38   }
  39
  40   header {
  41     padding: 0;
  42   }
  43
  44   .intro {
  45     max-width: 360px;
  46     padding-right: 40px;
  47   }
  48
  49   p {
  50     margin: 0 0 1em 0;
  51   }
  52
  53   p.note {
  54     background: transparent;
  55     border: none;
  56     padding: 0;
  57     width: 100%;
  58   }
  59
  60   section {
  61     display: flex;
  62     flex: 1 1 auto;
  63     flex-direction: row;
  64     padding: 0 25px 25px 0;
  65   }
  66
  67   td, th {
  68     border: none;
  69   }
  70
  71   td.name, th.name {
  72     font-weight: bold;
  73   }
  74
  75   tr {
  76     border: none;
  77   }
  78 }