mirror of
https://github.com/Findus23/se-simulator.git
synced 2024-09-19 15:53:45 +02:00
56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
|
// Based on https://github.com/LeaVerou/awesomplete/blob/gh-pages/awesomplete.theme.css
|
||
|
|
// Copyright (c) 2015 Lea Verou
|
||
|
|
// MIT License
|
||
|
|
|
||
|
|
@import "awesomplete.base";
|
||
|
|
|
||
|
|
.awesomplete {
|
||
|
|
> ul {
|
||
|
|
padding: 1rem 1rem 0;
|
||
|
|
margin: .2em 0 0;
|
||
|
|
|
||
|
|
border: 1px solid rgba(0, 0, 0, .3);
|
||
|
|
box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
|
||
|
|
text-shadow: none;
|
||
|
|
> li {
|
||
|
|
position: relative;
|
||
|
|
padding: .2em .5em;
|
||
|
|
cursor: pointer;
|
||
|
|
&:hover {
|
||
|
|
background: hsl(200, 40%, 80%);
|
||
|
|
color: black;
|
||
|
|
mark {
|
||
|
|
background: hsl(68, 100%, 41%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&[aria-selected="true"] {
|
||
|
|
background: hsl(205, 40%, 40%);
|
||
|
|
color: white;
|
||
|
|
mark {
|
||
|
|
background: hsl(86, 100%, 21%);
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&:before { // pointer
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: -.43em;
|
||
|
|
left: 1em;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
padding: .4em;
|
||
|
|
background: white;
|
||
|
|
border: inherit;
|
||
|
|
border-right: 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
mark {
|
||
|
|
background: hsl(65, 100%, 50%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|