2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-17 02:29:37 +03:00
Files
vue-select/docs/.vuepress/scss/_cyan_theme.scss
T
2018-08-14 10:12:30 -07:00

47 lines
905 B
SCSS

@import 'variables';
#v-select {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
max-width: 500px;
margin: 0 auto;
text-align: left;
.dropdown-toggle {
background: #fff;
border-color: rgba(82, 166, 183, 0.39);
}
&.dropdown.open .dropdown-toggle,
&.dropdown.open .dropdown-menu,
&.dropdown.open .open-indicator:before {
border-color: #4CC3D9;
}
.active a {
background: rgba(50, 50, 50, .1);
color: #333;
}
&.dropdown li {
border-bottom: 1px solid rgba($code-grey, .1);
&:last-child {
border-bottom: none;
}
}
&.dropdown li a {
padding: 10px 20px;
display: inline-flex;
width: 100%;
align-items: center;
font-size: 1.5em;
.octicon {
font-size: 1.5em;
width: 1.5em;
}
}
&.dropdown .highlight a,
&.dropdown li:hover a {
background: #4CC3D9;
color: #fff;
}
}