From 2d43805feac12e02479a0d83bbfe46256b9b6e6e Mon Sep 17 00:00:00 2001 From: Iago Caldeira Date: Tue, 31 Oct 2017 15:40:36 -0200 Subject: [PATCH] Converted and implemented css to Stylus --- dist/main.css | 151 +++++++++++++++++++------------------------- package.json | 5 +- src/styles/main.css | 123 ------------------------------------ yarn.lock | 98 +++++++++++++++++++++++++++- 4 files changed, 166 insertions(+), 211 deletions(-) delete mode 100644 src/styles/main.css diff --git a/dist/main.css b/dist/main.css index 2fd6da9..64f493a 100644 --- a/dist/main.css +++ b/dist/main.css @@ -1,123 +1,104 @@ -html, body { - padding: 0; - margin: 0; +html, +body { + padding: 0; + margin: 0; } - body { - background-color: #333333; - color: #ECF0F1; - font-family: Roboto; + background-color: #333; + color: #ecf0f1; + font-family: Roboto; } - .toolbar { - text-align: right; - margin: 30px 50px; - font-size: 12px; + text-align: right; + margin: 30px 50px; + font-size: 12px; } - .toolbar a { - text-decoration: none; + text-decoration: none; } - .toolbar a div { - text-transform: uppercase; - color: #ECF0F1; - padding: 20px 20px; - margin: 0 5px; - display: inline-table; - border-radius: 4px; -} - + text-transform: uppercase; + color: #ecf0f1; + padding: 20px 20px; + margin: 0 5px; + display: inline-table; + border-radius: 4px; +} .toolbar a div:hover { - background-color: #444444; + background-color: #444; } - .toolbar a.active div { - background-color: #555555; + background-color: #555; } - .toolbar a.featured div { - background-color: #FF5100; + background-color: #ff5100; } - .toolbar a.featured div:hover { - background-color: #FF9100; + background-color: #ff9100; } - .logo-container { - margin-top: 80px; - width: 100%; - margin-bottom: 40px; - text-align: center; + margin-top: 80px; + width: 100%; + margin-bottom: 40px; + text-align: center; } - .logo { - width: 40%; - text-align: center; + width: 40%; + text-align: center; } - .quack-code-container { - width: 100%; - text-align: center; + width: 100%; + text-align: center; } - .quack-code { - width: 700px; - text-align: left; - border-radius: 6px; - background-color: #E7E9DB; - padding: 5px; + width: 700px; + text-align: left; + border-radius: 6px; + background-color: #e7e9db; + padding: 5px; } - .CodeMirror { - height: 190px !important; - overflow: hidden !important; - font-family: 'Roboto Mono', monospace !important; - font-size: 12px; + height: 190px !important; + overflow: hidden !important; + font-family: 'Roboto Mono', monospace !important; + font-size: 12px; } - .paper { - width: calc(100% - 40px); - margin: 20px; - background: white; - box-shadow: 3px 3px 3px #222222; - border-radius: 4px; - margin-top: 40px; - color: #333333; - font-weight: 300; - text-align: center; - padding: 30px 0; - font-size: 14px; -} - -.install { - background-color: #222; - color: #ECF0F1; - padding: 5px 0; - font-family: 'Roboto Mono', monospace; - margin-bottom: 40px; + width: calc(100% - 40px); + margin: 20px; + background: #fff; + box-shadow: 3px 3px 3px #222; + border-radius: 4px; + margin-top: 40px; + color: #333; + font-weight: 300; + text-align: center; + padding: 30px 0; + font-size: 14px; } - .paper h1 { - font-weight: 400; + font-weight: 400; } - .paper h2 { - font-weight: 400; - font-size: 20px; + font-weight: 400; + font-size: 20px; +} +.install { + background-color: #222; + color: #ecf0f1; + padding: 5px 0; + font-family: 'Roboto Mono', monospace; + margin-bottom: 40px; } - .paper-content { - max-width: 700px; - margin-bottom: 40px; + max-width: 700px; + margin-bottom: 40px; } - .why-quack-row { - font-size: 14px; + font-size: 14px; } - .why-quack-item { - display: inline-table; - width: 350px; - margin: 0 10px; + display: inline-table; + width: 350px; + margin: 0 10px; } diff --git a/package.json b/package.json index f9d9146..9ac76c8 100644 --- a/package.json +++ b/package.json @@ -8,9 +8,10 @@ "license": "MIT", "private": true, "scripts": { - "build": "cp resources/* dist/ && cp src/styles/main.css dist/ && pug src/index.pug -o dist" + "build": "cp resources/* dist/ && stylus src/styles/main.styl --out dist/ && pug src/index.pug -o dist" }, "devDependencies": { - "pug-cli": "1.0.0-alpha6" + "pug-cli": "1.0.0-alpha6", + "stylus": "^0.54.5" } } diff --git a/src/styles/main.css b/src/styles/main.css deleted file mode 100644 index 2fd6da9..0000000 --- a/src/styles/main.css +++ /dev/null @@ -1,123 +0,0 @@ -html, body { - padding: 0; - margin: 0; -} - -body { - background-color: #333333; - color: #ECF0F1; - font-family: Roboto; -} - -.toolbar { - text-align: right; - margin: 30px 50px; - font-size: 12px; -} - -.toolbar a { - text-decoration: none; -} - -.toolbar a div { - text-transform: uppercase; - color: #ECF0F1; - padding: 20px 20px; - margin: 0 5px; - display: inline-table; - border-radius: 4px; -} - -.toolbar a div:hover { - background-color: #444444; -} - -.toolbar a.active div { - background-color: #555555; -} - -.toolbar a.featured div { - background-color: #FF5100; -} - -.toolbar a.featured div:hover { - background-color: #FF9100; -} - -.logo-container { - margin-top: 80px; - width: 100%; - margin-bottom: 40px; - text-align: center; -} - -.logo { - width: 40%; - text-align: center; -} - -.quack-code-container { - width: 100%; - text-align: center; -} - -.quack-code { - width: 700px; - text-align: left; - border-radius: 6px; - background-color: #E7E9DB; - padding: 5px; -} - -.CodeMirror { - height: 190px !important; - overflow: hidden !important; - font-family: 'Roboto Mono', monospace !important; - font-size: 12px; -} - -.paper { - width: calc(100% - 40px); - margin: 20px; - background: white; - box-shadow: 3px 3px 3px #222222; - border-radius: 4px; - margin-top: 40px; - color: #333333; - font-weight: 300; - text-align: center; - padding: 30px 0; - font-size: 14px; -} - -.install { - background-color: #222; - color: #ECF0F1; - padding: 5px 0; - font-family: 'Roboto Mono', monospace; - margin-bottom: 40px; -} - -.paper h1 { - font-weight: 400; -} - -.paper h2 { - font-weight: 400; - font-size: 20px; -} - -.paper-content { - max-width: 700px; - margin-bottom: 40px; -} - -.why-quack-row { - font-size: 14px; -} - -.why-quack-item { - display: inline-table; - width: 350px; - margin: 0 10px; -} diff --git a/yarn.lock b/yarn.lock index 4fa0640..c5c9a07 100644 --- a/yarn.lock +++ b/yarn.lock @@ -40,6 +40,17 @@ asap@~2.0.3: version "2.0.6" resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46" +balanced-match@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" + +brace-expansion@^1.1.7: + version "1.1.8" + resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292" + dependencies: + balanced-match "^1.0.0" + concat-map "0.0.1" + camelcase@^1.0.2: version "1.2.1" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39" @@ -92,6 +103,10 @@ commander@^2.8.1: version "2.11.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563" +concat-map@0.0.1: + version "0.0.1" + resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" + constantinople@^3.0.1: version "3.1.0" resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-3.1.0.tgz#7569caa8aa3f8d5935d62e1fa96f9f702cd81c79" @@ -99,6 +114,16 @@ constantinople@^3.0.1: acorn "^3.1.0" is-expression "^2.0.1" +css-parse@1.7.x: + version "1.7.0" + resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b" + +debug@*: + version "3.1.0" + resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261" + dependencies: + ms "2.0.0" + decamelize@^1.0.0: version "1.2.0" resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" @@ -111,10 +136,25 @@ escape-string-regexp@^1.0.2: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" +fs.realpath@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" + function-bind@^1.0.2: version "1.1.1" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" +glob@7.0.x: + version "7.0.6" + resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a" + dependencies: + fs.realpath "^1.0.0" + inflight "^1.0.4" + inherits "2" + minimatch "^3.0.2" + once "^1.3.0" + path-is-absolute "^1.0.0" + "graceful-readlink@>= 1.0.0": version "1.0.1" resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725" @@ -131,6 +171,17 @@ has@^1.0.1: dependencies: function-bind "^1.0.2" +inflight@^1.0.4: + version "1.0.6" + resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" + dependencies: + once "^1.3.0" + wrappy "1" + +inherits@2: + version "2.0.3" + resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" + is-buffer@^1.1.5: version "1.1.5" resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc" @@ -184,20 +235,40 @@ longest@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097" +minimatch@^3.0.2: + version "3.0.4" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083" + dependencies: + brace-expansion "^1.1.7" + minimist@0.0.8: version "0.0.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" -mkdirp@^0.5.1: +mkdirp@0.5.x, mkdirp@^0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" dependencies: minimist "0.0.8" +ms@2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8" + object-assign@^4.0.1, object-assign@^4.1.0: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" +once@^1.3.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" + dependencies: + wrappy "1" + +path-is-absolute@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" + path-parse@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1" @@ -326,6 +397,16 @@ right-align@^0.1.1: dependencies: align-text "^0.1.1" +sax@0.5.x: + version "0.5.8" + resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1" + +source-map@0.1.x: + version "0.1.43" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346" + dependencies: + amdefine ">=0.0.4" + source-map@0.4.x: version "0.4.4" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b" @@ -342,6 +423,17 @@ strip-ansi@^3.0.0: dependencies: ansi-regex "^2.0.0" +stylus@^0.54.5: + version "0.54.5" + resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.5.tgz#42b9560931ca7090ce8515a798ba9e6aa3d6dc79" + dependencies: + css-parse "1.7.x" + debug "*" + glob "7.0.x" + mkdirp "0.5.x" + sax "0.5.x" + source-map "0.1.x" + supports-color@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" @@ -382,6 +474,10 @@ wordwrap@0.0.2: version "0.0.2" resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f" +wrappy@1: + version "1.0.2" + resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" + yargs@~3.10.0: version "3.10.0" resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"