ベーステンプレートを更新しました (C2-25.0520)
目次[非表示]
管理Vr C2-25.0520
サイドバーにボーダーカラーが適用されてなかった
修正前
/*--- 区切り線パーツ ---*/
.theme-fo-base {
:is(.main-visual,.wrapper .contents,.foot ) {
.component {
&.border {
hr {
&.type01 {
background-image: -webkit-linear-gradient(left, transparent, $border_color, transparent);
}
&:is(.type02,.type03,.type04) {
border-color: $border_color;
}
}
}
}
}
}修正後
/*--- 区切り線パーツ ---*/
.theme-fo-base {
:is(.main-visual,.wrapper :is(.side,.contents),.foot ) {
.component {
&.border {
hr {
&.type01 {
background-image: -webkit-linear-gradient(left, transparent, $border_color, transparent);
}
&:is(.type02,.type03,.type04) {
border-color: $border_color;
}
}
}
}
}
}特定の条件が揃うと自動生成ページ（タグ・カテゴリー一覧）で見出しにスクロールバーが出る
修正前
.article-title {
overflow: auto;
max-height: none;
修正後
.article-title {
overflow: initial;
max-height: none;
新リッチテキストのSP時のフォントサイズが当たらない
出力が変わったのでSP時のフォントサイズが適用されなかったのを修正
フォントサイズの後ろの「;」を削除
/* --------------------------------
spフォント設定
----------------------------------- */
.component {
:is(
.font-size-20px,
[style*="font-size:20px"]
)
{
@include breakpoint-sp {
font-size: 18px !important;
}
}
:is(
.font-size-22px,
[style*="font-size:22px"]
) {
@include breakpoint-sp {
font-size: 20px !important;
}
}
:is(
.font-size-24px,
.font-size-26px,
[style*="font-size:24px"],
[style*="font-size:26px"]
) {
@include breakpoint-sp {
font-size: 22px !important;
}
}
:is(
.font-size-28px,
.font-size-30px,
[style*="font-size:28px"],
[style*="font-size:30px"]
) {
@include breakpoint-sp {
font-size: 24px !important;
}
}
:is(
.font-size-32px,
.font-size-34px,
.font-size-36px,
[style*="font-size:32px"],
[style*="font-size:34px"],
[style*="font-size:36px"]
) {
@include breakpoint-sp {
font-size: 26px !important;
}
}
:is(
.font-size-38px,
.font-size-42px,
.font-size-46px,
[style*="font-size:38px"],
[style*="font-size:42px"],
[style*="font-size:46px"]
) {
@include breakpoint-sp {
font-size: 28px !important;
}
}
:is(
.font-size-50px,
.font-size-54px,
[style*="font-size:50px"],
[style*="font-size:54px"],
) {
@include breakpoint-sp {
font-size: 32px !important;
}
}
:is(
.font-size-60px,
.font-size-66px,
.font-size-72px,
[style*="font-size:60px"],
[style*="font-size:66px"],
[style*="font-size:72px"]
) {
@include breakpoint-sp {
font-size: 36px !important;
}
}
:is(
.font-size-78px,
.font-size-86px,
.font-size-94px,
[style*="font-size:78px"],
[style*="font-size:86px"],
[style*="font-size:94px"]
) {
@include breakpoint-sp {
font-size: 40px !important;
}
}
}
/*------------- spフォント設定 END -------------*/リッチテキストのボタンのCSSを削除
新リッチテキストの関係でボタンの記述を削除
//削除記述
.component {
&.button:not(:root) {
.button-cont {
a {
&.blue {
background: #254a73;
color: #fff !important;
text-decoration: none;
&:hover {
opacity: $hover_opacity;
}
}
}
}
}
}
