Template:SkornePasswordScreen/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| Line 2: | Line 2: | ||
color: var(--color-amaranth-legacy-scope); |
color: var(--color-amaranth-legacy-scope); |
||
text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope); |
text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope); |
||
} |
|||
.template-passwordscreen-prompt::after { |
|||
animation-duration: 1s; |
animation-duration: 1s; |
||
animation-name: terminalPrompt; |
animation-name: terminalPrompt; |
||
| Line 7: | Line 10: | ||
animation-direction: alternate; |
animation-direction: alternate; |
||
animation-timing-function: ease-in-out; |
animation-timing-function: ease-in-out; |
||
padding: var(--space-xs); |
|||
} |
} |
||
@keyframes terminalPrompt { |
@keyframes terminalPrompt { |
||
from { |
from { |
||
content: ''; |
|||
} |
} |
||
to { |
to { |
||
content: '|'; |
|||
border-right: solid 2px var(--color-amaranth-legacy-scope); |
|||
} |
} |
||
} |
} |
||
Revision as of 07:37, March 8, 2025
.template-passwordscreen-prompt {
color: var(--color-amaranth-legacy-scope);
text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope);
}
.template-passwordscreen-prompt::after {
animation-duration: 1s;
animation-name: terminalPrompt;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@keyframes terminalPrompt {
from {
content: '';
}
to {
content: '|';
}
}