Home | History | Annotate | Download | only in sass 
      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 // }
     97