Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 32: | Line 32: | ||
transition: all 500ms ease-in-out; | transition: all 500ms ease-in-out; | ||
} | } | ||
| − | .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0);} | + | .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0); position: relative; } |
#hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; } | #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; } | ||
| − | #hp-heading h1 span:nth-child(1)::before { content: "["; | + | #hp-heading h1 span:nth-child(1)::before { |
| + | content: "["; | ||
| + | color: var(--links-orange); | ||
| + | font-size: 1.5em; | ||
| + | display: inline-block; | ||
| + | position: absolute; | ||
| + | top: -0.2em; | ||
| + | left: -0.3em; | ||
| + | font-weight: 500; | ||
| + | } | ||
#hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; } | #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; } | ||
#hp-heading h1 span:nth-child(3) { font-weight: 100; transition-delay: 500ms; } | #hp-heading h1 span:nth-child(3) { font-weight: 100; transition-delay: 500ms; } | ||
Revision as of 16:19, 29 June 2022
Development verstion of the DCT Homepage.
Not ready for production!