Align initial dropdown styles with .md-button styles.

Closes #963
This commit is contained in:
dfsq 2016-03-23 13:17:42 +01:00 committed by Naomi Black
parent c934fb704f
commit a1678e5801

View File

@ -5,19 +5,30 @@
.dropdown-button { .dropdown-button {
background: rgba($snow, .1); background: rgba($snow, .1);
border: none; border: none;
border-radius: 3px;
text-transform: none; text-transform: none;
font-weight: normal; font-weight: normal;
font-size: 14px;
line-height: $unit * 4; line-height: $unit * 4;
padding: 0px ($unit * 4) 0px ($unit * 2); padding: 0px ($unit * 4) 0px ($unit * 2);
margin: (1.25 * $unit) 0;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
z-index: $layer-1; z-index: $layer-1;
opacity: 0.87; opacity: 0.87;
letter-spacing: .010em;
min-height:4.5 * $unit;
white-space:nowrap;
-webkit-font-smoothing:antialiased;
-webkit-user-select:none;
.icon { .icon {
position: absolute; position: absolute;
top: 5px; top: 50%;
right: $unit; right: $unit;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: $layer-1; z-index: $layer-1;
font-size: 20px; font-size: 20px;
opacity: .87; opacity: .87;
@ -28,7 +39,7 @@
background: $snow; background: $snow;
box-shadow: 0px 2px 5px rgba($coal, .3); box-shadow: 0px 2px 5px rgba($coal, .3);
position: absolute; position: absolute;
top: 0px; top: 1.25 * $unit;
left: 0px; left: 0px;
z-index: $layer-5; z-index: $layer-5;
display: none; display: none;