From 1ebca0665a5b20a03f40dc91d963320ac561d590 Mon Sep 17 00:00:00 2001 From: Felipe Martin Date: Mon, 26 Dec 2016 10:47:30 +0100 Subject: [PATCH] Modified styles - Added blockquote style - Added variables file - Justified text (experimental) --- assets/static/sass/_blog.sass | 13 +++++++++++++ assets/static/sass/_layout.sass | 2 +- assets/static/sass/_table.sass | 8 ++++---- assets/static/sass/_variables.sass | 3 +++ assets/static/sass/style.sass | 1 + 5 files changed, 22 insertions(+), 5 deletions(-) create mode 100644 assets/static/sass/_variables.sass diff --git a/assets/static/sass/_blog.sass b/assets/static/sass/_blog.sass index 0fd5cbd..d4a3d52 100644 --- a/assets/static/sass/_blog.sass +++ b/assets/static/sass/_blog.sass @@ -8,6 +8,7 @@ article.blog-post .content margin-top: 1em + text-align: justify img display: block @@ -15,3 +16,15 @@ article.blog-post img box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) + +blockquote + display: block + background: #eee + font-style: italic + padding: 15px 20px 15px 20px + font-family: Georgia, serif + color: #666 + text-align: justify + + p + margin: 0 diff --git a/assets/static/sass/_layout.sass b/assets/static/sass/_layout.sass index 34e69d8..e721d55 100644 --- a/assets/static/sass/_layout.sass +++ b/assets/static/sass/_layout.sass @@ -9,7 +9,7 @@ body a text-decoration: underilne - color: #c24e4a + color: $red img max-width: 100% diff --git a/assets/static/sass/_table.sass b/assets/static/sass/_table.sass index 712d72a..b9e8fe5 100644 --- a/assets/static/sass/_table.sass +++ b/assets/static/sass/_table.sass @@ -4,15 +4,15 @@ table box-shadow: 0 1px 3px rgba(0,0,0,0.2) th - background: #c93737 + background: $red color: white font-weight: bold tr - background: #f6f6f6 + background: $lightgray &:nth-of-type(odd) - background: #e9e9e9 + background: $darkgray td, th - padding: 6px + padding: 6px diff --git a/assets/static/sass/_variables.sass b/assets/static/sass/_variables.sass new file mode 100644 index 0000000..666d126 --- /dev/null +++ b/assets/static/sass/_variables.sass @@ -0,0 +1,3 @@ +$red: #c24e4a +$lightgray: #f6f6f6 +$darkgray: #e9e9e9 diff --git a/assets/static/sass/style.sass b/assets/static/sass/style.sass index f740416..801f36d 100644 --- a/assets/static/sass/style.sass +++ b/assets/static/sass/style.sass @@ -1,3 +1,4 @@ +@import ./variables @import ./mediaqueries @import ./mixins @import ./grid