githubber
diff --git a/‎src/site/_sass/_components/_list.scss
Lines changed: 17 additions & 2 deletions b/‎src/site/_sass/_components/_list.scss
Lines changed: 17 additions & 2 deletions
diff --git a/‎src/site/_sass/_modules/_latest-spotlights.scss
Lines changed: 11 additions & 14 deletions b/‎src/site/_sass/_modules/_latest-spotlights.scss
Lines changed: 11 additions & 14 deletions
diff --git a/‎src/site/_sass/_modules/_main-navigation.scss
Lines changed: 6 additions & 4 deletions b/‎src/site/_sass/_modules/_main-navigation.scss
Lines changed: 6 additions & 4 deletions
diff --git a/‎src/site/_sass/_modules/_spotlight-header.scss
Lines changed: 3 additions & 7 deletions b/‎src/site/_sass/_modules/_spotlight-header.scss
Lines changed: 3 additions & 7 deletions
@@ -284,8 +284,22 @@ ol.list-links {
     color: $colorBlue;
   }
 
-  & img+p {
-    padding-top: 13px;
+  & img {
+    @include small-only {
+      width: 50%;
+      float: left;
+    }
+  }
+
+  & img + p {
+    @include small-only {
+      margin-left: 50%;
+      padding-left: $lineHeight/2;
+    }
+
+    @include medium {
+      padding-top: 13px;
+    }
   }
 
   & .tag {
@@ -296,6 +310,7 @@ ol.list-links {
     padding-top: $lineHeight;
     padding-bottom: $lineHeight - 1;
     border-bottom: 1px solid $colorGrayKeyline;
+    overflow: hidden;
 
     &:last-child {
       border-color: transparent;
 
@@ -12,7 +12,7 @@
 
 .latest-spotlights {
   background: $colorYellowSecondary;
-  padding-bottom: $lineHeight*3 + 3;
+  padding-bottom: $lineHeight*2 + 3;
   padding-top: $lineHeight*1;
 
   @include medium {
@@ -30,37 +30,34 @@
 }
 
 .latest-spotlights__item {
-  @include medium {
-    width: 50%;
-    float: left;
-  }
-  margin-top: 2px;
+  margin-top: $lineHeight/2;
 
   &:first-of-type {
     margin-top: 0;
   }
 
   @include medium {
+    width: 50%;
+    float: left;
+    margin-top: 2px;
+
     &:nth-of-type(2) {
       margin-top: 0;
     }
-  }
 
-  &:nth-child(even) {
-    .latest-spotlights__link {
-      @include medium {
+    &:nth-child(even) {
+      .latest-spotlights__link {
         margin-left: 1px;
       }
     }
-  }
 
-  &:nth-child(odd) {
-    .latest-spotlights__link {
-      @include medium {
+    &:nth-child(odd) {
+      .latest-spotlights__link {
         margin-right: 1px;
       }
     }
   }
+
 }
 
 .latest-spotlights__link {
 
@@ -31,7 +31,7 @@
 
     .js &.nav-is-opened {
       display: block;
-      -webkit-animation: showNav 400ms both;
+      @include prefixr(animation, showNav 400ms both)
     }
   }
 
@@ -86,7 +86,6 @@
 
 .main-nav__item--current {
   color: $colorYellowSecondary;
-  cursor: default;
 }
 
 .main-nav__link {
@@ -120,6 +119,10 @@
       padding-left: 0;
     }
 
+    .main-nav__item--current & {
+      cursor: default;
+    }
+
     &:hover {
       color: $colorYellowSecondary;
       // box-shadow: 0 0 1px 0 $colorGray;
@@ -337,12 +340,11 @@
 }
 
 /*==========  CSS ANIMATION  ==========*/
-@-webkit-keyframes showNav {
+@include keyframes(showNav){
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
-
 
@@ -47,28 +47,24 @@
         content: $icon-star;
         font-family: $fontIcon;
         display: block;
-        font-size: 450px;
+        font-size: 380px;
         line-height: 1;
         color: $colorGrayBackground;
         position: absolute;
-        right: $lineHeight*2;
-        top: -$lineHeight*2;
+        right: 16%;
+        top: -96px;
         z-index: -1;
       }
     }
   }
 }
 
 .spotlight-header--detail {
-
   & .spotlight-header__container {
-
     &:after {
       display: none;
     }
-
   }
-
 }
 
 .spotlight-header__copy {
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`
`13`	`13`	`.latest-spotlights {`
`14`	`14`	`background: $colorYellowSecondary;`
`15`		`- padding-bottom: $lineHeight*3 + 3;`
	`15`	`+ padding-bottom: $lineHeight*2 + 3;`
`16`	`16`	`padding-top: $lineHeight*1;`
`17`	`17`
`18`	`18`	`@include medium {`
`@@ -30,37 +30,34 @@`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.latest-spotlights__item {`
`33`		`- @include medium {`
`34`		`- width: 50%;`
`35`		`- float: left;`
`36`		`- }`
`37`		`- margin-top: 2px;`
	`33`	`+ margin-top: $lineHeight/2;`
`38`	`34`
`39`	`35`	`&:first-of-type {`
`40`	`36`	`margin-top: 0;`
`41`	`37`	`}`
`42`	`38`
`43`	`39`	`@include medium {`
	`40`	`+ width: 50%;`
	`41`	`+ float: left;`
	`42`	`+ margin-top: 2px;`
	`43`	`+`
`44`	`44`	`&:nth-of-type(2) {`
`45`	`45`	`margin-top: 0;`
`46`	`46`	`}`
`47`		`- }`
`48`	`47`
`49`		`- &:nth-child(even) {`
`50`		`- .latest-spotlights__link {`
`51`		`- @include medium {`
	`48`	`+ &:nth-child(even) {`
	`49`	`+ .latest-spotlights__link {`
`52`	`50`	`margin-left: 1px;`
`53`	`51`	`}`
`54`	`52`	`}`
`55`		`- }`
`56`	`53`
`57`		`- &:nth-child(odd) {`
`58`		`- .latest-spotlights__link {`
`59`		`- @include medium {`
	`54`	`+ &:nth-child(odd) {`
	`55`	`+ .latest-spotlights__link {`
`60`	`56`	`margin-right: 1px;`
`61`	`57`	`}`
`62`	`58`	`}`
`63`	`59`	`}`
	`60`	`+`
`64`	`61`	`}`
`65`	`62`
`66`	`63`	`.latest-spotlights__link {`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`
`32`	`32`	`.js &.nav-is-opened {`
`33`	`33`	`display: block;`
`34`		`- -webkit-animation: showNav 400ms both;`
	`34`	`+ @include prefixr(animation, showNav 400ms both)`
`35`	`35`	`}`
`36`	`36`	`}`
`37`	`37`
`@@ -86,7 +86,6 @@`
`86`	`86`
`87`	`87`	`.main-nav__item--current {`
`88`	`88`	`color: $colorYellowSecondary;`
`89`		`- cursor: default;`
`90`	`89`	`}`
`91`	`90`
`92`	`91`	`.main-nav__link {`
`@@ -120,6 +119,10 @@`
`120`	`119`	`padding-left: 0;`
`121`	`120`	`}`
`122`	`121`
	`122`	`+ .main-nav__item--current & {`
	`123`	`+ cursor: default;`
	`124`	`+ }`
	`125`	`+`
`123`	`126`	`&:hover {`
`124`	`127`	`color: $colorYellowSecondary;`
`125`	`128`	`// box-shadow: 0 0 1px 0 $colorGray;`
`@@ -337,12 +340,11 @@`
`337`	`340`	`}`
`338`	`341`
`339`	`342`	`/========== CSS ANIMATION ==========/`
`340`		`-@-webkit-keyframes showNav {`
	`343`	`+@include keyframes(showNav){`
`341`	`344`	`0% {`
`342`	`345`	`opacity: 0;`
`343`	`346`	`}`
`344`	`347`	`100% {`
`345`	`348`	`opacity: 1;`
`346`	`349`	`}`
`347`	`350`	`}`
`348`		`-`
Original file line number	Diff line number	Diff line change
`@@ -47,28 +47,24 @@`
`47`	`47`	`content: $icon-star;`
`48`	`48`	`font-family: $fontIcon;`
`49`	`49`	`display: block;`
`50`		`- font-size: 450px;`
	`50`	`+ font-size: 380px;`
`51`	`51`	`line-height: 1;`
`52`	`52`	`color: $colorGrayBackground;`
`53`	`53`	`position: absolute;`
`54`		`- right: $lineHeight*2;`
`55`		`- top: -$lineHeight*2;`
	`54`	`+ right: 16%;`
	`55`	`+ top: -96px;`
`56`	`56`	`z-index: -1;`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`.spotlight-header--detail {`
`63`		`-`
`64`	`63`	`& .spotlight-header__container {`
`65`		`-`
`66`	`64`	`&:after {`
`67`	`65`	`display: none;`
`68`	`66`	`}`
`69`		`-`
`70`	`67`	`}`
`71`		`-`
`72`	`68`	`}`
`73`	`69`
`74`	`70`	`.spotlight-header__copy {`