You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
509 B
31 lines
509 B
.App {
|
|
max-width: 1280px;
|
|
margin: 0 auto;
|
|
padding: 2rem;
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.toggle,
|
|
.color-toggle {
|
|
display: inline-flex;
|
|
padding: 0.6em;
|
|
}
|
|
|
|
.color-toggle {
|
|
color: #e64980;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
/* astro renders both toggle icons and swaps via CSS; harmless elsewhere */
|
|
.toggle .icon-active {
|
|
display: none;
|
|
}
|
|
.toggle.is-active .icon-default {
|
|
display: none;
|
|
}
|
|
.toggle.is-active .icon-active {
|
|
display: inline-flex;
|
|
}
|
|
|