Browse Source

Move button-specific CSS to partial.

Florian Kissling 10 năm trước cách đây
mục cha
commit
a2ff7a6046
2 tập tin đã thay đổi với 19 bổ sung17 xóa
  1. 18 0
      docs/_sass/_s2-docs-buttons.scss
  2. 1 17
      docs/css/s2-docs.scss

+ 18 - 0
docs/_sass/_s2-docs-buttons.scss

@@ -0,0 +1,18 @@
+.btn-outline-inverse {
+  color: #428BCA;
+  background-color: transparent;
+  border-color: #428BCA;
+  padding: 15px 30px;
+  font-size: 20px;
+  transition: all .1s ease-in-out;
+
+  &:hover {
+    color: #fff;
+    border-color: #428BCA;
+    background-color: #428BCA;
+  }
+
+  .fa {
+    margin-right: 8px;
+  }
+}

+ 1 - 17
docs/css/s2-docs.scss

@@ -10,6 +10,7 @@
 @import "s2-docs-home";
 @import "s2-docs-examples";
 @import "s2-docs-social";
+@import "s2-docs-buttons";
 @import "anchorjs";
 @import "jumbotron";
 @import "prettify";
@@ -18,23 +19,6 @@
   margin-bottom: 20px;
 }
 
-.btn-outline-inverse {
-  color: #428BCA;
-  background-color: transparent;
-  border-color: #428BCA;
-  padding: 15px 30px;
-  font-size: 20px;
-}
-
-.btn-outline-inverse .fa {
-  margin-right: 8px;
-}
-
-.btn-outline-inverse:hover {
-  color: #fff;
-  border-color: #428BCA;
-  background-color: #428BCA;
-}
 
 .version {
   color: #999;