Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add new css variables for heading tags #26139

Closed
wants to merge 61 commits into from
Closed

Add new css variables for heading tags #26139

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
61 commits
Select commit Hold shift + click to select a range
285176f
Convert global.less
baldarian Jun 10, 2020
5e72485
Convert `alert`
baldarian Jun 10, 2020
840563d
Convert `anchor`
baldarian Jun 10, 2020
a7e637c
Convert `avatar`
baldarian Jun 11, 2020
938e38a
Convert `back-top`
baldarian Jun 11, 2020
8ae5fbb
Convert `badge`
baldarian Jun 11, 2020
b28934f
Convert `breadcrumb`
baldarian Jun 11, 2020
c03484f
Convert `calendar`
baldarian Jun 11, 2020
c56f9f4
Convert `card`
baldarian Jun 11, 2020
0397956
Convert `carousel`
baldarian Jun 11, 2020
ddc12c2
Convert `cascader`
baldarian Jun 11, 2020
b66ca06
Convert `checkbox`
baldarian Jun 11, 2020
dc2b83b
Convert `collapse`
baldarian Jun 11, 2020
2b25695
Convert `comment`
baldarian Jun 11, 2020
3451692
Convert `descriptions`
baldarian Jun 11, 2020
2f3343e
Convert `divider`
baldarian Jun 11, 2020
37576d6
Convert `drawer`
baldarian Jun 11, 2020
4d4529f
Convert `dropdown`
baldarian Jun 11, 2020
72abcfc
Convert `layout`
baldarian Jun 14, 2020
ae9e266
Convert `message`
baldarian Jun 14, 2020
2d2dc52
Convert `page-header`
baldarian Jun 14, 2020
7a78533
Convert `pagination`
baldarian Jun 14, 2020
3fedd48
Convert `progress`
baldarian Jun 14, 2020
0676fef
Convert `rate`
baldarian Jun 14, 2020
b815f82
Convert `result`
baldarian Jun 14, 2020
708fa77
Convert `skeleton`
baldarian Jun 14, 2020
982762a
Convert `slider`
baldarian Jun 14, 2020
75ecaf8
Convert `spin`
baldarian Jun 14, 2020
0b0fe3a
Convert `statistic`
baldarian Jun 14, 2020
ec5c93d
Convert `switch`
baldarian Jun 14, 2020
83c77d8
Convert `tabs`
baldarian Jun 14, 2020
e62e88b
Make a tiny fix on `badge`
baldarian Jun 14, 2020
c4de143
Convert `tag`
baldarian Jun 14, 2020
6b2b6a9
Convert `timeline`
baldarian Jun 14, 2020
f29ab48
Convert `tooltip`
baldarian Jun 14, 2020
a4f78bc
Convert `transfer`
baldarian Jun 14, 2020
8278748
Convert `tree`
baldarian Jun 14, 2020
2e8f269
Convert `typography`
baldarian Jun 14, 2020
0d9bd54
Convert `upload`
baldarian Jun 14, 2020
397b2df
Convert `style`
baldarian Jun 14, 2020
a27bddf
Convert `table`
baldarian Jun 14, 2020
9d64c51
Make fixes on `descriptions`
baldarian Jun 15, 2020
d583dc0
Convert `radio`
baldarian Jun 15, 2020
56b5741
Convert `menu`
baldarian Jun 15, 2020
99d6d76
Convert `form`
baldarian Jun 16, 2020
7d3b779
Convert `list`
baldarian Jun 16, 2020
70fce8b
Convert `input`
baldarian Jun 16, 2020
57792e8
Convert `input-number`
baldarian Jun 16, 2020
cd01d9b
Convert `modal`
baldarian Jun 16, 2020
722640c
Convert `select`
baldarian Jun 16, 2020
a198585
Convert `datepicker`
baldarian Jun 16, 2020
3847ec2
Convert `notification`
baldarian Jun 16, 2020
e895c6c
Convert `popover`
baldarian Jun 16, 2020
37fafd3
Convert `mentions`
baldarian Jun 16, 2020
1462bfc
Convert `empty`
baldarian Jun 17, 2020
f8aff95
Convert `steps`
baldarian Jun 17, 2020
e4be91b
Convert `button`
baldarian Jun 17, 2020
846ff08
Change the package name
baldarian Jun 21, 2020
a9472c7
Set prefix to `uc`
baldarian Jun 23, 2020
d103b6c
Bump version
baldarian Jun 23, 2020
caccf17
[uc-antd] Add new css variables
Aug 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
38 changes: 19 additions & 19 deletions components/alert/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,35 +36,35 @@
}

