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 <igor@milhit.ch>
pull/37/head
iGor milhit 2021-11-04 11:24:47 +01:00
parent 64c93b72d6
commit a7c87c947f
Signed by: igor
GPG Key ID: 692D97C3D0228A99
2 changed files with 12 additions and 1 deletions

View File

@ -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). 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 ### Fixed
@ -19,6 +21,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
### Commits ### 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) - 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: 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) - colors: colorizes the link on hover [`52a8e25`](https://framagit.org/iGormilhit/portfoliGor/commit/52a8e251f9bcee37de941010bd2715125116deaa)

View File

@ -1,5 +1,7 @@
.audio, .audio,
.stream { .stream {
border: $dark-polar solid 1px;
audio { audio {
border-radius: .5rem; border-radius: .5rem;
width: 100%; width: 100%;
@ -50,6 +52,11 @@ figure {
margin-left: .4rem; margin-left: .4rem;
margin-right: .4rem; margin-right: .4rem;
padding: .4rem; padding: .4rem;
border: $dark-polar solid 1px;
@include breakpoint(laptop) {
max-width: 80%;
}
img { img {
width: 100%; width: 100%;
@ -58,5 +65,6 @@ figure {
p { p {
margin: .2rem 0; margin: .2rem 0;
text-align: center; text-align: center;
font-size: $font-size-small;
} }
} }