fix(style): add mixin for close fab button (#11)

add mixin for close fab button
Collaborne · Sep 12, 2017 · 36a3577 · 36a3577
1 parent ff5d839
commit 36a3577
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/paper-fab-speed-dial.html b/paper-fab-speed-dial.html
@@ -8,12 +8,14 @@
 
 ### Styling
 
-Style                                            | Description
------------------------------------------------- | ------------
---paper-fab-speed-dial-background                | The background color of the Floating Action Button
---paper-fab-speed-dial-keyboard-focus-background | The background color of the Floating Action Button when focused
---paper-fab-speed-dial-right                     | Margin to the right of the screen (default: 16px)
---paper-fab-speed-dial-bottom                    | Margin to the bottom of the screen (default: 16px)
+Style                                                   | Description
+------------------------------------------------        | ------------
+--paper-fab-speed-dial-background                       | The background color of the Floating Action Button
+--paper-fab-speed-dial-keyboard-focus-background        | The background color of the Floating Action Button when focused
+--paper-fab-speed-dial-background-close                 | The background color of the Floating Action Button when opened
+--paper-fab-speed-dial-keyboard-focus-background-close  | The background color of the Floating Action Button when opened and focused
+--paper-fab-speed-dial-right                            | Margin to the right of the screen (default: 16px)
+--paper-fab-speed-dial-bottom                           | Margin to the bottom of the screen (default: 16px)
 
 ### Example
 
@@ -43,8 +45,8 @@
 			}
 
 			.close {
-				--paper-fab-background: var(--paper-grey-500);
-				--paper-fab-keyboard-focus-background: var(--paper-grey-500);
+				--paper-fab-background: var(--paper-fab-speed-dial-background-close, var(--paper-grey-500));
+				--paper-fab-keyboard-focus-background: var(--paper-fab-speed-dial-keyboard-focus-background-close, var(--paper-grey-500));
 				margin-top: 20px;
 				display: inline-block;
 			}