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

来自iFx Wiki
跳到导航 跳到搜索
第7行: 第7行:
  
 
.ifw-quote > .left-bracket {
 
.ifw-quote > .left-bracket {
font-size: 5rem;
+
font-size: 2rem;
 
grid-column: 1/2;
 
grid-column: 1/2;
 
color: gray;
 
color: gray;
第13行: 第13行:
 
place-items: start;
 
place-items: start;
 
vertical-align: top;
 
vertical-align: top;
 +
line-height: 50%;
 
}
 
}
 
.ifw-quote > .right-bracket {
 
.ifw-quote > .right-bracket {
font-size: 5rem;
+
font-size: 2rem;
 
grid-column: 3/4;
 
grid-column: 3/4;
 
color: gray;
 
color: gray;
第21行: 第22行:
 
place-items: end;
 
place-items: end;
 
vertical-align: bottom;
 
vertical-align: bottom;
 +
line-height: 50%;
 
}
 
}
 
.ifw-quote > .quote-content {
 
.ifw-quote > .quote-content {

2020年12月11日 (五) 11:47的版本

.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;
}

.ifw-quote > .source {
grid-column: 2 / 3;
text-align: right;
}

.ifw-quote > .source > .author {
font-weight: bold;
}

.ifw-quote > .source > .source {
font-style: italic;
}