Misc style improvements

belbiy · belbiy · commit 5432e7ba10bd · 2018-04-25T17:06:33.000-05:00
diff --git a/_scss/app.scss b/_scss/app.scss
@@ -36,9 +36,7 @@
 @import 'partials/progress-bar';
 @import 'partials/tooltip';
 @import 'partials/popover';
-
-
-
+@import 'partials/ee-only';
 
 .hide {
   display: none;
diff --git a/_scss/partials/_buttons.scss b/_scss/partials/_buttons.scss
@@ -14,15 +14,24 @@
   background-repeat: repeat-x;
   border: none;
   transition: .3s;
-}
 
-.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
-  color: $body-font-color;
-  background-color: #e6e6e6;
-}
+  &:visited {
+    color: $body-font-color;
+    background-color: #f5f5f5;
+  }
+
+  &:hover, &:focus {
+    color: $body-font-color;
+    background-color: #e6e6e6;
+  }
+
+  &:active, &.active {
+    background-color: #cccccc;
+  }
 
-.btn:active, .btn.active {
-  background-color: #cccccc;
+  &.disabled, &[disabled] {
+    opacity: .4;
+  }
 }
 
 .btn:first-child {
diff --git a/_scss/partials/_code.scss b/_scss/partials/_code.scss
@@ -107,3 +107,10 @@ h1 code, h2 code, h3 code, h4 code, h5 code {
   border-radius: 3px;
   margin: 0 0 20px;
 }
+
+
+.language-bash pre.highlight:before {
+  display: inline;
+  content: '$';
+  margin-right: 5px;
+}
diff --git a/_scss/partials/_ee-only.scss b/_scss/partials/_ee-only.scss
@@ -0,0 +1,23 @@
+.ee-only {
+  display: inline-block;
+  font-size: $font-size-sm;
+  font-weight: $font-weight-bold;
+  padding: .3em .8em;
+  border: 1px solid #fac49f;
+  letter-spacing: .04em;
+
+  &:before {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    line-height: 1;
+    content: '';
+    background: url(../i/icons/ee-only.svg) no-repeat center;
+    margin: 0 .5em 0 0;
+    vertical-align: baseline;
+  }
+
+  .page-intro & {
+    margin: .7em 0 0 0;
+  }
+}
diff --git a/_scss/partials/_footer.scss b/_scss/partials/_footer.scss
@@ -35,7 +35,7 @@
   }
 
   // For two colum layout, offset the footer to support the fixed sidebar
