Add style for profile pics
This commit is contained in:
parent
3b6411991e
commit
d535327b5b
1 changed files with 17 additions and 4 deletions
|
@ -31,9 +31,22 @@ a {
|
||||||
transition: text-decoration .12s ease;
|
transition: text-decoration .12s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.article-list a {*/
|
.pic-container {
|
||||||
/* text-decoration: underline var(--accent) 1px;*/
|
display: flex;
|
||||||
/*}*/
|
justify-content: space-evenly;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pic-container .profile-pic {
|
||||||
|
max-width: 200px;
|
||||||
|
min-width: 100px;
|
||||||
|
max-height: 200px;
|
||||||
|
min-height: 100px;
|
||||||
|
border-radius: 10%;
|
||||||
|
padding: 1rem;
|
||||||
|
flex-shrink: 1;
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
|
||||||
a:hover, a:focus {
|
a:hover, a:focus {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -64,7 +77,7 @@ article.article-list h2 a {
|
||||||
|
|
||||||
img {
|
img {
|
||||||
opacity: .75;
|
opacity: .75;
|
||||||
transition: opacity .5s ease-in-out;
|
transition: opacity .2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
img:hover {
|
img:hover {
|
||||||
|
|
Reference in a new issue