Tocas Xiaoan
Tocas Xiaoan by gnehs & Henry Wu



引用 本檔案為額外分離出的 CSS,若需使用需要額外引用進 HTML

原始碼
<!-- RawGit  -->
<link rel="stylesheet" href="//cdn.rawgit.com/gnehs/Tocas-UI-Xiaoan/master/css/UIKit.css">
<!-- GitHub Page -->
<link rel="stylesheet" href="//xiaoan.tocas-ui.com/css/UIKit.css">
<!-- 直接引用 -->
<link rel="stylesheet" href="css/UIKit.css">


介紹 這是一些被修改過的元件

溫馨提醒

這個功能的美觀性見仁見智,不過如果你想移除的話,直接對元件加上 no earlyspring 這個 class 即可,就像這個元件

原始碼
<div class="ts inverted primary message no earlyspring">
...
</div>


板岩 被修改過的板岩,移除了邊框並增加了陰影

2016 始春或者更晚,而且晚很多。
原始碼
<div class="ts basic padded slate">
  <i class="xiaoan face symbol icon"></i>
  <span class="header">2016 始春</span>
  <span class="description">或者更晚,而且晚很多。</span>
</div>


訊息 被修改過的訊息元件,移除了邊框並增加了陰影

始春倒數計時器

始春已過,讓我們迎接時下最夯的社群網站 TeaMeow!

原始碼
<div class="ts inverted secondary primary message">
...
</div>


卡片 被修改過的卡片元件,移除了邊框並增加了陰影

延期大師
您是否曾經聽過可以將釋出日期一拖再拖的社群網站呢?
原始碼
<div class="ts card">
...
</div>


片段 被修改過的片段元件,移除了邊框並增加了陰影

早安,我美好的末日
原始碼
<div class="ts segment">
...
</div>




Tocas Xiaoan