From 03dbca4bf68b6b2103ee8fcaae54b7e67c809407 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Wed, 14 Feb 2018 10:42:41 -0500
Subject: [PATCH] fix(item-options): use the css classes for side

---
 .../core/src/components/item-options/item-options.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/src/components/item-options/item-options.scss b/packages/core/src/components/item-options/item-options.scss
index 55bd18603e..d88291cf95 100644
--- a/packages/core/src/components/item-options/item-options.scss
+++ b/packages/core/src/components/item-options/item-options.scss
@@ -26,7 +26,7 @@ ion-item-options {
   @include rtl() {
     justify-content: flex-start;
 
-    &:not([side=right]) {
+    &:not(.item-options-right) {
       // scss-lint:disable PropertySpelling
       right: auto;
       left: 0;
@@ -40,7 +40,7 @@ ion-item-options {
   }
 }
 
-ion-item-options[side=left] {
+.item-options-left {
   @include multi-dir() {
     // scss-lint:disable PropertySpelling
     right: auto;
@@ -58,7 +58,7 @@ ion-item-options[side=left] {
 
 .item-sliding-active-slide {
   @include rtl() {
-    &.item-sliding-active-options-left ion-item-options:not([side=right]) {
+    &.item-sliding-active-options-left ion-item-options:not(.item-options-right) {
       width: 100%;
 
       visibility: visible;
@@ -69,8 +69,8 @@ ion-item-options[side=left] {
     display: flex;
   }
 
-  &.item-sliding-active-options-left ion-item-options[side=left],
-  &.item-sliding-active-options-right ion-item-options:not([side=left]) {
+  &.item-sliding-active-options-left .item-options-left,
+  &.item-sliding-active-options-right ion-item-options:not(.item-options-left) {
     width: 100%;
 
     visibility: visible;