Sha256: e6943a10ddddbad2904615ff4f450380aaf0ee918f9be78f66eb801496f4a7c0
Contents?: true
Size: 1.82 KB
Versions: 9
Compression:
Stored size: 1.82 KB
Contents
.page-select--page,
.page-select--page-name,
.page-select--page-urlname {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.page-select--page {
/* Need to redefine these variables here with the defaults from Alchemy,
* because they are not available if you only load this file.
*/
--size-1: var(--spacing-0, 2px);
--size-2: var(--spacing-1, 4px);
--size-3: var(--spacing-2, 8px);
--small-font-size: var(--font-size_small, 10px);
--grey: var(--color-grey_light, hsl(0deg, 0%, 94%));
--color: var(--color-text, hsla(224deg, 23%, 26%, 0.8));
--highlight-color: var(--grey);
display: flex;
flex-direction: column;
color: var(--color);
alchemy-icon {
margin-right: var(--size-2);
.icon {
fill: currentColor;
}
}
.select2-highlighted & {
color: var(--highlight-color);
}
}
.page-select--top,
.page-select--bottom {
display: flex;
flex-direction: row;
align-items: center;
}
.page-select--bottom {
font-size: var(--small-font-size);
padding-left: var(--size-1);
}
.page-select--page-urlname {
color: var(--color-text_muted, hsla(224deg, 23%, 26%, 0.5));
padding-right: var(--size-2);
.select2-highlighted & {
color: var(--highlight-color);
}
}
.page-select--language-code {
--bg-color: var(--grey);
--highlight-bg-color: var(--color-white, hsl(0deg, 0%, 100%));
--border-radius: var(--border-radius_medium, 3px);
display: inline-block;
background-color: var(--bg-color);
margin-left: auto;
border-radius: var(--border-radius);
padding: var(--size-1) var(--size-2);
text-transform: uppercase;
.select2-highlighted & {
color: var(--color);
background-color: var(--highlight-bg-color);
}
}
.page-select--site-name {
margin-left: auto;
padding: var(--size-2) 0 var(--size-2) var(--size-3);
font-size: var(--small-font-size);
}
Version data entries
9 entries across 9 versions & 1 rubygems