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

   1
   2 #gc-pagecontent {
   3   .g-section {
   4     h1, h2, h3 {
   5       margin: 0;
   6     }
   7   }
   8 }
   9
  10 #upcoming-events, #featured {
  11   .screenshot {
  12     margin-top: 0;
  13   }
  14 }
  15
  16 #upcoming-events {
  17   article {
  18     border: $default-border;
  19     border-width: 0 0 1px 0;
  20     padding: $default-padding 0;
  21
  22     &:first-child {
  23       padding-top: 0;
  24     }
  25
  26     &:last-child {
  27       padding-bottom: 0;
  28       border: none;
  29     }
  30   }
  31 }
  32
  33 #site-sections {
  34   background-color: $gray-light;
  35   //padding: $main-content-top-margin / 2;
  36   padding: $default-padding;
  37   text-align: center;
  38
  39   h2 {
  40     padding-top: 20px;
  41
  42     &::before {
  43       display: block;
  44       content: '';
  45       background: url("../../images/bucket-icons.png") 12px 50% no-repeat;
  46       width: 100px;
  47       height: 65px;
  48       background-size: cover;
  49       margin: auto;
  50       margin-bottom: 20px;
  51     }
  52     &.multidevice {
  53       &::before {
  54         background-position: -91px 50%;
  55       }
  56     }
  57     &.platform {
  58       &::before {
  59         background-position: -194px 50%;
  60       }
  61     }
  62   }
  63 }
  64
  65 #developer-news {
  66   margin-top: 4em;
  67
  68   .g-content {
  69     margin-right: $default-padding;
  70   }
  71
  72   h1 {
  73     margin-bottom: $default-padding * 2 !important;
  74   }
  75 }
  76
  77
  78 // Larger than Phone
  79 @media only screen and (min-width: $break-small)  {
  80   #featured {
  81     $column-padding: 30px;
  82     padding-right: $column-padding;
  83     padding-bottom: $default-padding / 2;
  84     border: $default-border;
  85     border-width: 0 1px 0 0;
  86
  87     img {
  88       margin-bottom: $default-padding;
  89     }
  90   }
  91 }
  92
  93 // // Tablet
  94 // @media only screen and (min-width: $break-small + 1) and (max-width: $break-large) {
  95
  96 // }