Split backend and frontend styles

xiaohutai · Feb 20, 2018 · 12da332 · 12da332
1 parent 6182bf7
commit 12da332
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 55 deletions.
diff --git a/src/Extension.php b/src/Extension.php
@@ -173,11 +173,11 @@ protected function registerAssets()
         }
 
         $assets[] = StyleSheet::create()
-            ->setFileName('extensions/vendor/twokings/is-useful/extension.css')
+            ->setFileName('extensions/vendor/twokings/is-useful/backend.css')
             ->setLate(true)
             ->setZone(Zone::BACKEND)
         ;
-        
+
         return $assets;
     }
 

diff --git a/web/backend.css b/web/backend.css
@@ -0,0 +1,52 @@
+/* Backend helper styles */
+
+.is-useful-navbar {
+    margin-bottom: 2rem;
+}
+.is-useful-navbar ul {
+    width: 100%;
+}
+
+.is-useful-navbar ul > li{
+    display: inline-block;
+}
+
+
+.is-useful-navbar ul li:last-child{
+    float: right;
+}
+
+
+.is-useful-ip,
+.is-useful-datetime {
+
+}
+
+.is-useful-message .well{
+    margin-bottom: 0;
+}
+
+.is-useful-actions .btn {
+    margin-bottom: .5rem;
+}
+
+.is-useful-quick-results {
+    margin-bottom: 2rem;
+}
+
+.is-useful-quick-results .well{
+    display: inline-block;
+    width: 33%;
+    max-width: 130px;
+    font-size: 1.5em;
+    font-weight: bold;
+    text-align: center;
+}
+
+.is-useful-block-no.well {
+    background: #f2dede;
+}
+
+.is-useful-block-yes.well {
+    background: #dff0d8;
+}
diff --git a/web/extension.css b/web/extension.css
@@ -24,56 +24,3 @@
     width: 1px;
     white-space: nowrap;
 }
-
-/* Backend helper styles */
-
-.is-useful-navbar {
-    margin-bottom: 2rem;
-}
-.is-useful-navbar ul {
-    width: 100%;
-}
-
-.is-useful-navbar ul > li{
-    display: inline-block;
-}
-
-
-.is-useful-navbar ul li:last-child{
-    float: right;
-}
-
-
-.is-useful-ip,
-.is-useful-datetime {
-
-}
-
-.is-useful-message .well{
-    margin-bottom: 0;
-}
-
-.is-useful-actions .btn {
-    margin-bottom: .5rem;
-}
-
-.is-useful-quick-results {
-    margin-bottom: 2rem;
-}
-
-.is-useful-quick-results .well{
-    display: inline-block;
-    width: 33%;
-    max-width: 130px;
-    font-size: 1.5em;
-    font-weight: bold;
-    text-align: center;
-}
-
-.is-useful-block-no.well {
-    background: #f2dede;
-}
-
-.is-useful-block-yes.well {
-    background: #dff0d8;
-}