style blogroll
This commit is contained in:
parent
8981ceffed
commit
8cb13736bb
1 changed files with 11 additions and 7 deletions
|
@ -20,11 +20,6 @@
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
transition: transform 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
.blogroll-item:hover {
|
|
||||||
transform: translateY(-3px);
|
|
||||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
|
||||||
}
|
}
|
||||||
.blogroll-name {
|
.blogroll-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -33,8 +28,17 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
.blogroll-name a:hover {
|
.blogroll a:hover {
|
||||||
color: var(--tertiary);
|
color: var(--secondary);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.blogroll img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
object-fit: contain;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 10px;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
.blogroll-desc {
|
.blogroll-desc {
|
||||||
flex-grow: 1; /* Allow description to take available space */
|
flex-grow: 1; /* Allow description to take available space */
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue