From 2c28a8f550f05e03f110c1130ffaaf124a399c4f Mon Sep 17 00:00:00 2001 From: Lea Anthony Date: Mon, 4 Feb 2019 19:31:37 +1100 Subject: [PATCH] Fix css --- .../frontend/src/assets/css/main.css | 12 +++--- .../frontend/src/assets/css/quote.css | 40 ++++++++++--------- 2 files changed, 27 insertions(+), 25 deletions(-) diff --git a/cmd/templates/vuewebpack/frontend/src/assets/css/main.css b/cmd/templates/vuewebpack/frontend/src/assets/css/main.css index 1a5e18b93..0eacd14b0 100644 --- a/cmd/templates/vuewebpack/frontend/src/assets/css/main.css +++ b/cmd/templates/vuewebpack/frontend/src/assets/css/main.css @@ -12,8 +12,8 @@ html { overflow: hidden; /* https://leaverou.github.io/css3patterns/#carbon */ background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, - linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, - linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, + linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0, + linear-gradient(27deg, #222 5px, transparent 5px) 0 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient( @@ -46,10 +46,8 @@ html { format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto/roboto-v18-latin-regular.woff") format("woff"), - /* Modern Browsers */ - url("../fonts/roboto/roboto-v18-latin-regular.ttf") + /* Modern Browsers */ url("../fonts/roboto/roboto-v18-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ - url("../fonts/roboto/roboto-v18-latin-regular.svg#Roboto") - format("svg"); /* Legacy iOS */ -} \ No newline at end of file + url("../fonts/roboto/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ +} diff --git a/cmd/templates/vuewebpack/frontend/src/assets/css/quote.css b/cmd/templates/vuewebpack/frontend/src/assets/css/quote.css index edfc8d3f5..8d8ed8dfc 100644 --- a/cmd/templates/vuewebpack/frontend/src/assets/css/quote.css +++ b/cmd/templates/vuewebpack/frontend/src/assets/css/quote.css @@ -18,8 +18,12 @@ body { border-color: #117; } -p { margin-bottom: 1.5em; } -p:last-child { margin-bottom: 0; } +p { + margin-bottom: 1.5em; +} +p:last-child { + margin-bottom: 0; +} blockquote { display: block; @@ -32,9 +36,9 @@ blockquote { color: #117; } blockquote:before { - content: '\201C'; + content: "\201C"; position: absolute; - top: 0em; + top: 0; left: 50%; transform: translate(-50%, -50%); background: #fff; @@ -54,22 +58,22 @@ blockquote:after { /* https://fdossena.com/?p=html5cool/buttons/i.frag */ button { - display:inline-block; - padding:0.35em 1.2em; - border:0.1em solid #000; - margin:0 0.3em 0.3em 0; - border-radius:0.12em; + display: inline-block; + padding: 0.35em 1.2em; + border: 0.1em solid #000; + margin: 0 0.3em 0.3em 0; + border-radius: 0.12em; box-sizing: border-box; - text-decoration:none; - font-family:'Roboto',sans-serif; - font-weight:300; + text-decoration: none; + font-family: "Roboto", sans-serif; + font-weight: 300; font-size: 1em; - color:#000; - text-align:center; + color: #000; + text-align: center; transition: all 0.2s; } -button:hover{ - color:#FFF; - background-color:#000; +button:hover { + color: #fff; + background-color: #000; cursor: pointer; -} \ No newline at end of file +}