From be2f7e27ba54c45b7b702eda6366298a0fe32fe5 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Sat, 13 Jan 2018 10:30:52 +0530
Subject: [PATCH] add critical css

---
 src/index.html | 15 +++++++++++++++
 src/style.css  |  3 ++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 193fadf..ef40d33 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,6 +3,21 @@
 		<meta charset="utf-8">
 		<title>Web Maker</title>
 
+		<style>
+			/* Critically acclaimed CSS */
+			.saved-items-pane {
+				position: fixed;
+				right: 0;
+				top: 0;
+				bottom: 0;
+				width: 450px;
+				transform: translateX(100%);
+			}
+			.modal__content {
+				opacity: 0;
+			}
+		</style>
+
 		<!-- build:css vendor.css -->
 		<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
 		<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
diff --git a/src/style.css b/src/style.css
index 7eefb49..29b8bdb 100644
--- a/src/style.css
+++ b/src/style.css
@@ -85,7 +85,7 @@ select, input[type="text"], input[type="number"],  textarea {
 	border-radius: 3px;
 	padding: 7px 15px;
 	cursor: pointer;
-	transition: 0.2s ease;
+	transition: box-shadow 0.2s ease;
 }
 .btn-icon {
 	display: inline-flex;
@@ -515,6 +515,7 @@ transition: 0.25s ease;
 	z-index: 6;
 	background-color: var(--color-sidebar);
 	transition: 0.3s cubic-bezier(1, 0.13, 0.21, 0.87);
+	transition-property: transform;
 	will-change: transform;
 	transform: translateX(100%);
 }