Move from custom.css to custom.scss to be able to use variables

This commit is contained in:
Alex Shpak 2019-04-09 22:59:29 +02:00
parent 6ef4a4b69c
commit 31a262451a
5 changed files with 8 additions and 8 deletions

View File

@ -217,4 +217,7 @@ aside nav,
.book-toc nav {
padding: $padding-16 * 2 $padding-16;
}
}
}
// Add custom defined styles
@import 'custom'

2
assets/custom.scss Normal file
View File

@ -0,0 +1,2 @@
/* To be overridden by theme user */
// @import "variables";

View File

@ -0,0 +1 @@
@import "variables"

View File

@ -1 +0,0 @@
/* Your custom styles here */

View File

@ -5,16 +5,11 @@
<!-- Fonts for the theme -->
<link href="https://fonts.googleapis.com/css?family=Oxygen|Oxygen+Mono:300,400,700" rel="stylesheet">
<!-- Theme stylesheet, if possible do not edit this stylesheet -->
<!-- Theme stylesheet, you can customize scss by creatig `assets/custom.scss` in your website -->
<link rel="stylesheet" href="{{ "normalize.min.css" | relURL }}">
{{ $styles := resources.Get "book.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}">
<!-- Custom stylesheet - for your changes -->
{{ if (fileExists "styles.css" | relURL) -}}
<link rel="stylesheet" href="{{ "styles.css" | relURL }}?v={{ now.Unix }}" type='text/css' media='all'>
{{- end }}
<!-- Favicon -->
<link rel="icon" href="{{ "favicon.png" | relURL }}" type="image/x-icon">