Skip to content

Commit 949952c

Browse files
committed
disabled support
1 parent 3ffd7c7 commit 949952c

File tree

1 file changed

+23
-10
lines changed

1 file changed

+23
-10
lines changed

src/index.css

Lines changed: 23 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,14 @@ a:hover {
3333
text-decoration: none;
3434
}
3535

36-
.btn,
36+
.btn, .btn[disabled],
37+
.btn-primary[disabled],
3738
.btn-primary.disabled,
39+
.btn-success[disabled],
3840
.btn-success.disabled,
41+
.btn-danger[disabled],
3942
.btn-danger.disabled,
43+
.btn-info[disabled],
4044
.btn-info.disabled {
4145
border-radius: 0;
4246
border-width: 2px;
@@ -62,16 +66,19 @@ a:hover {
6266

6367
.btn-primary,
6468
.btn-primary:hover,
65-
.btn-primary.disabled {
69+
.btn-primary.disabled,
70+
.btn-primary[disabled] {
6671
border-color: var(--primary);
6772
}
6873

6974
.btn-primary,
70-
.btn.btn-primary.disabled {
75+
.btn.btn-primary.disabled,
76+
.btn.btn-primary[disabled] {
7177
color: var(--primary);
7278
}
7379

74-
.btn.btn-primary.disabled:hover {
80+
.btn.btn-primary.disabled:hover,
81+
.btn.btn-primary[disabled]:hover {
7582
color: white;
7683
}
7784

@@ -81,12 +88,14 @@ a:hover {
8188

8289
.btn-success,
8390
.btn-success:hover,
84-
.btn-success.disabled {
91+
.btn-success.disabled,
92+
.btn-success[disabled] {
8593
border-color: var(--success);
8694
}
8795

8896
.btn-success,
89-
.btn.btn-success.disabled {
97+
.btn.btn-success.disabled,
98+
.btn.btn-success[disabled] {
9099
color: var(--success);
91100
}
92101

@@ -96,12 +105,14 @@ a:hover {
96105

97106
.btn-danger,
98107
.btn-danger:hover,
99-
.btn-danger.disabled {
108+
.btn-danger.disabled,
109+
.btn-danger[disabled] {
100110
border-color: var(--danger);
101111
}
102112

103113
.btn-danger,
104-
.btn.btn-danger.disabled {
114+
.btn.btn-danger.disabled,
115+
.btn.btn-danger[disabled] {
105116
color: var(--danger);
106117
}
107118

@@ -111,12 +122,14 @@ a:hover {
111122

112123
.btn-info,
113124
.btn-info:hover,
114-
.btn-info.disabled {
125+
.btn-info.disabled,
126+
.btn-info[disabled] {
115127
border-color: var(--info);
116128
}
117129

118130
.btn-info,
119-
.btn.btn-info.disabled {
131+
.btn.btn-info.disabled,
132+
.btn.btn-info[disabled] {
120133
color: var(--info);
121134
}
122135

0 commit comments

Comments
 (0)