“模板:引用段落/styles.css”的版本间的差异

来自iFx Wiki
跳到导航 跳到搜索
(建立内容为“.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;
}