Upgrade Slate sample to Slate 1.5

Closes gh-361
This commit is contained in:
Andy Wilkinson
2017-03-04 22:12:09 +00:00
parent 3a0f4ab68e
commit ca86e3ad8c
24 changed files with 10579 additions and 286 deletions

View File

@@ -1,8 +1,6 @@
@charset "utf-8";
@import 'normalize';
@import 'compass';
@import 'variables';
@import 'syntax';
@import 'icon-font';
/*
@@ -84,6 +82,7 @@ html, body {
// This is the logo at the top of the ToC
&>img {
display: block;
max-width: 100%;
}
&>.search {
@@ -111,7 +110,7 @@ html, body {
}
}
img+.tocify {
img+.tocify, .lang-selector+.tocify {
margin-top: $logo-margin;
}
@@ -340,7 +339,7 @@ html, body {
padding: 0 $main-padding;
box-sizing: border-box;
display: block;
@include text-shadow($main-embossed-text-shadow);
text-shadow: $main-embossed-text-shadow;
@extend %left-col;
}
@@ -471,7 +470,7 @@ html, body {
aside {
padding-top: 1em;
padding-bottom: 1em;
@include text-shadow(0 1px 0 lighten($aside-notice-bg, 15%));
text-shadow: 0 1px 0 lighten($aside-notice-bg, 15%);
margin-top: 1.5em;
margin-bottom: 1.5em;
background: $aside-notice-bg;
@@ -479,12 +478,12 @@ html, body {
&.warning {
background-color: $aside-warning-bg;
@include text-shadow(0 1px 0 lighten($aside-warning-bg, 15%));
text-shadow: 0 1px 0 lighten($aside-warning-bg, 15%);
}
&.success {
background-color: $aside-success-bg;
@include text-shadow(0 1px 0 lighten($aside-success-bg, 15%));
text-shadow: 0 1px 0 lighten($aside-success-bg, 15%);
}
}
@@ -511,7 +510,7 @@ html, body {
margin: -2px;
border-radius: 4px;
border: 1px solid #F7E633;
@include text-shadow(1px 1px 0 #666);
text-shadow: 1px 1px 0 #666;
background: linear-gradient(to top left, #F7E633 0%, #F1D32F 100%);
}
}
@@ -534,7 +533,7 @@ html, body {
clear:right;
box-sizing: border-box;
@include text-shadow(0px 1px 2px rgba(0,0,0,0.4));
text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
@extend %right-col;
@@ -618,3 +617,11 @@ html, body {
margin-top: $main-padding;
}
}
.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {
color: #909090;
}
.highlight, .highlight .w {
background-color: $code-bg;
}