Skip to content

Instantly share code, notes, and snippets.

@becomevocal
Created June 20, 2019 12:16
Show Gist options
  • Save becomevocal/a9e0f3a0a1bfe0cadbb33d900693dc5b to your computer and use it in GitHub Desktop.
Save becomevocal/a9e0f3a0a1bfe0cadbb33d900693dc5b to your computer and use it in GitHub Desktop.
Region Selector Styles
.languagepicker {
background-color: #FFF;
display: inline-block;
padding: 0;
height: 40px;
overflow: hidden;
transition: all .3s ease;
margin: 0 50px 10px 0;
vertical-align: top;
position: absolute;
top: 65px;
right: 25px;
z-index: 100000;
border-radius: 10px;
}
.languagepicker:hover {
/* don't forget the 1px border */
height: 81px;
}
.languagepicker a{
color: #000;
text-decoration: none;
}
.languagepicker li {
display: block;
padding: 0px 20px;
line-height: 40px;
border-top: 1px solid #EEE;
}
.languagepicker li:hover{
background-color: #EEE;
}
.languagepicker a:first-child li {
border: none;
background: #FFF !important;
}
.languagepicker li img {
margin-right: 5px;
}
.roundborders {
border-radius: 5px;
}
.large:hover {
/*
don't forget the 1px border!
The first language is 40px heigh,
the others are 41px
*/
height: 245px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment