From 50cbeeaaaa2c3e9953761c5cb0639f192ad0a5ea Mon Sep 17 00:00:00 2001 From: Yami Odymel Date: Sun, 28 Jan 2024 15:59:00 +0800 Subject: [PATCH] Fixed #997 --- cli/docs-builder/templates/index.html | 54 ++-- examples/crowdfunding.html | 166 ++++++------ examples/feed.html | 316 +++++++++++----------- examples/inbox.html | 234 ++++++++-------- examples/login.html | 26 +- examples/network-disk.html | 40 +-- examples/settings.html | 212 ++++++++------- examples/shopping.html | 148 +++++----- languages/zh-tw/components/app-center.yml | 32 ++- languages/zh-tw/components/app-layout.yml | 6 +- languages/zh-tw/components/app-navbar.yml | 28 +- languages/zh-tw/components/badge.yml | 14 +- languages/zh-tw/components/blankslate.yml | 1 - languages/zh-tw/components/breadcrumb.yml | 14 +- languages/zh-tw/components/card.yml | 3 +- languages/zh-tw/components/chip.yml | 30 +- languages/zh-tw/components/colors.yml | 233 ++++++++-------- languages/zh-tw/components/container.yml | 42 ++- languages/zh-tw/components/content.yml | 5 +- languages/zh-tw/components/divider.yml | 42 +-- languages/zh-tw/components/grid.yml | 26 +- languages/zh-tw/components/menu.yml | 32 ++- languages/zh-tw/components/responsive.yml | 4 +- languages/zh-tw/components/segment.yml | 154 ----------- languages/zh-tw/components/space.yml | 48 ---- languages/zh-tw/components/tab.yml | 18 +- languages/zh-tw/components/wrap.yml | 72 +++-- languages/zh-tw/meta.yml | 2 - src/segment.css | 155 ----------- src/tocas.css | 1 - 30 files changed, 953 insertions(+), 1205 deletions(-) delete mode 100644 languages/zh-tw/components/segment.yml delete mode 100644 languages/zh-tw/components/space.yml delete mode 100644 src/segment.css diff --git a/cli/docs-builder/templates/index.html b/cli/docs-builder/templates/index.html index 92c15129..9da12176 100644 --- a/cli/docs-builder/templates/index.html +++ b/cli/docs-builder/templates/index.html @@ -301,20 +301,22 @@
{{ "Index_Showcase_Navbar_Section" | i18n }}
-
-
- -
-
{{ "Index_Showcase_Navbar_A" | i18n }}
- - -
-
{{ "Index_Showcase_Navbar_B" | i18n }}
- - -
-
{{ "Index_Showcase_Navbar_C" | i18n }}
- +
+
+
+ +
+
{{ "Index_Showcase_Navbar_A" | i18n }}
+ + +
+
{{ "Index_Showcase_Navbar_B" | i18n }}
+ + +
+
{{ "Index_Showcase_Navbar_C" | i18n }}
+ +
@@ -364,11 +366,13 @@
{{ "Index_Showcase_Breadcrumb_Section" | i18n }}
-
-
- {{ "Index_Showcase_Breadcrumb_A" | i18n }} - {{ "Index_Showcase_Breadcrumb_B" | i18n }} - {{ "Index_Showcase_Breadcrumb_C" | i18n }} +
+
+
+ {{ "Index_Showcase_Breadcrumb_A" | i18n }} + {{ "Index_Showcase_Breadcrumb_B" | i18n }} + {{ "Index_Showcase_Breadcrumb_C" | i18n }} +
@@ -376,11 +380,13 @@
{{ "Index_Showcase_Placeholder_Section" | i18n }}
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/examples/crowdfunding.html b/examples/crowdfunding.html index 16c2ded8..59d3996e 100644 --- a/examples/crowdfunding.html +++ b/examples/crowdfunding.html @@ -30,32 +30,34 @@
-
-
-
-
-
-
-
NT$ 830,110
+
+
+
+
-
83%
-
-
總目標 NT$ 1,000,000
-
194
-
贊助者
-
163
-
剩餘天數
- -
- - - - +
+
+
NT$ 830,110
+
+
83%
+
+
總目標 NT$ 1,000,000
+
194
+
贊助者
+
163
+
剩餘天數
+ +
+ + + + +
+
2022/12/31 23:59 截止
-
2022/12/31 23:59 截止
@@ -133,19 +135,21 @@ ▌ Dev Blog / 開發日誌：
https://dev.code-liquid.io/
-
-
對這個專案有興趣嗎？
現在就訂閱我們的電子報！
-
-
-
- +
+
+
對這個專案有興趣嗎？
現在就訂閱我們的電子報！
+
+
+
+ +
+
+
+
-
-
-
@@ -156,53 +160,59 @@
-
-
- -
-
NT$380
-
數位遊戲版
-
包含：
-
-
Steam 數位下載序號一組
-
動態桌布
-
限定官方 Discord 贊助者身份組
+
+
+
+ +
+
NT$380
+
數位遊戲版
+
包含：
+
+
Steam 數位下載序號一組
+
動態桌布
+
限定官方 Discord 贊助者身份組
+
+
153 位贊助者
+
-
153 位贊助者
-
-
-
- -
-
NT$520
-
數位原聲帶同梱包
-
包含：
-
-
Steam 數位下載序號一組
-
動態桌布
-
FLAC 高音質原聲帶
-
限定官方 Discord 贊助者身份組
+
+
+
+ +
+
NT$520
+
數位原聲帶同梱包
+
包含：
+
+
Steam 數位下載序號一組
+
動態桌布
+
FLAC 高音質原聲帶
+
限定官方 Discord 贊助者身份組
+
+
137 位贊助者
+
-
137 位贊助者
-
-
-
- -
-
NT$990
-
實體典藏版
-
包含：
-
-
實體雷雕 USB 隨身碟
-
動態桌布
-
1:1000 主角模型
-
FLAC 高音質原聲帶
-
限定官方 Discord 贊助者身份組
+
+
+
+ +
+
NT$990
+
實體典藏版
+
包含：
+
+
實體雷雕 USB 隨身碟
+
動態桌布
+
1:1000 主角模型
+
FLAC 高音質原聲帶
+
限定官方 Discord 贊助者身份組
+
+
15 位贊助者
+
-
15 位贊助者
-
diff --git a/examples/feed.html b/examples/feed.html index 7ed64d8c..a26f9ae2 100644 --- a/examples/feed.html +++ b/examples/feed.html @@ -62,200 +62,212 @@
-
-
-
-
- +
+
+
+
+
+ +
-
-
-
- +
+
+ +
-
-
-
-
- -
-
- -
-
- +
+
+
+ +
+
+ +
+
+ +
-
-
-
-
- -
-
-
-
-
Yami Odymel
-
-
公開
- 3 分鐘前 +
+
+
+
+
+
-
- 敬告所有尤米爾的子民，
- 我的名字是艾連葉卡。
- 正透過始祖巨人的力量與所有尤米爾的子民對話。 +
+
+
Yami Odymel
+
+
公開
+ 3 分鐘前 +
+
+
+ 敬告所有尤米爾的子民，
+ 我的名字是艾連葉卡。
+ 正透過始祖巨人的力量與所有尤米爾的子民對話。 +
-
-
-
-
- -
-
- -
-
- +
+
+
+ +
+
+ +
+
+ +
-
-
-
-
- +
+
+
+
+
+ +
-
-
-
-
Yami Odymel
-
-
公開
- 3 分鐘前 +
+
+
Yami Odymel
+
+
公開
+ 3 分鐘前 +
+
+
+ Ken Wong 沒事推什麼 King Exit 的坑，
+ 要是我 TeaMeow 今年寫不出來，
+ 就是你給我的精神攻擊害的 +
+
+
-
- Ken Wong 沒事推什麼 King Exit 的坑，
- 要是我 TeaMeow 今年寫不出來，
- 就是你給我的精神攻擊害的 +
+
+
+
+
-
- +
+ +
+
+
-
-
-
-
-
- -
-
- -
-
-
-
-
限時動態
-
-
- -
-
- -
-
- +
+
+
限時動態
+
+
+ +
+
+ +
+
+ +
-
-
最近看過的商品
-
-
-
- -
-
-
NT$ 2,500
+
+
+
最近看過的商品
+
+
+
+ +
+
+
NT$ 2,500
+
-
-
-
- -
-
-
NT$ 5,500
+
+
+ +
+
+
NT$ 5,500
+
-
-
-
- -
-
-
NT$ 100
+
+
+ +
+
+
NT$ 100
+
-
-
-
- -
-
-
NT$ 320
+
+
+ +
+
+
NT$ 320
+
-
-
宣傳廣告
-
- +
+
+
宣傳廣告
+
+ +
+
神奇麵包屋
+
這會是你史上吃過最好吃的麵包，比米奇妙妙屋還要神奇！
-
神奇麵包屋
-
這會是你史上吃過最好吃的麵包，比米奇妙妙屋還要神奇！
服務條款 diff --git a/examples/inbox.html b/examples/inbox.html index 4a7beca2..52d2e0cc 100644 --- a/examples/inbox.html +++ b/examples/inbox.html @@ -53,142 +53,148 @@
-
-
-
-
- - -
-
-
-
-
-
- - - - - -
-
-
- +
+
+
+
+
+ +
-
-
-
-
-
-
+
-
Gogoro Network
+
+ + + + + +
-
8:54 AM
+
-
Gogoro Network 電子發票開立通知
-
感謝您使用 Gogoro Network 服務。您的發票已開立…
-
-
-
-
-
GoDaddy
-
-
-
4:03 AM
+
+
+
+
+
+
+
+
Gogoro Network
+
+
+
8:54 AM
+
+
Gogoro Network 電子發票開立通知
+
感謝您使用 Gogoro Network 服務。您的發票已開立…
-
更新隱私權設定及個人資訊。
-
請花一分鐘的時間確認資訊正確無誤…
-
-
-
-
-
-
Yami Odymel
-
-
-
6:15 PM
+
+
+
+
+
GoDaddy
+
+
+
4:03 AM
+
+
更新隱私權設定及個人資訊。
+
請花一分鐘的時間確認資訊正確無誤…
-
野心更大的虛擬 YouTuber 團體邁向偶像化，而…
-
「虛擬 YouTuber」是在 2016 年後期所出現的詞彙，拜絆愛（Kizuna Ai）所賜，這股潮流就這樣掀起了。
-
-
-
-
野心更大的虛擬 YouTuber 團體邁向偶像化，而距離感也與日俱增
-
Yami Odymel & 我
-
-
-
-
我
-
-
-
6:15 PM
+
+
+
+
+
Yami Odymel
+
+
+
6:15 PM
+
+
野心更大的虛擬 YouTuber 團體邁向偶像化，而…
+
「虛擬 YouTuber」是在 2016 年後期所出現的詞彙，拜絆愛（Kizuna Ai）所賜，這股潮流就這樣掀起了。
- 當にじさんじ正在成長的時候，另一個名為 Hololive Production 的團體則是出了點小問題。因為這個團體原本並不是打算在 YouTube - 上進行放送。而是希望能夠像網紅一樣透過類似 17 Media 直播來讓大家喜歡自己。而刻意造弄網紅的壞處顯而易見地就是「距離感」。
-
-
-
-
Yami Odymel
-
-
-
3:25 PM
+
+
野心更大的虛擬 YouTuber 團體邁向偶像化，而距離感也與日俱增
+
Yami Odymel & 我
+
+
+
+
+
我
+
+
+
6:15 PM
+
+
+ 當にじさんじ正在成長的時候，另一個名為 Hololive Production 的團體則是出了點小問題。因為這個團體原本並不是打算在 YouTube + 上進行放送。而是希望能夠像網紅一樣透過類似 17 Media 直播來讓大家喜歡自己。而刻意造弄網紅的壞處顯而易見地就是「距離感」。
-
- 為了解決這個問題，Hololive Production 決定推出兩個不同面向的團體，分別是偶像系與遊戲系（Hololive - GAMERs）。偶像系能夠持續朝著谷鄉元昭（社長）本人願景前進，而遊戲系又可以往大眾所喜好的方向邁進。這個舉動可以說是一舉兩得。 -
-
-
附件檔案
-
-
-
- -
- -
-
-
-
- - 草稿文案.docx +
+
+
+
+
Yami Odymel
+
+
+
3:25 PM
- +
+ 為了解決這個問題，Hololive Production 決定推出兩個不同面向的團體，分別是偶像系與遊戲系（Hololive + GAMERs）。偶像系能夠持續朝著谷鄉元昭（社長）本人願景前進，而遊戲系又可以往大眾所喜好的方向邁進。這個舉動可以說是一舉兩得。 +
-
- -
- -
-
-
-
- - 螢幕截圖.png +
+
附件檔案
+
+
+
+ +
+
-
- +
+
+
+ + 草稿文案.docx +
+
+ +
+
+ +
+ +
+
+
+
+ + 螢幕截圖.png +
+
+ +
diff --git a/examples/login.html b/examples/login.html index 342fc850..85ae5d95 100644 --- a/examples/login.html +++ b/examples/login.html @@ -14,19 +14,21 @@
我的神秘網站
-
-
-
使用者帳號
-
- - +
+
+
+
使用者帳號
+
+ + +
+
密碼
+
+ + +
+
-
密碼
-
- - -
-
diff --git a/examples/network-disk.html b/examples/network-disk.html index 62fd8cd1..548d8961 100644 --- a/examples/network-disk.html +++ b/examples/network-disk.html @@ -137,34 +137,42 @@ style="color: var(--ts-gray-600)" >
- -
- -
UpdraftPlus
+ +
+
+ +
UpdraftPlus
+
- -
- -
Tasker
+ +
+
+ +
Tasker
+
- -
- -
Struct Crystal
+ +
+
+ +
Struct Crystal
+
- -
- -
對空音商事有限公司
+ +
+
+ +
對空音商事有限公司
+
diff --git a/examples/settings.html b/examples/settings.html index 6da0332a..7fc9db7a 100644 --- a/examples/settings.html +++ b/examples/settings.html @@ -40,136 +40,138 @@
-
- -
-
網站標題
-
-
-
- +
+
+ +
+
網站標題
+
+
+
+ +
+
這個標題會出現在 SEO 搜尋引擎中。
-
這個標題會出現在 SEO 搜尋引擎中。
-
- + - -
-
公開模式
-
- + +
+
公開模式
+
+ +
-
- + -
+
- -
-
頁腳動力提供者
-
-
- - -
你可以在頁腳選擇要不要顯示這個部落格程式的名稱，好讓更多人知道這個神奇蹦蹦超棒異域部落格！拜託啦。
+ +
+
頁腳動力提供者
+
+
+ + +
你可以在頁腳選擇要不要顯示這個部落格程式的名稱，好讓更多人知道這個神奇蹦蹦超棒異域部落格！拜託啦。
+
-
- + - -
-
內文左右對齊
-
-
- - - -
- 文章的內容可以左右對齊達到最佳的排版視覺效果，但在字數較少的行數上會有較為明顯的字體間距反而有可能適得其反。 + +
+
內文左右對齊
+
+
+ + + +
+ 文章的內容可以左右對齊達到最佳的排版視覺效果，但在字數較少的行數上會有較為明顯的字體間距反而有可能適得其反。 +
-
- + - -
-
強制圖片長寬比
-
-
- - - -
強制將文章裡的所有圖片裁切並以 16:9 的長寬比呈現。
+ +
+
強制圖片長寬比
+
+
+ + + +
強制將文章裡的所有圖片裁切並以 16:9 的長寬比呈現。
+
-
- + - -
-
字體大小
-
-
- - -
- 網站的字體可以偏大令人更容易閱讀，同時搭配「全域寬度屬性」還有自己的撰寫習慣，可以讓整個網站的版面不再那麼空白。 + +
+
字體大小
+
+
+ + +
+ 網站的字體可以偏大令人更容易閱讀，同時搭配「全域寬度屬性」還有自己的撰寫習慣，可以讓整個網站的版面不再那麼空白。 +
-
- + -
+
- -
-
危險地區
-
-
- -
注意，你將需要自行重啟程式才能恢復到目前的狀態。
+ +
+
危險地區
+
+
+ +
注意，你將需要自行重啟程式才能恢復到目前的狀態。
+
+
-
diff --git a/examples/shopping.html b/examples/shopping.html index 2695f0f7..6d973565 100644 --- a/examples/shopping.html +++ b/examples/shopping.html @@ -184,94 +184,96 @@
分類
-
-
-
-
- +
+
+
+
+
+ +
+
女生衣著
-
女生衣著
-
-
-
- +
+
+ +
+
男生衣著
-
男生衣著
-
-
-
- +
+
+ +
+
運動/健身
-
運動/健身
-
-
-
- +
+
+ +
+
男女鞋
-
男女鞋
-
-
-
- +
+
+ +
+
女生配件/黃金
-
女生配件/黃金
-
-
-
- +
+
+ +
+
美妝保健
-
美妝保健
-
-
-
- +
+
+ +
+
嬰幼童與母親
-
嬰幼童與母親
-
-
-
-
-
- +
+
+
+
+ +
+
女生包包/精品
-
女生包包/精品
-
-
-
- +
+
+ +
+
男生包包與配件
-
男生包包與配件
-
-
-
- +
+
+ +
+
戶外/旅行
-
戶外/旅行
-
-
-
- +
+
+ +
+
3C與筆電
-
3C與筆電
-
-
-
- +
+
+ +
+
手機平板與周邊
-
手機平板與周邊
-
-
-
- +
+
+ +
+
家電影音
-
家電影音
-
-
-
- +
+
+ +
+
汽機車零件百貨
-
汽機車零件百貨
diff --git a/languages/zh-tw/components/app-center.yml b/languages/zh-tw/components/app-center.yml index cf13907a..f0ddd24c 100644 --- a/languages/zh-tw/components/app-center.yml +++ b/languages/zh-tw/components/app-center.yml @@ -24,8 +24,10 @@ Example: HTML: |
-
- 這個區塊會置中出現在畫面正中央。 +
+
+ 這個區塊會置中出現在畫面正中央。 +
@@ -55,19 +57,21 @@ Definitions: HTML: |
-
-
-
使用者帳號
-
- - -
-
密碼
-
- - +
+
+
+
使用者帳號
+
+ + +
+
密碼
+
+ + +
+
-
diff --git a/languages/zh-tw/components/app-layout.yml b/languages/zh-tw/components/app-layout.yml index 39df5f8a..bcfcca25 100644 --- a/languages/zh-tw/components/app-layout.yml +++ b/languages/zh-tw/components/app-layout.yml @@ -188,8 +188,10 @@ Definitions:
-
- 早安，我的朋友！ +
+
+ 早安，我的朋友！ +
diff --git a/languages/zh-tw/components/app-navbar.yml b/languages/zh-tw/components/app-navbar.yml index c1281a31..735956b5 100644 --- a/languages/zh-tw/components/app-navbar.yml +++ b/languages/zh-tw/components/app-navbar.yml @@ -26,21 +26,19 @@ Relatives: Example: HTML: | -
-
- - -
使用者
- - - -
首頁
- - - -
新聞
- -
+
+ + +
使用者
+ + + +
首頁
+ + + +
新聞
+
Definitions: diff --git a/languages/zh-tw/components/badge.yml b/languages/zh-tw/components/badge.yml index 32afd543..df4060ff 100644 --- a/languages/zh-tw/components/badge.yml +++ b/languages/zh-tw/components/badge.yml @@ -122,11 +122,13 @@ Definitions: Anchor: Composition Header Description: 想要強調某些最新消息就可以在標題裡使用計數徽章。 HTML: | -
-
- 星際效應 - 新上映 +
+
+
+ 星際效應 + 新上映 +
+

