#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$EN1}):nth-child(-n+syntax error near ‘{$EN1} + {`),
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(n+{$JP1}):nth-child(-n+syntax error near `{$JP1} + {`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$KO1}):nth-child(-n+syntax error near `{$KO1} + {`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$CN1}):nth-child(-n+syntax error near `{$CN1} + {`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `) {
width: calc((100% - var(--topbar-menu-group-title-width)) / var(--topbar-menu-group-num));
font-size: 0;
inset-inline-start: calc(var(--topbar-menu-group-title-width) + (100% - var(--topbar-menu-group-title-width)) / var(--topbar-menu-group-num) * (var(--topbar-menu-group-offset) - 1));
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(syntax error near `{$JP1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$KO1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$CN1} + {`)::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mJP1} + `)::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `)::before {
content: var(--topbar-menu-group-title);
position: absolute;
left: calc(var(--topbar-menu-group-title-width) * -1 - 100% * (var(--topbar-menu-group-num) - 1));
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--topbar-menu-group-title-width) + 100% * var(--topbar-menu-group-num));
height: 100%;
background: rgb(var(--header-background-color));
font-size: 0.72rem;
z-index: 1;
transition: width 0.25s;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$EN1}):nth-child(-n+syntax error near `{$EN1} + {`):hover ~ li:nth-child(syntax error near `{$EN1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(n+{$JP1}):nth-child(-n+syntax error near `{$JP1} + {`):hover ~ li:nth-child(syntax error near `{$JP1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$KO1}):nth-child(-n+syntax error near `{$KO1} + {`):hover ~ li:nth-child(syntax error near `{$KO1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$CN1}):nth-child(-n+syntax error near `{$CN1} + {`):hover ~ li:nth-child(syntax error near `{$CN1} + {`)::before,
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + {`):hover::before,
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(syntax error near `{$JP1} + {`):hover::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$KO1} + {`):hover::before,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$CN1} + {`):hover::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `):hover ~ li:nth-child(syntax error near `{$mJP1} + `)::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `):hover ~ li:nth-child(syntax error near `{$mEN1} + `)::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mJP1} + `):hover::before,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `):hover::before {
content: var(--topbar-menu-group-title-abbr);
width: var(--topbar-menu-group-title-width);
background: rgb(var(--primary-color));
color: rgb(var(--header-text-hover-color));
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$EN1}):nth-child(-n+syntax error near `{$EN1} + {`) a::after,
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(n+{$JP1}):nth-child(-n+syntax error near `{$JP1} + {`) a::after,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$KO1}):nth-child(-n+syntax error near `{$KO1} + {`) a::after,
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$CN1}):nth-child(-n+syntax error near `{$CN1} + {`) a::after,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `) a::after,
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `) a::after {
content: counter(series, upper-roman);
counter-increment: series;
padding: 0.5rem 0.25rem;
font-size: 0.72rem;
}
#top-bar .top-bar ul li:nth-of-type(1) ul {
grid-template-areas:
’scp-en .';
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$EN1}):nth-child(-n+syntax error near `{$EN1} + {`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `) {
grid-area: scp-en;
--topbar-menu-group-num: {$ENnum};
--topbar-menu-group-title: "SCP-EN一覧";
--topbar-menu-group-title-abbr: "SCP-EN";
}
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `) {
--topbar-menu-group-title-abbr: "EN";
}
#top-bar .top-bar ul li:nth-of-type(2) ul {
grid-template-areas:
'scp-jp .';
}
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(n+{$JP1}):nth-child(-n+syntax error near `{$JP1} + {`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `) {
grid-area: scp-jp;
--topbar-menu-group-num: {$JPnum};
--topbar-menu-group-title: "SCP-JP一覧";
--topbar-menu-group-title-abbr: "SCP-JP";
}
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `) {
--topbar-menu-group-title-abbr: "JP";
}
#top-bar .top-bar ul li:nth-of-type(3) ul {
grid-auto-flow: column;
grid-template-rows: repeat(14, 1fr);
grid-template-areas:
'. .'
'scp-ko .'
'scp-cn .';
}
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$KO1}):nth-child(-n+syntax error near `{$KO1} + {`) {
grid-area: scp-ko;
--topbar-menu-group-num: {$KOnum};
--topbar-menu-group-title: "SCP-KO一覧";
--topbar-menu-group-title-abbr: "SCP-KO";
}
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(n+{$CN1}):nth-child(-n+syntax error near `{$CN1} + {`) {
grid-area: scp-cn;
--topbar-menu-group-num: {$CNnum};
--topbar-menu-group-title: "SCP-CN一覧";
--topbar-menu-group-title-abbr: "SCP-CN";
}
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul {
grid-template-areas:
'scp-jp scp-en';
counter-reset: series;
}
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mJP1}):nth-child(-n+syntax error near `{$mJP1} + `) {
/*grid-area: scp-jp;*/
}
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(n+{$mEN1}):nth-child(-n+syntax error near `{$mEN1} + `) {
/*grid-area: scp-en;*/
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child({$EN1}),
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child({$JP1}),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child({$KO1}),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child({$CN1}),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child({$mJP1}),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child({$mEN1}) {
--topbar-menu-group-offset: 1;
counter-reset: series;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 1`),
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(syntax error near `{$JP1} + 1`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$KO1} + 1`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$CN1} + 1`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mJP1} + `),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 2;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 2`),
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(syntax error near `{$JP1} + 2`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$CN1} + 2`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mJP1} + `),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 3;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 3`),
#top-bar .top-bar ul li:nth-of-type(2) ul li:nth-child(syntax error near `{$JP1} + 3`),
#top-bar .top-bar ul li:nth-of-type(3) ul li:nth-child(syntax error near `{$CN1} + 3`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mJP1} + `),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 4;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 4`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 5;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 5`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 6;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 6`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 7;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 7`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 8;
}
#top-bar .top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$EN1} + 8`),
#top-bar .mobile-top-bar ul li:nth-of-type(1) ul li:nth-child(syntax error near `{$mEN1} + `) {
--topbar-menu-group-offset: 9;
}