Update: Removing @apply from styles

package.json

@@ -46,7 +46,6 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@polymer/paper-fab": "^3.0.0",
-    "@polymer/iron-flex-layout": "^3.0.0"
+    "@polymer/paper-fab": "^3.0.0"
   }
 }

paper-fab-menu-item.js

@@ -17,7 +17,6 @@ the License.
 import {PolymerElement} from '../../@polymer/polymer/polymer-element.js';
 import {html} from '../../@polymer/polymer/lib/utils/html-tag.js';
 import '../../@polymer/paper-fab/paper-fab.js';
-import '../../@polymer/iron-flex-layout/iron-flex-layout.js';
 /**
  * The `<paper-fab-menu-item>` is a menu item that can be used with `<paper-fab-menu>`.
  *
@@ -35,7 +34,8 @@ class PaperFabMenuItem extends PolymerElement {
     <style>
     :host {
       display: block;
-      @apply --layout-flex;
+      flex: 1;
+      flex-basis: 0.000000001px;
       margin: 4px;
     }
 

paper-fab-menu.js

@@ -18,7 +18,6 @@ import {PolymerElement} from '../../@polymer/polymer/polymer-element.js';
 import {html} from '../../@polymer/polymer/lib/utils/html-tag.js';
 import {afterNextRender} from '../../@polymer/polymer/lib/utils/render-status.js';
 import '../../@polymer/paper-fab/paper-fab.js';
-import '../../@polymer/iron-flex-layout/iron-flex-layout.js';
 import './paper-fab-menu-item.js';
 /**
  * Material design:
@@ -78,9 +77,11 @@ class PaperFabMenu extends PolymerElement {
     }
 
     .main-items {
-      @apply --layout-vertical;
-      @apply --layout-flex;
-      @apply --layout-self-center;
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      flex-basis: 0.000000001px;
+      align-self: center;
       -webkit-flex-basis: 0%;
       flex-basis: 0%;
     }
@@ -90,12 +91,14 @@ class PaperFabMenu extends PolymerElement {
     }
 
     .menu-fab-button {
-      @apply --layout-vertical;
-      @apply --layout-self-center;
+      display: flex;
+      flex-direction: column;
+      align-self: center;
     }
 
     .paper-fab-menu-container {
-      @apply --layout-vertical;
+      display: flex;
+      flex-direction: column;
     }
 
     :host(:not([children-visible])) .main-items {