Commit f9d0487c authored by Jehan Tremback's avatar Jehan Tremback

sweet dropdown bro

parent 4769d0c7
......@@ -180,7 +180,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
width: 100%;
}
.sheet, .dropdown-menu {
.sheet {
@include box-shadow(5px 5px 40px hsla(0, 0%, 0%, .1));
@include single-transition(all, .4s, ease-in-out);
@include transform-origin(50%, 0);
......
......@@ -305,10 +305,15 @@ blockquote {
//DROPDOWNS
.dropdown {
position: relative;
span {
cursor: pointer;
&:hover {
color: black;
}
}
}
.dropdown-menu {
@include border-radius(0 0 .5em .5em);
@include rotateX(90deg);
@include smallshadow;
background: $white;
......@@ -316,18 +321,32 @@ blockquote {
border-top: 0;
left: 0;
float: left;
list-style: none;
min-width: 0;
opacity: 0;
padding: .5em;
pointer-events: none;
position: absolute;
top: 100%;
li {
line-height: 1.5;
margin: .25em .5em;
border-top: dotted 1px $grayLighter;
&:hover {
color: black;
}
&:first-child {
border-top: 0;
}
}
a {
text-decoration: none;
color: inherit;
}
// Aligns the dropdown menu to right
&.pull-right {
right: 0;
right: -1px;
left: auto;
text-align: right;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment