From a7c87c947f1ca9ed56b38dd40091484ebae3c742 Mon Sep 17 00:00:00 2001 From: iGor milhit Date: Thu, 4 Nov 2021 11:24:47 +0100 Subject: [PATCH] layout: fix medias integration * Limit the figure width for large screens. * Add a small border to figures. * Update the changelog. Co-Authored-by: iGor milhit --- CHANGELOG.md | 5 ++++- assets/scss/_medias.scss | 8 ++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 20abe95..cf3e699 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). -## [0.2.0](https://framagit.org/iGormilhit/portfoliGor/compare/0.1.1...0.2.0) +## [Unreleased](https://framagit.org/iGormilhit/portfoliGor/compare/v0.2.0...HEAD) + +## [v0.2.0](https://framagit.org/iGormilhit/portfoliGor/compare/0.1.1...v0.2.0) - 2021-11-03 ### Fixed @@ -19,6 +21,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). ### Commits +- release: v0.2.0 [`64c93b7`](https://framagit.org/iGormilhit/portfoliGor/commit/64c93b72d6522ab6ce1ebec42ee81e0809f8cb17) - header: restore and adapt the avatar image [`ad3ee27`](https://framagit.org/iGormilhit/portfoliGor/commit/ad3ee27f0a2391cd0ae3893da238c86e9ed26feb) - colors: move the visited property up the others [`07d9577`](https://framagit.org/iGormilhit/portfoliGor/commit/07d9577e8cbeaf7710833e6267148cabff837cc4) - colors: colorizes the link on hover [`52a8e25`](https://framagit.org/iGormilhit/portfoliGor/commit/52a8e251f9bcee37de941010bd2715125116deaa) diff --git a/assets/scss/_medias.scss b/assets/scss/_medias.scss index d70949a..affb3a7 100644 --- a/assets/scss/_medias.scss +++ b/assets/scss/_medias.scss @@ -1,5 +1,7 @@ .audio, .stream { + border: $dark-polar solid 1px; + audio { border-radius: .5rem; width: 100%; @@ -50,6 +52,11 @@ figure { margin-left: .4rem; margin-right: .4rem; padding: .4rem; + border: $dark-polar solid 1px; + + @include breakpoint(laptop) { + max-width: 80%; + } img { width: 100%; @@ -58,5 +65,6 @@ figure { p { margin: .2rem 0; text-align: center; + font-size: $font-size-small; } }