diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2019-04-18 17:58:43 +0200 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2019-04-18 17:58:43 +0200 |
| commit | 9fcfdf78e2fb136ee15190726aa695c39cbed7dc (patch) | |
| tree | 99cbb271e38242a38d5bafe0a980955176913764 /blog | |
| parent | 780d1246ac3f30ff052ab9128cd33acb7d55937e (diff) | |
| download | norsk-urskog-main-9fcfdf78e2fb136ee15190726aa695c39cbed7dc.tar.gz norsk-urskog-main-9fcfdf78e2fb136ee15190726aa695c39cbed7dc.tar.bz2 norsk-urskog-main-9fcfdf78e2fb136ee15190726aa695c39cbed7dc.zip | |
Gjør release og tracklist sidene bedre på mobil.
Diffstat (limited to 'blog')
| -rw-r--r-- | blog/_assets/stylesheets/_releases.scss | 1 | ||||
| -rw-r--r-- | blog/_assets/stylesheets/_tracklist.scss | 9 | ||||
| -rw-r--r-- | blog/_assets/stylesheets/main.scss | 5 |
3 files changed, 12 insertions, 3 deletions
diff --git a/blog/_assets/stylesheets/_releases.scss b/blog/_assets/stylesheets/_releases.scss index 97fc00d..3a6999d 100644 --- a/blog/_assets/stylesheets/_releases.scss +++ b/blog/_assets/stylesheets/_releases.scss @@ -2,6 +2,7 @@ display: flex; flex-direction: column; width: 412px; + max-width: 100%; text-align: center; padding-top: 2mm; } diff --git a/blog/_assets/stylesheets/_tracklist.scss b/blog/_assets/stylesheets/_tracklist.scss index e019a12..74195e6 100644 --- a/blog/_assets/stylesheets/_tracklist.scss +++ b/blog/_assets/stylesheets/_tracklist.scss @@ -17,15 +17,18 @@ } .track-info { padding: { - left: 10mm; + left: 5mm; right: 5mm; top: 3mm; bottom: 3mm; } - background-color: rgba(0, 0, 0, 0.7); - display: flex; + background-color: $content-bg; + @media (min-width: 800px) { + display: flex; + } img { margin-right: 3mm; + flex: 1 0 auto; } } } diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss index 5847972..5ce5218 100644 --- a/blog/_assets/stylesheets/main.scss +++ b/blog/_assets/stylesheets/main.scss @@ -38,6 +38,11 @@ h1 { font-size: $huge-font-size; } +img { + max-width: 100%; + height: auto; +} + #page-container { max-width: 980px; margin: { |