🔖 Tocas 2 RC 4

teacat · Aug 25, 2016 · d2be5ab · d2be5ab
1 parent 28daab6
commit d2be5ab
Show file tree

Hide file tree

Showing 6 changed files with 188 additions and 59 deletions.
diff --git a/dist/tocas.css b/dist/tocas.css
diff --git a/dist/tocas.css.map b/dist/tocas.css.map
diff --git a/dist/tocas.min.css b/dist/tocas.min.css
diff --git a/dist/tocas.min.css.map b/dist/tocas.min.css.map
diff --git a/test/button.html b/test/button.html
@@ -39,6 +39,14 @@
 <button class="ts loading inverted button">下一步</button>
 <button class="ts loading secondary button">下一步</button>
 <br><br>
+<button class="ts disabled loading primary button">下一步</button>
+<button class="ts disabled loading info button">下一步</button>
+<button class="ts disabled loading warning button">下一步</button>
+<button class="ts disabled loading positive button">下一步</button>
+<button class="ts disabled loading negative button">下一步</button>
+<button class="ts disabled loading inverted button">下一步</button>
+<button class="ts disabled loading secondary button">下一步</button>
+<br><br>
 <button class="ts basic button">下一步</button>
 <button class="ts basic primary button">下一步</button>
 <button class="ts basic info button">下一步</button>
@@ -59,6 +67,17 @@
 <button class="ts inverted basic secondary button">下一步</button>
 </div>
 <br><br>
+<div style="background-color: #000">
+<button class="ts loading inverted basic button">下一步</button>
+<button class="ts loading inverted basic primary button">下一步</button>
+<button class="ts loading inverted basic info button">下一步</button>
+<button class="ts loading inverted basic warning button">下一步</button>
+<button class="ts loading inverted basic positive button">下一步</button>
+<button class="ts loading inverted basic negative button">下一步</button>
+<button class="ts loading inverted basic button">下一步</button>
+<button class="ts loading inverted basic secondary button">下一步</button>
+</div>
+<br><br>
 <button class="ts compact mini button">好</button>
 <button class="ts compact tiny button">好</button>
 <button class="ts compact small button">好</button>

diff --git a/test/card.html b/test/card.html
@@ -459,6 +459,27 @@
         <button class="ts secondary opinion button">YOLO</button>
     </div>
 </div>
+<div class="ts inverted raised centered positive card" style="width: 270px; ">
+    <div class="content">
+        <div class="header">Header</div>
+        <div class="meta">
+            <div>meta</div>
+            <div>meta</div>
+        </div>
+        <div class="description">
+            Moon, Dalan
+            Moon, Dalan
+            Moon, Dalan
+        </div>
+    </div>
+    <div class="extra content">
+        Yolo
+    </div>
+    <div class="ts buttons fluid bottom attached">
+        <button class="ts disabled opinion button">YOLO</button>
+        <button class="ts disabled secondary opinion button">YOLO</button>
+    </div>
+</div>
 <div class="ts  raised centered  card" style="width: 270px; ">
     <div class="content">
         <div class="header">
@@ -475,7 +496,74 @@
         <button class="ts  secondary opinion button">是</button>
     </div>
 </div>
-<div class="ts inverted raised centered negative card" style="width: 270px; ">
+<div class="ts  flatted centered  card" style="width: 270px; ">
+    <div class="content">
+        <div class="header">
+            蓄勢待發
+            <div class="sub header">一個關於洨洨安的故事。</div>
+        </div>
+        <div class="description">
+            <p>洨洨安準備大爆射，</p>
+            <p>您準備好了嗎？</p>
+        </div>
+    </div>
+    <div class="ts buttons fluid bottom attached">
+        <button class="ts button">當然</button>
+        <button class="ts button">是</button>
+    </div>
+</div>
+<div class="ts  flatted centered  card" style="width: 270px; ">
+    <div class="ts buttons fluid top attached">
+        <button class="ts button">當然</button>
+        <button class="ts button">是</button>
+        <button class="ts button">是</button>
+    </div>
+    <div class="content">
+        <div class="header">
+            蓄勢待發
+            <div class="sub header">一個關於洨洨安的故事。</div>
+        </div>
+        <div class="description">
+            <p>洨洨安準備大爆射，</p>
+            <p>您準備好了嗎？</p>
+        </div>
+    </div>
+</div>
+<div class="ts  flatted centered  card" style="width: 270px; ">
+    <div class="content">
+        <div class="header">
+            蓄勢待發
+            <div class="sub header">一個關於洨洨安的故事。</div>
+        </div>
+        <div class="description">
+            <p>洨洨安準備大爆射，</p>
+            <p>您準備好了嗎？</p>
+        </div>
+    </div>
+    <div class="ts buttons fluid bottom attached">
+        <button class="ts button">當然</button>
+        <button class="ts button">是</button>
+        <button class="ts button">是</button>
+    </div>
+</div>
+<div class="ts  centered  card" style="width: 270px; ">
+    <div class="content">
+        <div class="header">
+            蓄勢待發
+            <div class="sub header">一個關於洨洨安的故事。</div>
+        </div>
+        <div class="description">
+            <p>洨洨安準備大爆射，</p>
+            <p>您準備好了嗎？</p>
+        </div>
+    </div>
+    <div class="ts buttons fluid bottom attached">
+        <button class="ts button">當然</button>
+        <button class="ts positive button">是</button>
+        <button class="ts negative button">是</button>
+    </div>
+</div>
+<div class="ts inverted  centered negative card" style="width: 270px; ">
     <div class="content">
         <div class="header">Header</div>
         <div class="meta">