improve blog
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user