From 8ffe2149f8f51e97c27084b0046b697b67a445f9 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 4 Oct 2016 16:50:58 +0800
Subject: Update cleanup code and fix the responsive resizer layout bug

---
 tools/resizer/assets/css/app.css     | 124 ---------------------------------
 tools/resizer/assets/css/app.less    | 128 +++++++++++++++++++++++++++++++++++
 tools/resizer/assets/css/app.min.css |   1 +
 3 files changed, 129 insertions(+), 124 deletions(-)
 delete mode 100644 tools/resizer/assets/css/app.css
 create mode 100644 tools/resizer/assets/css/app.less
 create mode 100644 tools/resizer/assets/css/app.min.css

(limited to 'tools/resizer/assets/css')

diff --git a/tools/resizer/assets/css/app.css b/tools/resizer/assets/css/app.css
deleted file mode 100644
index 47d1e2f..0000000
--- a/tools/resizer/assets/css/app.css
+++ /dev/null
@@ -1,124 +0,0 @@
-/* Spectre Resizer */
-.app-container {
-  background: #5764C6;
-  bottom: 0;
-  height: 100%;
-  left: 0;
-  overflow: hidden;
-  position: fixed;
-  right: 0;
-  top: 0;
-  width: 100%;
-}
-.copyright {
-  bottom: 10px;
-  color: #D2D7EE;
-  left: 10px;
-  position: fixed;
-}
-.copyright h1 {
-  font-size: 14px;
-  margin: 0;
-}
-.browser {
-  background: #fff;
-  border-radius: 3px;
-  display: flex;
-  flex-direction: column;
-  height: 80vh;
-  margin: 10vh auto;
-  transform: scale(1, 1);
-  transition: width .216s ease;
-  width: 80vw;
-}
-.browser .browser-header {
-  background: #f8f8f8;
-  border-radius: 3px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  flex: 0 0 42px;
-  width: 100%;
-}
-.browser .navbar-section {
-  flex: 1 0 33.33%;
-}
-.mobile .navbar-section-btns {
-  display: none;
-}
-.browser .browser-header .btn-refresh {
-  right: 0;
-  top: -2px;
-}
-.browser .browser-header .btn-action {
-  color: #999;
-  padding: 7px 5px;
-}
-.browser .browser-header .btn-action:hover,
-.browser .browser-header .btn-action:focus {
-  color: #666;
-}
-.browser .browser-header .form-input {
-  background: #eee;
-  border-color: transparent;
-  color: #666;
-  height: 28px;
-  padding: 5px 30px 5px 8px;
-}
-.browser .browser-header .form-input:hover,
-.browser .browser-header .form-input:focus {
-  background: #e8e8e8;
-  color: #333;
-}
-.browser .browser-header .form-select {
-  background-color: transparent;
-  border-color: transparent;
-  height: 28px;
-  padding: 3px 24px 3px 8px;
-}
-.browser .browser-body {
-  border-radius: 3px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  flex: 1 1 auto;
-  height: 100%;
-  overflow-y: auto;
-  position: relative;
-  width: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-.browser .browser-body iframe {
-  bottom: 0;
-  left: 0;
-  max-height: 100%;
-  max-width: 100%;
-  min-height: 100%;
-  min-width: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.browser .browser-footer {
-  background: #fefefe;
-  border-radius: 3px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  flex: 0 0 5px;
-  width: 100%;
-}
-.browser-action {
-  border-radius: 5px;
-  display: inline-block;
-  height: 10px;
-  margin: 3px 0 3px 6px;
-  vertical-align: middle;
-  width: 10px;
-}
-.browser-action.red {
-  background: #FC625D;
-}
-.browser-action.yellow {
-  background: #FEC041;
-}
-.browser-action.green {
-  background: #35CA4A;
-}
\ No newline at end of file
diff --git a/tools/resizer/assets/css/app.less b/tools/resizer/assets/css/app.less
new file mode 100644
index 0000000..3f16b46
--- /dev/null
+++ b/tools/resizer/assets/css/app.less
@@ -0,0 +1,128 @@
+/* Spectre Resizer */
+.app-container {
+  background: #5764C6;
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  overflow: hidden;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+}
+.copyright {
+  bottom: 10px;
+  color: #d2d7ee;
+  left: 10px;
+  position: fixed;
+}
+.copyright h1 {
+  font-size: 14px;
+  margin: 0;
+}
+.browser {
+  background: #fff;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  height: 80vh;
+  margin: 10vh auto;
+  transform: scale(1, 1);
+  transition: width .216s ease;
+  width: 80vw;
+}
+.browser .browser-header {
+  background: #f8f8f8;
+  border-radius: 3px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+  flex: 0 0 42px;
+  width: 100%;
+}
+.browser .navbar-section {
+  flex: 1 0 33.33%;
+}
+.mobile .navbar-section-btns {
+  display: none;
+}
+.browser .browser-header .btn-refresh {
+  right: 0;
+  top: -2px;
+}
+.browser .browser-header .btn-action {
+  color: #999;
+  padding: 7px 5px;
+}
+.browser .browser-header .btn-action:hover,
+.browser .browser-header .btn-action:focus {
+  color: #666;
+}
+.browser .browser-header .form-input {
+  background: #eee;
+  border-color: transparent;
+  color: #666;
+  height: 28px;
+  padding: 5px 30px 5px 8px;
+}
+.browser .browser-header .form-input:hover,
+.browser .browser-header .form-input:focus {
+  background: #e8e8e8;
+  color: #333;
+}
+.browser .browser-header .form-select {
+  background-color: transparent;
+  border-color: transparent;
+  height: 28px;
+  padding: 3px 24px 3px 8px;
+}
+.browser .browser-body {
+  border-radius: 3px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  flex: 1 1 auto;
+  height: 100%;
+  overflow-y: auto;
+  position: relative;
+  width: 100%;
+  -webkit-overflow-scrolling: touch;
+}
+.browser .browser-body iframe {
+  bottom: 0;
+  left: 0;
+  max-height: 100%;
+  max-width: 100%;
+  min-height: 100%;
+  min-width: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.browser .browser-footer {
+  background: #fefefe;
+  border-radius: 3px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  flex: 0 0 5px;
+  width: 100%;
+}
+.browser-action {
+  border-radius: 5px;
+  display: inline-block;
+  height: 10px;
+  margin: 3px 0 3px 6px;
+  vertical-align: middle;
+  width: 10px;
+}
+.browser-action.red {
+  background: #fc625d;
+}
+.browser-action.yellow {
+  background: #fec041;
+}
+.browser-action.green {
+  background: #35ca4a;
+}
diff --git a/tools/resizer/assets/css/app.min.css b/tools/resizer/assets/css/app.min.css
new file mode 100644
index 0000000..2928dc3
--- /dev/null
+++ b/tools/resizer/assets/css/app.min.css
@@ -0,0 +1 @@
+.app-container{background:#5764c6;bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.copyright{bottom:10px;color:#d2d7ee;left:10px;position:fixed}.copyright h1{font-size:14px;margin:0}.browser{background:#fff;border-radius:3px;display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:80vh;margin:10vh auto;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition:width .216s ease;width:80vw}.browser .browser-header{-webkit-align-items:center;align-items:center;background:#f8f8f8;border-radius:3px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 42px;-ms-flex:0 0 42px;flex:0 0 42px;-ms-flex-align:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem;width:100%}.browser .navbar-section{-webkit-flex:1 0 33.33%;-ms-flex:1 0 33.33%;flex:1 0 33.33%}.mobile .navbar-section-btns{display:none}.browser .browser-header .btn-refresh{right:0;top:-2px}.browser .browser-header .btn-action{color:#999;padding:7px 5px}.browser .browser-header .btn-action:focus,.browser .browser-header .btn-action:hover{color:#666}.browser .browser-header .form-input{background:#eee;border-color:transparent;color:#666;height:28px;padding:5px 30px 5px 8px}.browser .browser-header .form-input:focus,.browser .browser-header .form-input:hover{background:#e8e8e8;color:#333}.browser .browser-header .form-select{background-color:transparent;border-color:transparent;height:28px;padding:3px 24px 3px 8px}.browser .browser-body{border-radius:0 0 3px 3px;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;-webkit-overflow-scrolling:touch;overflow-y:auto;position:relative;width:100%}.browser .browser-body iframe{bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;position:absolute;right:0;top:0}.browser .browser-footer{background:#fefefe;border-radius:0 0 3px 3px;-webkit-flex:0 0 5px;-ms-flex:0 0 5px;flex:0 0 5px;width:100%}.browser-action{border-radius:5px;display:inline-block;height:10px;margin:3px 0 3px 6px;vertical-align:middle;width:10px}.browser-action.red{background:#fc625d}.browser-action.yellow{background:#fec041}.browser-action.green{background:#35ca4a}
\ No newline at end of file
-- 
cgit v1.3.1-23-gd82d