1
0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00

refactor: unify the border radius of blocks

scope: code blocks, prompts, images, and videos
This commit is contained in:
Cotes Chung
2022-12-20 16:04:39 +08:00
parent 9306c7b39e
commit e01eb8af14
4 changed files with 16 additions and 19 deletions

View File

@@ -134,10 +134,11 @@ blockquote {
&[class^="prompt-"] {
display: flex;
border-left: 0;
border-radius: 6px;
padding: 1rem;
color: var(--prompt-text-color);
@extend %rounded;
&::before {
text-align: center;
width: 1.25rem;
@@ -543,11 +544,13 @@ i { /* fontawesome icons */
}
}
.rounded-10 {
border-radius: 10px !important;
}
.img-link {
color: transparent;
display: inline-flex;
@extend %img-rounded;
}
.shimmer {
@@ -579,9 +582,10 @@ i { /* fontawesome icons */
.embed-video {
width: 100%;
height: 100%;
border-radius: 4px;
margin-bottom: 1rem;
@extend %rounded;
&.youtube {
aspect-ratio: 16 / 9;
}