* ajust details for some controls.

8429180e · Catouse · 89d1f364 · 8429180e · 8429180e · 8429180e
5 changed file
--- a/examples/modals.html
+++ b/examples/modals.html
@@ -2,6 +2,7 @@
 <html lang="zh-CN">
 <head>
  <meta charset='utf8'>
+  <link href="../dist/css/zui.css" rel="stylesheet">
  <link href="../assets/css/doc.css" rel="stylesheet">
  <link rel="stylesheet/less" type="text/css" href="../src/less/zui.less" />
  <script type="text/javascript"> less = { env: "development", dumpLineNumbers:'mediaquery' }; </script>

--- a/examples/tabs.html
+++ b/examples/tabs.html
@@ -2,6 +2,7 @@
 <html lang="zh-CN">
 <head>
  <meta charset='utf8'>
+  <link href="../dist/css/zui.css" rel="stylesheet">
  <link href="../assets/css/doc.css" rel="stylesheet">
  <link rel="stylesheet/less" type="text/css" href="../src/less/zui.less" />
  <script type="text/javascript"> less = { env: "development", dumpLineNumbers:'mediaquery' }; </script>

--- a/src/less/basic/variables.less
+++ b/src/less/basic/variables.less
@@ -458,16 +458,16 @@

 // Animation
 // --------------------------
-@animation-speed-normal:             0.2s;
-@animation-speed-fast:               0.1s;
-@animation-speed-slow:               0.5s;
+@animation-speed-normal:             0.4s;
+@animation-speed-fast:               0.2s;
+@animation-speed-slow:               0.6s;

-@animation-type:                     ease-in;
+@animation-type:                     cubic-bezier(0.175,.885,.32,1);

 // Code
 // ------------------------
-@code-color:                  @color-special;
-@code-bg:                     @color-special-pale;
+@code-color:                  @color-important;
+@code-bg:                     @gray-pale;

 @pre-bg:                      #f5f5f5;
 @pre-color:                   @gray-dark;
@@ -646,3 +646,12 @@
 @close-font-weight:           bold;
 @close-text-shadow:           0 1px 0 #fff;

+
+// Tooltips
+// -------------------------
+@tooltip-max-width:           200px;
+@tooltip-color:               @color-backgrond;
+@tooltip-bg:                  @color-fore;
+
+@tooltip-arrow-width:         5px;
+@tooltip-arrow-color:         @tooltip-bg;
\ No newline at end of file
--- a/src/less/components/code.less
+++ b/src/less/components/code.less
@@ -16,6 +16,7 @@ samp
 code
 {
  padding: 2px 4px;
+  margin:0 4px;
  font-size: 90%;
  color: @code-color;
  background-color: @code-bg;

--- a/src/less/views/cards.less
+++ b/src/less/views/cards.less
@@ -70,7 +70,7 @@
    width: 100%;
    height: 100%;
    background-color: @card-reveal-bg;
-    .transition(all, @animation-speed-normal, @animation-type);
+    .transition(all, @animation-speed-slow, @animation-type);

    > .card-heading
    {