8000 feat: ##266961 ngx-tethys】添加link-muted,颜色为#888 · atinc/ngx-tethys@23ae350 · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Commit 23ae350

Browse files
msyealmsyeal
committed
feat: ##266961 ngx-tethys】添加link-muted,颜色为#888 
1 parent 4638f38 commit 23ae350

File tree

3 files changed

+11
-0
lines changed

3 files changed

+11
-0
lines changed

‎demo/src/app/global/+link/basic/link-basic.component.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<a href="javascript:;" class="link-danger mr-3">危险链接</a>
66
<a href="javascript:;" class="link-success mr-3">成功链接</a>
77
<a href="javascript:;" class="link-major mr-3">重要链接</a>
8+
<a href="javascript:;" class="link-muted mr-3">背景色下的次链接</a>
89
<a href="javascript:;" class="link-secondary mr-3">次链接</a>
910
<a href="javascript:;" class="link-danger-weak mr-3">弱危险链接</a>
1011
<a href="javascript:;" class="link-warning mr-3">警告链接</a>
@@ -26,6 +27,9 @@ <h5 class="mt-3">带图标的链接</h5>
2627
<a href="javascript:;" class="link-major link-has-icon mr-3"
2728
><thy-icon thyIconName="plus-bold"></thy-icon>重要链接</a
2829
>
30+
<a href="javascript:;" class="link-muted link-has-icon mr-3"
31+
><thy-icon thyIconName="plus-bold"></thy-icon>背景色下的次链接</a
32+
>
2933
<a href="javascript:;" class="link-secondary link-has-icon mr-3"
3034
><thy-icon thyIconName="plus-bold"></thy-icon>次链接</a
3135
>
@@ -55,6 +59,7 @@ <h5 class="mt-3">带图标字体的链接, 兼容 wtf</h5>
5559
<a href="javascript:;" class="link-danger link-has-icon mr-3"><i class="wtf wtf-plus"></i>危险链接</a>
5660
<a href="javascript:;" class="link-success link-has-icon mr-3"><i class="wtf wtf-plus"></i>成功链接</a>
5761
<a href="javascript:;" class="link-major link-has-icon mr-3"><i class="wtf wtf-plus"></i>重要链接</a>
62+
<a href="javascript:;" class="link-muted link-has-icon mr-3"><i class="wtf wtf-plus"></i>背景色下的次链接</a>
5863
<a href="javascript:;" class="link-secondary link-has-icon mr-3"><i class="wtf wtf-plus"></i>次链接</a>
5964
<a href="javascript:;" class="link-danger-weak link-has-icon mr-3"><i class="wtf wtf-plus"></i>弱危险链接</a>
6065
</div>

‎src/styles/modules/link.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,9 @@ a {
6565
&.link-major {
6666
@include link-variant($gray-800, none, $primary, none);
6767
}
68+
&.link-muted {
69+
@include link-variant($gray-600, none, $primary, none);
70+
}
6871
&.link-sm {
6972
@include link-size($font-size-sm, $font-size-sm);
7073
}

‎src/styles/modules/link.theme.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,7 @@ a {
1717
&.link-major {
1818
@include link-variant($gray-800, none, $primary, none);
1919
}
20+
&.link-muted {
21+
@include link-variant($gray-600, none, $primary, none);
22+
}
2023
}

0 commit comments

Comments
 (0)
0