From 016a12f437c57ccb48427bb7ca0037a06b16e71d Mon Sep 17 00:00:00 2001 From: Fabien CASTERS Date: Mon, 4 Feb 2019 22:04:04 +0100 Subject: Improve tag component CSS --- assets/css/main.scss | 13 ++++++++----- exampleSite/content/posts/hugoisforlovers.md | 2 +- .../css/main.scss_e86386c8bae1cd02295de71a1be078d6.content | 2 +- .../css/main.scss_e86386c8bae1cd02295de71a1be078d6.json | 2 +- 4 files changed, 11 insertions(+), 8 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index ae7bf43..a8078cb 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -59,7 +59,7 @@ pre { color: $lightest-color; a { - margin: 0 .1em; + margin: 0 0.1em; } } @@ -67,14 +67,17 @@ pre { display: block-inline; width: 1em; height: 1em; - vertical-align: -.125em; + vertical-align: -0.125em; } .tag { - background: rgba(255, 255, 255, 0.1); - margin: 0 0.2em; - padding: 0.2em 0.4em; + display: inline-block; + margin-right: 0.2em; + padding: 0 0.6em; + font-size: 0.9em; border-radius: 0.2em; + white-space: nowrap; + background: rgba(255, 255, 255, 0.1); transition: background 0.8s; &:hover { diff --git a/exampleSite/content/posts/hugoisforlovers.md b/exampleSite/content/posts/hugoisforlovers.md index b251fdb..fbee0d4 100644 --- a/exampleSite/content/posts/hugoisforlovers.md +++ b/exampleSite/content/posts/hugoisforlovers.md @@ -1,6 +1,6 @@ +++ title = "Getting Started with Hugo" -tags = ["go", "golang", "hugo", "development"] +tags = ["go", "golang", "hugo", "development", "tutorial", "docs", "configuration"] date = "2014-04-02" +++ diff --git a/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.content b/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.content index 54f624e..e32a8cb 100644 --- a/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.content +++ b/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.content @@ -1 +1 @@ -*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#353b43;color:#afbac4}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#57cc8a;text-decoration:none}a:hover{color:#fff;transition:color .8s}pre{overflow:auto}.app-header{padding:2.5em;background:#242930;text-align:center}.app-header-avatar{max-width:15rem;max-height:15rem;border-radius:100%;border:.5rem solid #57cc8a}.app-container{padding:2.5rem}.app-header-social{font-size:2em;color:#fff}.app-header-social a{margin:0 .1em}.icon{display:block-inline;width:1em;height:1em;vertical-align:-.125em}.tag{background:rgba(255,255,255,.1);margin:0 .2em;padding:.2em .4em;border-radius:.2em;transition:background .8s}.tag:hover{background:rgba(255,255,255,.3)}.post-title{color:#fff}.post-content pre{border-left:.4em solid rgba(87,204,138,.8);padding-left:1em}.post-meta{font-size:.8em}.posts-list{padding:0}.posts-list-item{list-style:none;border-bottom:1px dashed rgba(255,255,255,.3);padding:.4em 0}.posts-list-item-description{display:block;font-size:.8em}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}} \ No newline at end of file +*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#353b43;color:#afbac4}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#57cc8a;text-decoration:none}a:hover{color:#fff;transition:color .8s}pre{overflow:auto}.app-header{padding:2.5em;background:#242930;text-align:center}.app-header-avatar{max-width:15rem;max-height:15rem;border-radius:100%;border:.5rem solid #57cc8a}.app-container{padding:2.5rem}.app-header-social{font-size:2em;color:#fff}.app-header-social a{margin:0 .1em}.icon{display:block-inline;width:1em;height:1em;vertical-align:-.125em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:background .8s}.tag:hover{background:rgba(255,255,255,.3)}.post-title{color:#fff}.post-content pre{border-left:.4em solid rgba(87,204,138,.8);padding-left:1em}.post-meta{font-size:.8em}.posts-list{padding:0}.posts-list-item{list-style:none;border-bottom:1px dashed rgba(255,255,255,.3);padding:.4em 0}.posts-list-item-description{display:block;font-size:.8em}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.json b/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.json index 4105d14..f890f10 100644 --- a/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.json +++ b/resources/_gen/assets/scss/css/main.scss_e86386c8bae1cd02295de71a1be078d6.json @@ -1 +1 @@ -{"Target":"css/main.min.89370bfdd636611d7283523dbb885b5a6137cf1749d5503e069b06f5cc55f5bb.css","MediaType":"text/css","Data":{"Integrity":"sha256-iTcL/dY2YR1yg1I9u4hbWmE3zxdJ1VA+BpsG9cxV9bs="}} \ No newline at end of file +{"Target":"css/main.min.3bf813d46763420c83fb33c51950b4fc582483efcfddb34b4e4e8d6b811e3208.css","MediaType":"text/css","Data":{"Integrity":"sha256-O/gT1GdjQgyD+zPFGVC0/Fgkg+/P3bNLTk6Na4EeMgg="}} \ No newline at end of file -- cgit v1.2.3