diff --git a/_assets/stylesheets/components/_photo-thumb.scss b/_assets/stylesheets/components/_photo-thumb.scss new file mode 100644 index 0000000..75dc224 --- /dev/null +++ b/_assets/stylesheets/components/_photo-thumb.scss @@ -0,0 +1,4 @@ +.photo-thumb { + border-radius: 0.25rem; + width: 100%; +} diff --git a/_assets/stylesheets/components/_photos-container.scss b/_assets/stylesheets/components/_photos-container.scss index 94b2038..fb9e562 100644 --- a/_assets/stylesheets/components/_photos-container.scss +++ b/_assets/stylesheets/components/_photos-container.scss @@ -9,7 +9,3 @@ grid-template-columns: repeat(3, 1fr); } } - -.photo-thumb { - width: 100%; -} diff --git a/_assets/stylesheets/styles.scss b/_assets/stylesheets/styles.scss index 39dc87b..8dcbeaa 100644 --- a/_assets/stylesheets/styles.scss +++ b/_assets/stylesheets/styles.scss @@ -44,6 +44,7 @@ @import "components/video-container"; @import "components/photos-container"; @import "components/photos"; +@import "components/photo-thumb"; // 7. Utilities – utilities and helper classes with ability to override // anything which goes before in the triangle, eg. hide helper class