“模板:引用段落/styles.css”的版本间的差异
< 模板:引用段落
跳到导航
跳到搜索
(未显示同一用户的5个中间版本) | |||
第7行: | 第7行: | ||
.ifw-quote > .left-bracket { | .ifw-quote > .left-bracket { | ||
− | font-size: | + | font-size: 2rem; |
grid-column: 1/2; | grid-column: 1/2; | ||
color: gray; | color: gray; | ||
display: grid; | display: grid; | ||
− | place-items: | + | place-items: start; |
+ | vertical-align: top; | ||
+ | line-height: 50%; | ||
} | } | ||
.ifw-quote > .right-bracket { | .ifw-quote > .right-bracket { | ||
− | font-size: | + | font-size: 2rem; |
grid-column: 3/4; | grid-column: 3/4; | ||
color: gray; | color: gray; | ||
display: grid; | display: grid; | ||
− | place-items: | + | place-items: end; |
+ | vertical-align: bottom; | ||
+ | line-height: 50%; | ||
} | } | ||
.ifw-quote > .quote-content { | .ifw-quote > .quote-content { | ||
grid-column: 2/3; | grid-column: 2/3; | ||
+ | font-weight: bold; | ||
+ | padding: 0.5rem; | ||
} | } | ||
第27行: | 第33行: | ||
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:50的最新版本
.ifw-quote {
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
grid-template: 1fr auto / auto 1fr auto;
}
.ifw-quote > .left-bracket {
font-size: 2rem;
grid-column: 1/2;
color: gray;
display: grid;
place-items: start;
vertical-align: top;
line-height: 50%;
}
.ifw-quote > .right-bracket {
font-size: 2rem;
grid-column: 3/4;
color: gray;
display: grid;
place-items: end;
vertical-align: bottom;
line-height: 50%;
}
.ifw-quote > .quote-content {
grid-column: 2/3;
font-weight: bold;
padding: 0.5rem;
}
.ifw-quote > .source {
grid-column: 2 / 3;
text-align: right;
}
.ifw-quote > .source .author {
font-weight: bold;
}
.ifw-quote > .source .source {
font-style: italic;
}