From a9bcf8fa8ed88aff67b7496361c51481b8971e80 Mon Sep 17 00:00:00 2001
From: Pawel Psztyc <jarrodek@gmail.com>
Date: Wed, 3 Apr 2019 23:43:32 -0700
Subject: [PATCH] Update: Removing `@apply` from styles

---
 package.json           |  3 +--
 paper-fab-menu-item.js |  4 ++--
 paper-fab-menu.js      | 17 ++++++++++-------
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 8a559cf..eb7b8be 100644
--- a/package.json
+++ b/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"
   }
 }
diff --git a/paper-fab-menu-item.js b/paper-fab-menu-item.js
index fb019f1..544b570 100644
--- a/paper-fab-menu-item.js
+++ b/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;
     }
 
diff --git a/paper-fab-menu.js b/paper-fab-menu.js
index d80d2bb..f42cb98 100644
--- a/paper-fab-menu.js
+++ b/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 {