diff options
| -rw-r--r-- | app/assets/index.html | 2 | ||||
| -rw-r--r-- | app/media.styl | 24 | ||||
| -rw-r--r-- | app/stylesheets/print/summary.styl | 5 | ||||
| -rw-r--r-- | app/stylesheets/web/skills.styl | 9 | ||||
| -rw-r--r-- | app/web.styl (renamed from app/base.styl) | 14 | ||||
| -rw-r--r-- | brunch-config.js | 4 |
6 files changed, 30 insertions, 28 deletions
diff --git a/app/assets/index.html b/app/assets/index.html index b70ce5c..4ee82f2 100644 --- a/app/assets/index.html +++ b/app/assets/index.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8" /> <title>A14M</title> - <link href="/base.css" rel="stylesheet" media="all" /> + <link href="/web.css" rel="stylesheet" media="all" /> <link href="/print.css" rel="stylesheet" media="print" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> diff --git a/app/media.styl b/app/media.styl deleted file mode 100644 index 82e4a85..0000000 --- a/app/media.styl +++ /dev/null @@ -1,24 +0,0 @@ -@media (prefers-color-scheme: dark) { - html { - color: #FFFFFF - background-color: #181818 - } -} - -@media (prefers-color-scheme: light) { - html { - color: #000000 - background-color: #FFFFFF - } -} - -@media screen and (max-width: 780px) { - .skills__content__title { - text-align: left - } - - .skills__content__items { - margin-bottom: 1em - width: 100% - } -} diff --git a/app/stylesheets/print/summary.styl b/app/stylesheets/print/summary.styl index e69de29..88d0386 100644 --- a/app/stylesheets/print/summary.styl +++ b/app/stylesheets/print/summary.styl @@ -0,0 +1,5 @@ +.section-header.summary__header { +} + +.summary__content { +} diff --git a/app/stylesheets/web/skills.styl b/app/stylesheets/web/skills.styl index 9432b96..5614523 100644 --- a/app/stylesheets/web/skills.styl +++ b/app/stylesheets/web/skills.styl @@ -14,11 +14,18 @@ min-width: 14% text-align: right font-weight: 900 + @media screen and (max-width: 780px) { + text-align: left + } } .skills__content__items { width: 80% margin-bottom: 0.1em margin-left: 25px -} + @media screen and (max-width: 780px) { + margin-bottom: 1em + width: 100% + } +} diff --git a/app/base.styl b/app/web.styl index dd17ea6..8f62889 100644 --- a/app/base.styl +++ b/app/web.styl @@ -1,5 +1,19 @@ secondaryColor = #DB0A16 +@media (prefers-color-scheme: dark) { + html { + color: #FFFFFF + background-color: #181818 + } +} + +@media (prefers-color-scheme: light) { + html { + color: #000000 + background-color: #FFFFFF + } +} + body { font-family: "PT Sans", Arial, sans-serif max-width: 1024px diff --git a/brunch-config.js b/brunch-config.js index 2c04ba5..523f678 100644 --- a/brunch-config.js +++ b/brunch-config.js @@ -3,8 +3,8 @@ module.exports = { javascripts: { joinTo: "app.js" }, stylesheets: { joinTo: { - "base.css": ["app/base.styl", "app/media.styl"], - "print.css": "app/print.styl", + "web.css": ["app/web.styl"], + "print.css": ["app/print.styl"], }, }, }, |