diff options
| author | Ahmed Abdelhalim <[email protected]> | 2021-07-05 12:11:46 +0200 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2021-07-05 12:11:46 +0200 |
| commit | 34eff40627683a108324ddc03e6bee2cc9b7ab5a (patch) | |
| tree | ba6dd78e51897c4855424457c78b38760da6fbae /app | |
| parent | d2ae7fb89b94e725b74e7bd54ee4eb548783d044 (diff) | |
Restructure file names for web and fix minor linting issues
Diffstat (limited to 'app')
| -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 |
5 files changed, 28 insertions, 26 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 |