diff options
| author | luxagraf <sng@luxagraf.net> | 2016-11-02 12:44:30 -0400 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2016-11-02 12:44:30 -0400 |
| commit | df8c450c5ee993bf997e3ae9de52e8b1c91e91d6 (patch) | |
| tree | 9c7f22bfda9ac2508ef49b02c053f969262f6f29 /design/sass | |
| parent | 9a044c66c5f2e201ac4d264909e8f8b62e288818 (diff) | |
launched new homepage and misc improvements
Diffstat (limited to 'design/sass')
| -rw-r--r-- | design/sass/_queries.scss | 4 | ||||
| -rw-r--r-- | design/sass/_writing_archive.scss | 9 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 7 |
3 files changed, 13 insertions, 7 deletions
diff --git a/design/sass/_queries.scss b/design/sass/_queries.scss index 682d83b..db165ae 100644 --- a/design/sass/_queries.scss +++ b/design/sass/_queries.scss @@ -1,6 +1,6 @@ -$breakpoint-alpha: 38em; +$breakpoint-alpha: 38em; //608 $breakpoint-alpha-2: 450px; -$breakpoint-beta: 49em; +$breakpoint-beta: 49em; //784 $breakpoint-beta-2: 620px; $breakpoint-gamma: 960px; $breakpoint-delta: 1170px; diff --git a/design/sass/_writing_archive.scss b/design/sass/_writing_archive.scss index 91b5e46..69397b1 100644 --- a/design/sass/_writing_archive.scss +++ b/design/sass/_writing_archive.scss @@ -37,9 +37,9 @@ margin-left: 4px; margin-right: 4px; } - @include breakpoint(beta) { + @include breakpoint(alpha) { article { - width: 48.25%; + width: 45.25%; } p { @include fontsize(16); @@ -74,7 +74,10 @@ } } @include breakpoint(delta) { - article { width: 374px;} + article { width: 354px;} + } + @include breakpoint(epsilon) { + article, article img { width: 410px;} } } diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 33d6729..0e4fda0 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -250,7 +250,7 @@ img.picwide { max-width: $breakpoint-delta; } @include breakpoint(epsilon) { - margin-left: -245px; + margin-left: -295px; width: $max_width * .98; max-width: $max_width; } @@ -274,8 +274,11 @@ img.picwide { max-width: $max_width; } } -figure.picwide > img.picwide { +figure.picwide img.picwide { margin: auto !important; + @include breakpoint(epsilon) { + margin-left: 0; + } } .notes .h-entry figure.picwide { @include breakpoint(gamma) { |