《星際效應》是一部2014年上映的科幻電影，由克里斯多福·諾蘭執導和監製，馬修·麥康納、安·海瑟薇、潔西卡·崔絲坦和米高·肯恩主演。電影講述一組太空人通過穿越蟲洞為人類尋找新家園的冒險故事。

+
— 維基百科
-

《星際效應》是一部2014年上映的科幻電影，由克里斯多福·諾蘭執導和監製，馬修·麥康納、安·海瑟薇、潔西卡·崔絲坦和米高·肯恩主演。電影講述一組太空人通過穿越蟲洞為人類尋找新家園的冒險故事。

-
— 維基百科
diff --git a/languages/zh-tw/components/blankslate.yml b/languages/zh-tw/components/blankslate.yml index 825a2594..9b9665d4 100644 --- a/languages/zh-tw/components/blankslate.yml +++ b/languages/zh-tw/components/blankslate.yml @@ -14,7 +14,6 @@ Description: 在沒有任何資料的情況下給予提示與建議行為。 Type: Article Relatives: - Content - - Segment #======================================================= # 基本樣式 diff --git a/languages/zh-tw/components/breadcrumb.yml b/languages/zh-tw/components/breadcrumb.yml index 1f1b30f1..7d51b9a5 100644 --- a/languages/zh-tw/components/breadcrumb.yml +++ b/languages/zh-tw/components/breadcrumb.yml @@ -125,12 +125,14 @@ Definitions: Sections: - Title: 區塊導覽標記 Anchor: Composition Block - Description: 如果希望導覽標記以一個區塊呈現，別忘記能夠搭配[片段](./segment.html)或[內容區塊](./content.html)使用。 + Description: 搭配[卡片容器](./card.html)呈現出一個區塊導覽標記。 HTML: | -
-
- 電影 - 科幻與冒險 - 星際效應 +
+
+
+ 電影 + 科幻與冒險 + 星際效應 +
diff --git a/languages/zh-tw/components/card.yml b/languages/zh-tw/components/card.yml index bae15713..dbbfa2be 100644 --- a/languages/zh-tw/components/card.yml +++ b/languages/zh-tw/components/card.yml @@ -6,7 +6,7 @@ Title: 卡片容器 Description: 帶有邊框的基礎架構容器並可與其他元素混搭使用。 Intro: | - 卡片容器會與[內容區塊](./content.html)、[表格](./table.html)、[圖片](./image.html)這種貼邊元件一起使用。如果內容只有純文字，則可以考慮使用更簡單的[片段](./segment.html)元件。 + 卡片容器會與[內容區塊](./content.html)、[表格](./table.html)、[圖片](./image.html)這種貼邊元件一起使用。 #======================================================= # 設定 @@ -15,7 +15,6 @@ Intro: | Type: Article Relatives: - - Segment - Content #======================================================= diff --git a/languages/zh-tw/components/chip.yml b/languages/zh-tw/components/chip.yml index 5d2d9246..1108f5d8 100644 --- a/languages/zh-tw/components/chip.yml +++ b/languages/zh-tw/components/chip.yml @@ -242,19 +242,21 @@ Definitions: Anchor: Composition Reactions Description: 在某些內容底下能夠擺放關聯選項作為對該訊息的反應。 HTML: | -
-

