improve blog

This commit is contained in:
oiseauroch
2023-04-08 19:43:40 +02:00
parent 62939f6b41
commit 162e87ebda
26 changed files with 241 additions and 148 deletions

View File

@@ -72,8 +72,9 @@ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
@media screen and (max-width: 768px) {
.overlay {
background-image: linear-gradient(to bottom, rgba(190, 184, 184, 0), rgb(190, 184, 184));
.overlay {
background-color: #eff5fb;
color: #296fa8;
display: flex;
justify-content: center;
padding: 1em;
@@ -82,6 +83,9 @@ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
.overlay:hover {
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
background-color: #e6e9f7;
border-color: rgba(0,0,0,0);
color: #3850b7;
}
@media screen and (min-width: 769px) {
@@ -89,9 +93,10 @@ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
display: flex;
align-items: center;
position: relative;
right: 11em;
right: 4.5em;
border-radius: 0.25em;
padding: 1em;
background-image: linear-gradient(to right, rgba(190, 184, 184, 0), rgb(190, 184, 184));
background-color: #eff1fa;
color: #3850b7;
}
}