about everytab tab bolded title
This commit is contained in:
parent
0f0acb642f
commit
eec486880a
2 changed files with 7 additions and 18 deletions
|
|
@ -130,6 +130,10 @@
|
|||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.tab-about .tab-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
|
@ -158,24 +162,8 @@
|
|||
right: 4px;
|
||||
}
|
||||
|
||||
/* Marquee animations */
|
||||
.tab-row.scroll-left {
|
||||
animation: marquee-left var(--speed) linear infinite;
|
||||
}
|
||||
|
||||
.tab-row.scroll-right {
|
||||
animation: marquee-right var(--speed) linear infinite;
|
||||
}
|
||||
|
||||
@keyframes marquee-left {
|
||||
0% { transform: translateX(0); }
|
||||
100% { transform: translateX(-50%); }
|
||||
}
|
||||
|
||||
@keyframes marquee-right {
|
||||
0% { transform: translateX(-50%); }
|
||||
100% { transform: translateX(0); }
|
||||
}
|
||||
/* Marquee animation driven by Web Animations API in site.js
|
||||
(pixel-precise endpoints for seamless looping) */
|
||||
|
||||
/* Inline iframe viewer */
|
||||
.iframe-viewer {
|
||||
|
|
|
|||
|
|
@ -72,6 +72,7 @@ function createTab(entry) {
|
|||
img.alt = "";
|
||||
aboutIcons.push(img);
|
||||
tab.appendChild(img);
|
||||
tab.classList.add("tab-about");
|
||||
} else if (entry.icon) {
|
||||
const img = document.createElement("img");
|
||||
img.className = "tab-icon";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue