“模板:引用段落/styles.css”的版本间的差异
< 模板:引用段落
跳到导航
跳到搜索
(建立内容为“.ifw-quote { display: grid; grid-template: 1fr auto / auto 1fr auto; }”的新页面) |
|||
(未显示同一用户的9个中间版本) | |||
第1行: | 第1行: | ||
.ifw-quote { | .ifw-quote { | ||
+ | padding-top: 1rem; | ||
+ | padding-bottom: 1rem; | ||
display: grid; | display: grid; | ||
grid-template: 1fr auto / auto 1fr auto; | 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; | ||
} | } |
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;
}