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
parent
64c93b72d6
commit
a7c87c947f
|
@ -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)
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue