Add slotted anchor styles

vaadin · Feb 21, 2019 · a9b7c65 · a9b7c65
1 parent 5eec759
commit a9b7c65
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/theme/lumo/vaadin-tab-styles.html b/theme/lumo/vaadin-tab-styles.html
@@ -110,6 +110,17 @@
         opacity: 0;
       }
 
+      :host ::slotted(a) {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        margin: -0.5rem -0.75rem;
+        padding: 0.5rem 0.75rem;
+        text-decoration: none;
+        color: inherit;
+        outline: none;
+      }
+
       :host ::slotted(iron-icon) {
         margin: 0 4px;
         width: var(--lumo-icon-size-m);
@@ -140,6 +151,13 @@
         padding-top: 0.25rem;
       }
 
+      :host([theme~="icon-on-top"]) ::slotted(a) {
+        flex-direction: column;
+        align-items: center;
+        margin-top: -0.25rem;
+        padding-top: 0.25rem;
+      }
+
       :host([theme~="icon-on-top"]) ::slotted(iron-icon) {
         margin: 0;
       }