&-success {
background-color: @alert-success-bg-color;
border: @border-width-base @border-style-base @alert-success-border-color;
background-color: var(--alert-success-bg-color);
border: @border-width-base @border-style-base var(--alert-success-border-color);
.@{alert-prefix-cls}-icon {
color: @alert-success-icon-color;
color: var(--alert-success-icon-color);
}
}

&-info {
background-color: @alert-info-bg-color;
border: @border-width-base @border-style-base @alert-info-border-color;
background-color: var(--alert-info-bg-color);
border: @border-width-base @border-style-base var(--alert-info-border-color);
.@{alert-prefix-cls}-icon {
color: @alert-info-icon-color;
color: var(--alert-info-icon-color);
}
}

&-warning {
background-color: @alert-warning-bg-color;
border: @border-width-base @border-style-base @alert-warning-border-color;
background-color: var(--alert-warning-bg-color);
border: @border-width-base @border-style-base var(--alert-warning-border-color);
.@{alert-prefix-cls}-icon {
color: @alert-warning-icon-color;
color: var(--alert-warning-icon-color);
}
}

&-error {
background-color: @alert-error-bg-color;
border: @border-width-base @border-style-base @alert-error-border-color;
background-color: var(--alert-error-bg-color);
border: @border-width-base @border-style-base var(--alert-error-border-color);

.@{alert-prefix-cls}-icon {
color: @alert-error-icon-color;
color: var(--alert-error-icon-color);
}

.@{alert-prefix-cls}-description > pre {
Expand All @@ -87,26 +87,26 @@
cursor: pointer;

.@{iconfont-css-prefix}-close {
color: @alert-close-color;
color: var(--alert-close-color);
transition: color 0.3s;
&:hover {
color: @alert-close-hover-color;
color: var(--alert-close-hover-color);
}
}
}

&-close-text {
color: @alert-close-color;
color: var(--alert-close-color);
transition: color 0.3s;
&:hover {
color: @alert-close-hover-color;
color: var(--alert-close-hover-color);
}
}

&-with-description {
position: relative;
padding: @alert-with-description-padding;
color: @alert-text-color;
color: var(--alert-text-color);
line-height: @line-height-base;
border-radius: @border-radius-base;
}
Expand All @@ -133,12 +133,12 @@
&-with-description &-message {
display: block;
margin-bottom: 4px;
color: @alert-message-color;
color: var(--alert-message-color);
font-size: @font-size-lg;
}

&-message {
color: @alert-message-color;
color: var(--alert-message-color);
}

&-with-description &-description {
Expand Down
12 changes: 6 additions & 6 deletions components/anchor/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
margin-left: -4px;
padding-left: 4px;
overflow: auto;
background-color: @anchor-bg;
background-color: var(--anchor-bg);
}

&-ink {
Expand All @@ -27,7 +27,7 @@
width: @anchor-border-width;
height: 100%;
margin: 0 auto;
background-color: @anchor-border-color;
background-color: var(--anchor-border-color);
content: ' ';
}
&-ball {
Expand All @@ -36,8 +36,8 @@
display: none;
width: 8px;
height: 8px;
background-color: @component-background;
border: 2px solid @primary-color;
background-color: var(--component-background);
border: 2px solid var(--primary-color);
border-radius: 8px;
transform: translateX(-50%);
transition: top 0.3s ease-in-out;
Expand All @@ -60,7 +60,7 @@
display: block;
margin-bottom: 6px;
overflow: hidden;
color: @text-color;
color: var(--text-color);
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
Expand All @@ -71,7 +71,7 @@
}

&-active > &-title {
color: @primary-color;
color: var(--primary-color);
}
}