-  .layout-default &, .layout-videos &, .layout-video &, .layout-specification &{
+  .layout-default &, .layout-videos &, .layout-video &, .layout-specification &, .layout-tutorial & {
     margin-left: $sidebar-width;
   }
 
diff --git a/_scss/partials/_popover.scss b/_scss/partials/_popover.scss
@@ -299,7 +299,7 @@
   position: absolute;
   margin-left: -15px;
   margin-right: -15px;
-  background: url(../img/loading.gif) no-repeat;
+  background: url(../i/loader.svg) no-repeat;
 }
 @-webkit-keyframes rotate {
   100% {
diff --git a/_scss/partials/_search.scss b/_scss/partials/_search.scss
@@ -87,9 +87,9 @@ input[type=search] {
 
 }
 
-.algolia__result-highlight {
-  //background: yellow;
-  font-weight: 700;
+.ais-Highlight {
+  font-style: normal;
+  background: #FFF8D7;
 }
 
 
@@ -296,8 +296,7 @@ a.clear-all:hover {
 }
 
 .ais-refinement-list--item {
-  margin: 0 0 20px 0;
-  font-size: 16px;
+  margin: 0 0 1em 0;
 }
 
 .ais-refinement-list--count {
diff --git a/_scss/partials/_site-header.scss b/_scss/partials/_site-header.scss
@@ -39,7 +39,7 @@
     overflow: hidden;
     display: none;
     z-index: 50;
-    border-left: 1px solid $beige-color;
+    border-left: 1px solid $border-color;
   }
 
   .menu-icon {
@@ -75,7 +75,7 @@
   @media ( $medium-screen ) {
 
     .site-nav {
-      outline: 1px solid $beige-color;
+      outline: 1px solid $border-color;
     }
 
     .menu-btn {
diff --git a/_scss/partials/_typography.scss b/_scss/partials/_typography.scss
@@ -16,15 +16,15 @@ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 }
 
 h1 {
-  font-size: 46px;
-  line-height: 1.3;
+  font-size: 2.8em;
+  line-height: 1.2;
   letter-spacing: 0.01em;
   margin: 0 0 20px 0;
   font-weight: 300;
 }
 
 h1.page-subtitle {
-  font-size: 22px;
+  font-size: 2em;
   color: #6E6E70;
   margin: 8px 0 0 0;
 }
@@ -240,6 +240,10 @@ hr {
   border-bottom: 1px solid #ffffff;
 }
 
+abbr {
+  text-decoration: none;
+}
+
 abbr[title], abbr[data-original-title] {
   cursor: help;
   border-bottom: 1px dotted #999999;
diff --git a/_scss/partials/_videos.scss b/_scss/partials/_videos.scss
@@ -142,26 +142,23 @@
   }
 
   .sidebar ul .playlist-name {
-    padding: 0;
-
-
     a {
-      font-weight: 700;
-      font-size: 15px;
-      color: #5F6061;
-      padding-top: 0;
+      font-weight: $font-weight-bold;
     }
   }
 }
 
-
+.video-player {
+  margin-bottom: 2em;
+}
 
 .video-player.affix {
   position: fixed;
   bottom: 30px;
   left: 20px;
   width: 20%;
   z-index: 9999;
+  margin: 0;
 
   box-shadow: 0 5px 16px rgba(0,0,0,.4);
 }
diff --git a/assets/css/app.css b/assets/css/app.css

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`// For two colum layout, offset the footer to support the fixed sidebar`
`38`		`- .layout-default &, .layout-videos &, .layout-video &, .layout-specification &{`
	`38`	`+ .layout-default &, .layout-videos &, .layout-video &, .layout-specification &, .layout-tutorial & {`
`39`	`39`	`margin-left: $sidebar-width;`
`40`	`40`	`}`
`41`	`41`
Original file line number	Diff line number	Diff line change
`@@ -299,7 +299,7 @@`
`299`	`299`	`position: absolute;`
`300`	`300`	`margin-left: -15px;`
`301`	`301`	`margin-right: -15px;`
`302`		`- background: url(../img/loading.gif) no-repeat;`
	`302`	`+ background: url(../i/loader.svg) no-repeat;`
`303`	`303`	`}`
`304`	`304`	`@-webkit-keyframes rotate {`
`305`	`305`	`100% {`
Original file line number	Diff line number	Diff line change
`@@ -87,9 +87,9 @@ input[type=search] {`
`87`	`87`
`88`	`88`	`}`
`89`	`89`
`90`		`-.algolia__result-highlight {`
`91`		`- //background: yellow;`
`92`		`- font-weight: 700;`
	`90`	`+.ais-Highlight {`
	`91`	`+ font-style: normal;`
	`92`	`+ background: #FFF8D7;`
`93`	`93`	`}`
`94`	`94`
`95`	`95`
`@@ -296,8 +296,7 @@ a.clear-all:hover {`
`296`	`296`	`}`
`297`	`297`
`298`	`298`	`.ais-refinement-list--item {`
`299`		`- margin: 0 0 20px 0;`
`300`		`- font-size: 16px;`
	`299`	`+ margin: 0 0 1em 0;`
`301`	`300`	`}`
`302`	`301`
`303`	`302`	`.ais-refinement-list--count {`
Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@`
`39`	`39`	`overflow: hidden;`
`40`	`40`	`display: none;`
`41`	`41`	`z-index: 50;`
`42`		`- border-left: 1px solid $beige-color;`
	`42`	`+ border-left: 1px solid $border-color;`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`.menu-icon {`
`@@ -75,7 +75,7 @@`
`75`	`75`	`@media ( $medium-screen ) {`
`76`	`76`
`77`	`77`	`.site-nav {`
`78`		`- outline: 1px solid $beige-color;`
	`78`	`+ outline: 1px solid $border-color;`
`79`	`79`	`}`
`80`	`80`
`81`	`81`	`.menu-btn {`
Original file line number	Diff line number	Diff line change
`@@ -142,26 +142,23 @@`
`142`	`142`	`}`
`143`	`143`
`144`	`144`	`.sidebar ul .playlist-name {`
`145`		`- padding: 0;`
`146`		`-`
`147`		`-`
`148`	`145`	`a {`
`149`		`- font-weight: 700;`
`150`		`- font-size: 15px;`
`151`		`- color: #5F6061;`
`152`		`- padding-top: 0;`
	`146`	`+ font-weight: $font-weight-bold;`
`153`	`147`	`}`
`154`	`148`	`}`
`155`	`149`	`}`
`156`	`150`
`157`		`-`
	`151`	`+.video-player {`
	`152`	`+ margin-bottom: 2em;`
	`153`	`+}`
`158`	`154`
`159`	`155`	`.video-player.affix {`
`160`	`156`	`position: fixed;`
`161`	`157`	`bottom: 30px;`
`162`	`158`	`left: 20px;`
`163`	`159`	`width: 20%;`
`164`	`160`	`z-index: 9999;`
	`161`	`+ margin: 0;`
`165`	`162`
`166`	`163`	`box-shadow: 0 5px 16px rgba(0,0,0,.4);`
`167`	`164`	`}`