Page MenuHomeWickedGov Phorge
Files F4154554

Search__button.less
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

Search__button.less
View Options

/* TODO: Use SVG animtation to replace CSS icons */
.citizen-search {
.citizen-dropdown-summary {
> .citizen-ui-icon {
box-sizing: content-box; // Magic
display: flex;
align-items: center;
justify-content: center;
transition: var( --transition-hover );
transition-property: transform;
> span {
position: relative;
border-radius: var( --border-radius-base );
transition: inherit;
&:first-child {
top: 0.3125rem;
/* @noflip */
left: 0.75rem;
height: 0.5rem;
transform: rotate( -45deg );
}
&:nth-child( 2 ) {
width: 0.625rem;
height: 0.625rem;
margin-top: -0.3125rem;
/* @noflip */
margin-left: -0.125rem;
border: 0.125rem solid currentcolor;
border-radius: 100%;
transform: rotate( -45deg );
}
&:last-child {
left: -0.4375rem;
height: 1rem;
opacity: 0;
transform: rotate( -135deg );
}
&:first-child,
&:last-child {
width: 0.125rem;
background-color: currentcolor;
}
}
// Since this is a CSS icon, we don't need this
&::before {
content: none;
}
}
&:hover {
> .citizen-ui-icon {
> span {
&:first-child {
height: 0.375rem;
transform: translate3d( 0.125rem, 0.125rem, 0 ) rotate( -45deg );
}
}
}
}
}
> .citizen-dropdown-details[ open ] {
> .citizen-dropdown-summary {
> .citizen-ui-icon {
> span {
&:first-child {
height: 1rem;
transform: translate3d( -0.3125rem, -0.3125rem, 0 ) rotate( 135deg );
}
&:nth-child( 2 ) {
border-color: transparent;
}
&:last-child {
opacity: 1;
}
}
}
&:hover {
> .citizen-ui-icon {
transform: scale( 0.85 );
}
}
}
}
}
/* @noflip */
.rtl {
.citizen-search .citizen-dropdown-summary:hover {
> .citizen-ui-icon > span {
&:first-child {
left: 0.125rem;
}
&:nth-child( 2 ) {
margin-left: -0.25rem;
}
}
}
}

File Metadata

Mime Type
text/plain
Expires
Aug 19 2026, 21:14 (7 w, 6 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
73/5e/1182fce68955f24e7cf759329992
Default Alt Text
Search__button.less (1 KB)

Event Timeline