Responsive header icons

2017-02-21 21:56:40 +13:00
parent 141bc95feb
commit a964536618
2 changed files with 30 additions and 0 deletions
--- a/src/scss/components/_header.scss
+++ b/src/scss/components/_header.scss
@ -45,5 +45,34 @@ main {
 				}
 			}
 		}
+
+		@include responsive( $bp_medium ){
+			.dropdown-field {
+				.label {
+					padding-left: 16px;
+					padding-right: 16px;
+
+					.text {
+						display: none;
+					}
+					.fa {
+						line-height: 24px;
+					}
+				}
+			}
+			.actions {
+				button {
+					font-size: 1px;
+					color: transparent;
+					vertical-align: top;
+
+					.fa {
+						font-size: 14px;
+						color: #000000;
+						vertical-align: middle;
+					}
+				}
+			}
+		}
 	}
 }