diff options
| author | luxagraf <sng@luxagraf.net> | 2018-05-16 18:21:47 -0400 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2018-05-16 18:21:47 -0400 |
| commit | 29afff03b510d818f9935571282db670e2e2b8c7 (patch) | |
| tree | b91cb290a3e2dd063feb326c66aa3d342d4375d5 /design/sass | |
| parent | 8bfb9aac726df7969a0132c540d8d34a44dc7f9e (diff) | |
changed layout of sightings pages
Diffstat (limited to 'design/sass')
| -rw-r--r-- | design/sass/_birds.scss | 47 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 6 |
2 files changed, 50 insertions, 3 deletions
diff --git a/design/sass/_birds.scss b/design/sass/_birds.scss index 81149ff..d491f1d 100644 --- a/design/sass/_birds.scss +++ b/design/sass/_birds.scss @@ -79,16 +79,57 @@ .map { margin: 0 auto; width: 99%; - height: 200px; - @include constrain_wide; + height: 400px; @include breakpoint(beta) { @include constrain_narrow; } } #endnode { + @include breakpoint(beta) { + text-align: left; + } @include fancy-sans; @include fontsize(14); - margin-top: 2em; + margin-top: 4rem; + h5 { + @include fontsize(14); + @include smcaps; + @include fancy_sans; + margin-bottom: 1rem; + margin-top: 2rem; + } + ul { + margin-bottom: 2em; + li { + color: lighten($body_font, 30); + &:before { + content: "\2022"; + color: lighten($body_font, 30); + margin-right: .35rem; + } + } + } + a { + text-decoration: none; + color: lighten($body_font, 10); + } + &:before { + @include faded_line_after; + } + } + #detail-map-canvas { + width: 100vw; + @include constrain_wide; + position: relative; + @include breakpoint(gamma) { + left: calc(-20%); + } + @include breakpoint(delta) { + left: calc(-38%); + } + @include breakpoint(epsilon) { + left: calc(-45%); + } } } diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 9dec803..27f73b9 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -780,6 +780,12 @@ figure.picwide img.picwide { text-decoration: none; color: lighten($body_font, 20); } + #wildlife li ul li { + color: lighten($body_font, 40); + a { + color: lighten($body_font, 10); + } + } @include breakpoint(beta) { margin-bottom: 4em; #wildlife { |