Codiki/codiki
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

Add generic dropdown-item style.

Browse Source
This commit is contained in:
Florian THIERRY - Takiguchi
2019-01-30 21:59:38 +01:00
parent 9ab6d35267
commit 005440bff5
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/main/ts-v7/src/styles.scss
View File

@@ -35,4 +35,37 @@ body {
.btn-card-floating:hover { .btn-card-floating:hover {
box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
} }
/* ***** End of floating card button ***** */ /* ***** End of floating card button ***** */
/* ***** Dropdown items style ***** */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.dropdown-item {
border-radius: .125rem;
transition: all .1s linear;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #fff !important;
text-decoration: none;
background-color: #4285f4 !important;
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
/* ***** End of Dropdown items style ***** */