Browse Source

:art: more image size tweaks

tags/0.9.0
J 4 years ago
parent
commit
c4543ac548
2 changed files with 7 additions and 2 deletions
  1. 2
    0
      vue-theme/src/components/card.vue
  2. 5
    2
      vue-theme/src/pages/index.vue

+ 2
- 0
vue-theme/src/components/card.vue View File

92
             display: flex
92
             display: flex
93
             padding: 0
93
             padding: 0
94
             grid-gap: $ms-0
94
             grid-gap: $ms-0
95
+            a
96
+                width: 100%
95
 </style>
97
 </style>

+ 5
- 2
vue-theme/src/pages/index.vue View File

138
                 min-height: 10em
138
                 min-height: 10em
139
                 &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5)
139
                 &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5)
140
                     p.excerpt
140
                     p.excerpt
141
-                        -webkit-line-clamp: calc($card-line-clamp * 2)
141
+                        -webkit-line-clamp: $card-line-clamp
142
                     .featured-or-hero-image img
142
                     .featured-or-hero-image img
143
                         max-height: calc($max-card-img-height / 2)
143
                         max-height: calc($max-card-img-height / 2)
144
                 /* n1 episode */
144
                 /* n1 episode */
152
                     grid-row-start: 1
152
                     grid-row-start: 1
153
                 &:nth-of-type(3)
153
                 &:nth-of-type(3)
154
                     grid-column-start: 3
154
                     grid-column-start: 3
155
+
155
                 /* n4 artists, n5 posts */
156
                 /* n4 artists, n5 posts */
156
                 &:nth-of-type(4), &:nth-of-type(5)
157
                 &:nth-of-type(4), &:nth-of-type(5)
157
                     grid-column-start: 2
158
                     grid-column-start: 2
158
                     grid-row-start: 2
159
                     grid-row-start: 2
159
                 &:nth-of-type(5)
160
                 &:nth-of-type(5)
160
                     grid-column-start: 3
161
                     grid-column-start: 3
161
-
162
+        &.max
163
+            li .featured-or-hero-image img
164
+                max-height: $max-card-img-height
162
         &.stickies
165
         &.stickies
163
             ul
166
             ul
164
                 &.flipped
167
                 &.flipped

Loading…
Cancel
Save