settings
https://gyazo.com/b32ef153b9841c25fce96648f884c89d
code:style.css
/* CSS Grid Layout適応 */
.page-list ul.grid {
display: grid;
grid-gap: 1rem;
margin: 0;
}
@supports (width: min(15rem, 100%)) {
.page-list ul.grid {
grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
}
}
.page-list .grid li {
margin: 0;
width: auto;
height: 194px;
float: none;
}
.page-filter-menu {
display: none;
}
.navbar-default {
}
/* ナビゲーションメニュー固定
padding-top: 81px;
}
.navbar-default {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
margin: 0;
}
*/
/* ナビゲーションロゴ画像上書き */
a.navbar-brand.dropdown-toggle {
position: relative;
}
a.navbar-brand.dropdown-toggle::before {
content: "";
width: 36px;
height: 36px;
display: block;
position: absolute;
top: 2px;
left: -2px;
background-size: contain;
background-repeat: no-repeat;
}
/* Pikachu Codeline */
line-height: 1;
background-color: yellow;
}
/* Dog CodeLine */
line-height: 1;
}
/* Pin Item Header Color */
.grid li.page-list-item a .pin + .content .header {
padding: 10px 14px;
}
.grid.grid-md li.page-list-item a .header {
padding: 10px 14px;
}
/* Presentation Mode */
.app.presentation {
padding-top: 0;
}
.app.presentation .line.section-title .text {
font-size: 4.15vw;
font-weight: 700;
text-align: left;
}
.app.presentation .col-page {
min-width: 100vw;
}
.app.presentation .col-page-side {
display: none;
}
/* 画像は上揃えにしたい */
.line .image {
vertical-align: top;
}