「テンプレート:Rbcmnt/bi.css」の版間の差分

提供:Wikisource
削除された内容 追加された内容
ルビRbcmnt2の文字間隔を「text-align-last: justify;」で均等にする。
テキストにspan要素が含まれる時に改行してしまう不具合への対応
タグ: 差し戻し済み
21行目: 21行目:
span.r2 span {
span.r2 span {
text-align:center;
text-align:center;
display:block;
display:block flex;
line-height: inherit;
line-height: inherit;
text-align-last: justify;
text-align-last: justify;

2024年4月24日 (水) 01:26時点における版

span.r2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

/* device has a touch screen */
@media (any-pointer: coarse) {
span.r2 {
	font-size: 150%;
}
}

/* cancel above font-size for iPhone mobile view. abandon tablets. */
@media only screen and (max-width:430px), only screen and (max-height:430px) {
span.r2 {
	font-size: 100%;
}
}

span.r2 span {
	text-align:center;
	display:block flex;
	line-height: inherit;
	text-align-last: justify;
}

span.r2 span.t {
	font-size: smaller;
	color: teal;
	line-height: inherit;
	text-align-last: justify;
}

span.r2 span.b {
	font-size: smaller;
	color: olive;
	line-height: inherit;
	text-align-last: justify;
}

/* [[Category:テンプレートスタイル|Rbcmnt]] */