| Line 47: | Line 47: | ||
stroke-width:2px | stroke-width:2px | ||
} | } | ||
#cosmos-search-buttonContainer { | |||
position:relative; | |||
width:46px; | |||
height:36px; | |||
margin-left:-46px | |||
} | |||
#cosmos-search-buttonContainer:hover > #cosmos-search-buttonIcon { | |||
stroke:#fff | stroke:#fff | ||
} | } | ||
Revision as of 15:21, 10 January 2023
/* CSS placed here will be applied to all skins */
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
.cosmos-bannerOption:hover > .cosmos-bannerOption-button {
display:inline-flex;
align-items:center;
margin-top:0;
margin-bottom:0;
justify-items:center;
stroke:#fff;
stroke-width:2px;
transition:0.4s
}
.cosmos-bannerOption:hover .cosmos-bannerOption-icon {
stroke:#fff
}
.cosmos-bannerOption:hover .cosmos-bannerOption-dropdownIcon {
fill:#fff;
stroke:#fff
}
.cosmos-bannerOption-button {
display:flex;
align-items:center;
justify-content:center;
cursor:pointer
}
.cosmos-bannerOption-icon {
display:flex;
height:28px;
align-items:center;
fill:none;
justify-items:center;
stroke:#fff;
stroke-width:2px
}
.cosmos-bannerOption-dropdownIcon {
display:flex;
height:auto;
margin-left:7px;
fill:#fff;
stroke:#fff;
stroke-width:2px
}
.cosmos-button.cosmos-button-secondary {
color:#fff;
stroke:#fff;
stroke-width:2px
}
#cosmos-search-buttonContainer {
position:relative;
width:46px;
height:36px;
margin-left:-46px
}
#cosmos-search-buttonContainer:hover > #cosmos-search-buttonIcon {
stroke:#fff
}