aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorAlex Shpak <alex-shpak@users.noreply.github.com>2018-09-13 18:07:55 +0200
committerAlex Shpak <alex-shpak@users.noreply.github.com>2018-09-13 18:07:55 +0200
commite62448627edbfaea940b0f7995b9d4da481b3c3f (patch)
treedea4f9aac62c08f71b517c57ea256960d75a33b8 /assets
parentf4bcc2ecd9b7af79e4aab4d56acb86f5f9ab7eab (diff)
Add README.md
Diffstat (limited to 'assets')
-rw-r--r--assets/_pure-extension.scss16
-rw-r--r--assets/_variables.scss16
-rw-r--r--assets/styles.scss42
3 files changed, 40 insertions, 34 deletions
diff --git a/assets/_pure-extension.scss b/assets/_pure-extension.scss
index e540ef2..853810a 100644
--- a/assets/_pure-extension.scss
+++ b/assets/_pure-extension.scss
@@ -1,9 +1,8 @@
@import 'variables';
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
- font-family: "Open Sans", "Roboto", sans-serif;
- font-weight: 300;
-
+ font-family: Roboto, sans-serif;
+ font-weight: $body-font-weight;
}
.pure-g {
@@ -30,12 +29,11 @@ html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
// font weight only for root sections
> li > .section {
- font-weight: 600;
+ font-weight: 700;
}
}
.pure-menu-link, .pure-menu-heading {
- color: $gray-800;
padding: $padding-4 $padding-16;
text-transform: capitalize;
}
@@ -44,12 +42,4 @@ html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
&:hover, &.active {
background: none;
}
-
- &:hover {
- color: $gray-600;
- }
-
- &.active {
- color: $color-link;
- }
} \ No newline at end of file
diff --git a/assets/_variables.scss b/assets/_variables.scss
index 125a29f..76d1ea7 100644
--- a/assets/_variables.scss
+++ b/assets/_variables.scss
@@ -9,8 +9,8 @@ $font-size-14: .875rem;
$font-size-16: 1rem;
$size-48: 3rem;
-$size-56: 3.5rem;
-$size-72: 4.5rem;
+// $size-56: 3.5rem;
+// $size-72: 4.5rem;
// Grayscale
$white: #fff;
@@ -28,9 +28,17 @@ $black: #000;
$color-link: #1177EE;
$color-visited-link: #7823c9;
+
+$body-background: none;
+$body-font-color: $gray-800;
+$body-font-weight: 300;
$body-line-height: 1.75;
$body-min-width: 25rem;
+
+$nav-background: $gray-100;
+$nav-link-color: $gray-800;
+$nav-menu-width: 18rem;
+$toc-menu-width: 14rem;
+
$content-max-width: 64rem;
$content-min-width: $body-min-width;
-$nav-menu-width: 18rem;
-$toc-menu-width: 14rem; \ No newline at end of file
diff --git a/assets/styles.scss b/assets/styles.scss
index 5d44a1d..d53fd23 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -13,7 +13,8 @@ html, body {
}
body {
- color: $gray-800;
+ color: $body-font-color;
+ background: $body-background;
line-height: $body-line-height;
}
@@ -24,7 +25,12 @@ a {
.book-brand {
padding: 0 $padding-16;
- font-weight: 300;
+ font-weight: 400;
+
+ a {
+ padding: 0 $padding-16;
+ color: $body-font-color;
+ }
}
// Navigation styles
@@ -41,26 +47,26 @@ a {
overflow-y: auto;
font-size: $font-size-14;
- background: $gray-100;
+ background: $nav-background;
}
ul {
list-style: none;
padding-left: $padding-16;
- }
- a {
- display: block;
- color: $gray-800;
- padding: $padding-4 $padding-16;
- text-transform: capitalize;
-
- &[href]:hover {
- color: $gray-600;
- }
-
- &.active {
- color: $color-link;
+ a {
+ display: block;
+ color: $nav-link-color;
+ padding: $padding-4 $padding-16;
+ text-transform: capitalize;
+
+ &[href]:hover {
+ opacity: 0.5;
+ }
+
+ &.active {
+ color: $color-link;
+ }
}
}
@@ -126,5 +132,7 @@ a {
// Print styles
@media print {
-
+ .book-nav, .book-toc {
+ display: none;
+ }
} \ No newline at end of file