“模板:引用段落/styles.css”的版本间的差异
< 模板:引用段落
跳到导航
跳到搜索
第11行: | 第11行: | ||
color: gray; | color: gray; | ||
display: grid; | display: grid; | ||
− | place-items: | + | place-items: start; |
} | } | ||
.ifw-quote > .right-bracket { | .ifw-quote > .right-bracket { | ||
第18行: | 第18行: | ||
color: gray; | color: gray; | ||
display: grid; | display: grid; | ||
− | place-items: | + | place-items: end; |
} | } | ||
.ifw-quote > .quote-content { | .ifw-quote > .quote-content { | ||
第27行: | 第27行: | ||
grid-column: 2 / 3; | grid-column: 2 / 3; | ||
text-align: right; | text-align: right; | ||
+ | } | ||
+ | |||
+ | .ifw-quote > .source > .author { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .ifw-quote > .source > .source { | ||
+ | font-style: italic; | ||
} | } |
2020年12月11日 (五) 11:41的版本
.ifw-quote {
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
grid-template: 1fr auto / auto 1fr auto;
}
.ifw-quote > .left-bracket {
font-size: 5rem;
grid-column: 1/2;
color: gray;
display: grid;
place-items: start;
}
.ifw-quote > .right-bracket {
font-size: 5rem;
grid-column: 3/4;
color: gray;
display: grid;
place-items: end;
}
.ifw-quote > .quote-content {
grid-column: 2/3;
}
.ifw-quote > .source {
grid-column: 2 / 3;
text-align: right;
}
.ifw-quote > .source > .author {
font-weight: bold;
}
.ifw-quote > .source > .source {
font-style: italic;
}