More actions
(active) |
No edit summary |
||
| Line 8: | Line 8: | ||
line-height: 1.2rem; | line-height: 1.2rem; | ||
transition: all .15s cubic-bezier(.07,.95,0,1); | transition: all .15s cubic-bezier(.07,.95,0,1); | ||
user-select: none; | |||
} | } | ||
.home-server-address:hover { | .home-server-address:hover { | ||
transform: scale(1.1); | transform: scale(1.1); | ||
transition: all .15s cubic-bezier(.07,.95,0,1); | transition: all .15s cubic-bezier(.07,.95,0,1); | ||
user-select: none; | |||
} | } | ||
.home-server-address:active { | .home-server-address:active { | ||
transform: scale(1); | transform: scale(1); | ||
transition: all .15s cubic-bezier(.07,.95,0,1); | transition: all .15s cubic-bezier(.07,.95,0,1); | ||
user-select: none; | |||
} | } | ||
| Line 22: | Line 25: | ||
color: var(--color-base--subtle); | color: var(--color-base--subtle); | ||
font-variant: all-small-caps; | font-variant: all-small-caps; | ||
user-select: none; | |||
} | } | ||
Revision as of 19:14, 31 January 2023
.home-server-address__container {
text-align: center;
}
.home-server-address {
font-size: 1.7rem;
font-family: var(--font-family-monospace);
line-height: 1.2rem;
transition: all .15s cubic-bezier(.07,.95,0,1);
user-select: none;
}
.home-server-address:hover {
transform: scale(1.1);
transition: all .15s cubic-bezier(.07,.95,0,1);
user-select: none;
}
.home-server-address:active {
transform: scale(1);
transition: all .15s cubic-bezier(.07,.95,0,1);
user-select: none;
}
.home-server-address-copy {
font-size: 0.8rem;
color: var(--color-base--subtle);
font-variant: all-small-caps;
user-select: none;
}
.home-server-ports {
text-align: center;
font-size: small;
font-family: var(--font-family-monospace);
}
#home-serverinfo {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-server-details__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.home-server-details {
display: flex;
align-items: center;
}
.home-server-details__title {
font-size: 1.2rem;
font-weight: 600;
}
.home-serverinfo-bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var( --color-surface-3 );
border-radius: 100px;
font-size: 0.8125rem;
font-weight: 500;
text-transform: uppercase;
}
.bubble--green {
background: var( --background-color-success );
}
.bubble--red {
background: var( --background-color-destructive );
}
.bubble--yellow {
background: var( --background-color-warning );
}