Expand Down
4 changes: 2 additions & 2 deletions components/avatar/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
position: relative;
display: inline-block;
overflow: hidden;
color: @avatar-color;
color: var(--avatar-color);
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: @avatar-bg;
background: var(--avatar-bg);

&-image {
background: transparent;
Expand Down
6 changes: 3 additions & 3 deletions components/back-top/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,14 @@
width: 40px;
height: 40px;
overflow: hidden;
color: @back-top-color;
color: var(--back-top-color);
text-align: center;
background-color: @back-top-bg;
background-color: var(--back-top-bg);
border-radius: 20px;
transition: all 0.3s @ease-in-out;

&:hover {
background-color: @back-top-hover-bg;
background-color: var(--back-top-hover-bg);
transition: all 0.3s @ease-in-out;
}
}
Expand Down
31 changes: 16 additions & 15 deletions components/badge/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,18 +17,18 @@
min-width: @badge-height;
height: @badge-height;
padding: 0 6px;
color: @badge-text-color;
color: var(--badge-text-color);
font-weight: @badge-font-weight;
font-size: @badge-font-size;
line-height: @badge-height;
white-space: nowrap;
text-align: center;
background: @highlight-color;
background: var(--highlight-color);
border-radius: @badge-height / 2;
box-shadow: 0 0 0 1px @shadow-color-inverse;
box-shadow: 0 0 0 1px var(--shadow-color-inverse);
a,
a:hover {
color: @badge-text-color;
color: var(--badge-text-color);
}
}

Expand All @@ -40,9 +40,9 @@
z-index: @zindex-badge;
width: @badge-dot-size;
height: @badge-dot-size;
background: @highlight-color;
background: var(--highlight-color);
border-radius: 100%;
box-shadow: 0 0 0 1px @shadow-color-inverse;
box-shadow: 0 0 0 1px var(--shadow-color-inverse);
}

&-count,
Expand All @@ -69,47 +69,48 @@
border-radius: 50%;
}
&-success {
background-color: @success-color;
background-color: var(--success-color);
}
&-processing {
position: relative;
background-color: @processing-color;
background-color: var(--processing-color);
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid @processing-color;
border: 1px solid var(--processing-color);
border-radius: 50%;
animation: antStatusProcessing 1.2s infinite ease-in-out;
content: '';
}
}
&-default {
background-color: @normal-color;
background-color: var(--normal-color);
}
&-error {
background-color: @error-color;
background-color: var(--error-color);
}
&-warning {
background-color: @warning-color;
background-color: var(--warning-color);
}

// mixin to iterate over colors and create CSS class for each one
.make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
.make-color-classes(@i - 1);
@color: extract(@preset-colors, @i);
@darkColor: '@{color}-6';

@darkColor: ~'var(--@{color}-6)';
&-@{color} {
background: @@darkColor;
background: @darkColor;
}
}
.make-color-classes();

&-text {
margin-left: 8px;
color: @text-color;
color: var(--text-color);
font-size: @font-size-base;
}
}
Expand Down
12 changes: 6 additions & 6 deletions components/breadcrumb/style/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,25 +6,25 @@
.@{breadcrumb-prefix-cls} {
.reset-component;

color: @breadcrumb-base-color;
color: var(--breadcrumb-base-color);
font-size: @breadcrumb-font-size;

.@{iconfont-css-prefix} {
font-size: @breadcrumb-icon-font-size;
}

a {
color: @breadcrumb-link-color;
color: var(--breadcrumb-link-color);
transition: color 0.3s;
&:hover {
color: @breadcrumb-link-color-hover;
color: var(--breadcrumb-link-color-hover);
}
}

& > span:last-child {
color: @breadcrumb-last-item-color;
color: var(--breadcrumb-last-item-color);
a {
color: @breadcrumb-last-item-color;
color: var(--breadcrumb-last-item-color);
}
}

Expand All @@ -34,7 +34,7 @@

&-separator {
margin: @breadcrumb-separator-margin;
color: @breadcrumb-separator-color;
color: var(--breadcrumb-separator-color);
}

&-link {
Expand Down