ceph/src/rocksdb/docs/_sass/_promo.scss

   1 .promoSection {
   2   display: flex;
   3   flex-flow: column wrap;
   4   font-size: 125%;
   5   line-height: 1.6em;
   6   margin: -10px 0;
   7   position: relative;
   8   z-index: 99;
   9
  10   .promoRow {
  11     padding: 10px 0;
  12
  13     .pluginWrapper {
  14       display: block;
  15
  16       &.ghWatchWrapper, &.ghStarWrapper {
  17         height: 28px;
  18       }
  19     }
  20
  21     .pluginRowBlock {
  22       display: flex;
  23       flex-flow: row wrap;
  24       margin: 0 -2px;
  25
  26       .pluginWrapper {
  27         padding: 0 2px;
  28       }
  29     }
  30   }
  31 }
  32
  33 iframe.pluginIframe {
  34   height: 500px;
  35   margin-top: 20px;
  36   width: 100%;
  37 }
  38
  39 .iframeContent {
  40   display: none;
  41 }
  42
  43 .iframePreview {
  44   display: inline-block;
  45   margin-top: 20px;
  46 }
  47
  48 @media only screen and (min-width: 1024px) {
  49   .iframeContent {
  50     display: block;
  51   }
  52   .iframePreview {
  53     display: none;
  54   }
  55 }