如果你有去釣魚大賽，你可能會被禁止進入：「我們不歡迎職業選手」

-
- - -
- +
+
+

如果你有去釣魚大賽，你可能會被禁止進入：「我們不歡迎職業選手」

+
+ + +
+ +
@@ -309,7 +311,7 @@ Definitions: - Title: 文字建議 Anchor: Composition Input - Description: 類似 Google 應用程式會在回覆訊息時提出的文字自動完成建議。 + Description: 類似某些應用程式會在回覆訊息時提出的文字自動完成建議。 HTML: |
diff --git a/languages/zh-tw/components/colors.yml b/languages/zh-tw/components/colors.yml index a43170f5..bedc1e37 100644 --- a/languages/zh-tw/components/colors.yml +++ b/languages/zh-tw/components/colors.yml @@ -49,124 +49,125 @@ Definitions:
-
- -
- -
- -
卡片與標題
-
-
-
-
好吃的千層蛋糕！
+
+
+
+ +
+ +
卡片與標題
+
+
+
+
好吃的千層蛋糕！
+
-
- -
- -
按鈕
-
-
-
- + +
+ +
按鈕
+
+
+
+ +
+
+ +
+
+ +
-
- + +
+ +
標籤
+
+
+ +
+ +
+ 飛鳥湊 + + +
+ +
+ 西園寺風莉 +
-
- +
+
+ 8,964 + 16,226 + 320
+
- -
- -
標籤
-
-
- -
- -
- 飛鳥湊 - - -
- -
- 西園寺風莉 - -
-
-
- 8,964 - 16,226 - 320 -
- -
- + - -
- -
統計數據
-
-
-
-
-
42,689
-
32
+ +
+ +
統計數據
+
+
+
+
+
42,689
+
32
+
-
-
-
-
8,652
-
351
+
+
+
8,652
+
351
+
+ +
+ +
核取方塊
+
+
+ + + +
+ +
+ +
項目切換
+
+
+ + + +
+
- -
- -
核取方塊
-
-
- - - -
- -
- -
項目切換
-
-
- - - -
- +
-
@@ -634,8 +635,10 @@ Definitions: Description: | 使該元素的色調與目前全域色系完全相反，反色是動態相對詞。亮色主題中的反色會是暗色，反之亦然。 HTML: | -
- 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。 +
+
+ 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。 +
- Title: 強制色域 @@ -645,10 +648,14 @@ Definitions: Remove: -
HTML: | -
- 這個元素不論是在什麼環境，都一定是黑色的。 +
+
+ 這個元素不論是在什麼環境，都一定是黑色的。 +
-
- 這個元素不論是在什麼環境，都一定是白色的。 +
+
+ 這個元素不論是在什麼環境，都一定是白色的。 +
diff --git a/languages/zh-tw/components/container.yml b/languages/zh-tw/components/container.yml index ad4d54fa..b4474ad6 100644 --- a/languages/zh-tw/components/container.yml +++ b/languages/zh-tw/components/container.yml @@ -77,8 +77,10 @@ Definitions: Description: 最基本的界限容器是 `1180px` 為寬度上限，這可以讓文字與內容在螢幕上置中而不會過寬。 HTML: |
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
@@ -92,14 +94,18 @@ Definitions: -
HTML: |
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
@@ -108,8 +114,10 @@ Definitions: Description: 界限容器也能以 100% 的寬度貼齊其父容器。 HTML: |
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
@@ -121,20 +129,26 @@ Definitions: HTML: |
-
- 較寬鬆的內距 +
+
+ 較寬鬆的內距 +
-
- 預設內距 +
+
+ 預設內距 +
-
- 無內距 +
+
+ 無內距 +
diff --git a/languages/zh-tw/components/content.yml b/languages/zh-tw/components/content.yml index 88b5a0f3..994f665e 100644 --- a/languages/zh-tw/components/content.yml +++ b/languages/zh-tw/components/content.yml @@ -6,7 +6,7 @@ Title: 內容區塊 Description: 用以包覆內容的內距區塊。 Intro: | - 只要希望容器有內距，通常就會使用此元素。這個元件很常與[卡片容器](./card.html)一同使用，若沒有進階要求則可以考慮使用[片段](./segment.html)元件。 + 讓某個區塊帶有內距，這個元件很常與[卡片容器](./card.html)一同使用。 #======================================================= # 設定 @@ -15,8 +15,7 @@ Intro: | Type: Article Relatives: - - Box - - Segment + - Card #======================================================= # 基本樣式 diff --git a/languages/zh-tw/components/divider.yml b/languages/zh-tw/components/divider.yml index f5c7a301..1e550e10 100644 --- a/languages/zh-tw/components/divider.yml +++ b/languages/zh-tw/components/divider.yml @@ -77,29 +77,33 @@ Definitions: - Title: 第三方登入 Anchor: Composition Form - Description: 通常會在登入或註冊表單下方會有個支援第三方登入的功能，透過分隔線可以明確地告訴使用者有額外方式能進行登入。 + Description: 在登入表單下方以分隔線告訴使用者有額外方式能登入。 HTML: |
-
-
-
電子信箱地址
-
- - +
+
+
+
電子信箱地址
+
+ + +
+
密碼
+
+ + +
+ +
+
+ 或是透過下列方式登入 +
+
+
-
密碼
-
- - -
- -
-
或是透過下列方式登入
-
-
diff --git a/languages/zh-tw/components/grid.yml b/languages/zh-tw/components/grid.yml index 164692ce..99d1a3b4 100644 --- a/languages/zh-tw/components/grid.yml +++ b/languages/zh-tw/components/grid.yml @@ -220,28 +220,34 @@ Definitions: - Title: 高度拉伸的 Anchor: Stretched - Description: 如果欄位裡有[卡片容器](./card.html)或[片段](./segment.html)，你會需要此樣式拉伸欄位裡的第一層元素，使其高度都與其他欄位相同。 + Description: 使欄位裡的[卡片容器](./card.html)或第一層的元素高度拉伸至與其他欄位相同。 Remove: - HTML: |
-
-

