feat: old posts banners
This commit is contained in:
parent
6e0f47f18f
commit
7d9d1ca3d2
7 changed files with 42 additions and 13 deletions
|
@ -38,6 +38,7 @@
|
|||
--accent-color-hover: var(--blue-800);
|
||||
--selection-color: var(--accent-color);
|
||||
--gray-light: var(--gray-200);
|
||||
--gray-lighter: var(--gray-50);
|
||||
|
||||
--brand-github: #333;
|
||||
--brand-proton: #6d4aff;
|
||||
|
@ -102,6 +103,7 @@
|
|||
--accent-color: var(--blue-400);
|
||||
--accent-color-hover: var(--blue-200);
|
||||
--gray-light: var(--gray-900);
|
||||
--gray-lighter: var(--gray-950);
|
||||
--brand-github: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
|
20
src/assets/styles/widgets/banner-old-post.css
Normal file
20
src/assets/styles/widgets/banner-old-post.css
Normal file
|
@ -0,0 +1,20 @@
|
|||
.banner__old-post {
|
||||
margin: 1rem 0;
|
||||
padding: .75rem;
|
||||
border: 1px solid var(--gray-light);
|
||||
border-radius: var(--rounded-lg);
|
||||
background-color: var(--gray-lighter);
|
||||
}
|
||||
|
||||
.banner__old-post p {
|
||||
font-size: var(--font-size-sm);
|
||||
line-height: var(--line-height-sm);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.banner__old-post p > svg {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
height: .875rem;
|
||||
width: .875rem;
|
||||
}
|
Reference in a new issue