summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorHarald Eilertsen <haraldei@anduin.net>2019-04-18 17:58:43 +0200
committerHarald Eilertsen <haraldei@anduin.net>2019-04-18 17:58:43 +0200
commit9fcfdf78e2fb136ee15190726aa695c39cbed7dc (patch)
tree99cbb271e38242a38d5bafe0a980955176913764
parent780d1246ac3f30ff052ab9128cd33acb7d55937e (diff)
downloadnorsk-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.HEADmaster
-rw-r--r--blog/_assets/stylesheets/_releases.scss1
-rw-r--r--blog/_assets/stylesheets/_tracklist.scss9
-rw-r--r--blog/_assets/stylesheets/main.scss5
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: {