這個片段有一行文字。

+
+
+

這個片段有一行文字。

+
-
-

這個片段有兩行文字。

-

這個片段有兩行文字。

+
+
+

這個片段有兩行文字。

+

這個片段有兩行文字。

+
-
-

這個片段有三行文字。

-

這個片段有三行文字。

-

每個片段高度都一樣。

+
+
+

這個片段有三行文字。

+

這個片段有三行文字。

+

每個片段高度都一樣。

+
diff --git a/languages/zh-tw/components/menu.yml b/languages/zh-tw/components/menu.yml index 1c2a08be..5a4b1451 100644 --- a/languages/zh-tw/components/menu.yml +++ b/languages/zh-tw/components/menu.yml @@ -6,7 +6,7 @@ Title: 選單 Description: 可供使用者點擊的功能項目清單。 Intro: | - 選單是一個提供垂直可選項目清單的元件，如果希望建立一個左右水平的導覽選單則可以考慮使用[分頁籤](./tab.html)。 + 選單會上下垂直排列項目，如果希望建立左右水平的導覽選單則可以考慮使用[分頁籤](./tab.html)。 #======================================================= # 設定 @@ -26,8 +26,8 @@ Relatives: Example: Centered: true HTML: | -
-
+
+
首頁 @@ -351,9 +351,33 @@ Definitions:
+ - Title: 非貼齊選單 + Anchor: Composition Padded + Description: 將選單放入[內容區塊](./content.html)，能夠與[卡片容器](./card.html)的邊框有間隔。 + HTML: | +
+
+
+ + 網域名稱 + + + SSL 憑證 + + + 帳務 + +
+ + 個人資料 + +
+
+
+ - Title: 項目選單 Anchor: Composition Function Navigation - Description: 選單的項目設計可以容納其他元件，因此可以擺入[標題](./header.html)、[網格系統](./grid.html)或是[圖示](./icon.html)。 + Description: 選單的項目可以擺入[標題](./header.html)、[網格系統](./grid.html)或是[圖示](./icon.html)。 HTML: |