Skip to content

Commit da82b84

Browse files
BackendExpertJehanKandy
BackendExpert
and
JehanKandy
committed
Update
Co-Authored-By: JehanKandy <[email protected]>
1 parent 98716d9 commit da82b84

File tree

5 files changed

+73
-73
lines changed

5 files changed

+73
-73
lines changed

‎jkcss/v101-alpha2/buttons/button.css‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,118 +1,118 @@
1-
.no-border, .jk-info:hover, .jk-info, .jk-yellow:hover, .jk-yellow, .jk-red:hover, .jk-red, .jk-green:hover, .jk-green, .jk-gray:hover, .jk-gray, .jk-blue:hover, .jk-blue {
1+
.no-border, .jk-info:hover, .jkbtn-info, .jkbtn-yellow:hover, .jkbtn-yellow, .jkbtn-red:hover, .jkbtn-red, .jkbtn-green:hover, .jkbtn-green, .jkbtn-gray:hover, .jkbtn-gray, .jkbtn-blue:hover, .jkbtn-blue {
22
border: none;
33
color: var(--text-color);
44
}
55

6-
.jk-blue {
6+
.jkbtn-blue {
77
background-color: var(--jk-blue);
88
}
99

10-
.jk-blue:hover {
10+
.jkbtn-blue:hover {
1111
background-color: var(--jk-blue-hover);
1212
}
1313

14-
.jk-gray {
14+
.jkbtn-gray {
1515
background-color: var(--jk-gray);
1616
}
1717

18-
.jk-gray:hover {
18+
.jkbtn-gray:hover {
1919
background-color: var(--jk-gray-hover);
2020
}
2121

22-
.jk-green {
22+
.jkbtn-green {
2323
background-color: var(--jk-green);
2424
}
2525

26-
.jk-green:hover {
26+
.jkbtn-green:hover {
2727
background-color: var(--jk-green-hover);
2828
}
2929

30-
.jk-red {
30+
.jkbtn-red {
3131
background-color: var(--jk-red);
3232
}
3333

34-
.jk-red:hover {
34+
.jkbtn-red:hover {
3535
background-color: var(--jk-red-hover);
3636
}
3737

38-
.jk-yellow {
38+
.jkbtn-yellow {
3939
background-color: var(--jk-yellow);
4040
}
4141

42-
.jk-yellow:hover {
42+
.jkbtn-yellow:hover {
4343
background-color: var(--jk-yellow-hover);
4444
}
4545

46-
.jk-info {
46+
.jkbtn-info {
4747
background-color: var(--jk-lightblue);
4848
}
4949

5050
.jk-info:hover {
5151
background-color: var(--jk-lightblue-hover);
5252
}
5353

54-
.jk-blue-outline {
54+
.jkbtn-blue-outline {
5555
background: none;
5656
border: 1px solid var(--jk-blue);
5757
color: var(--jk-blue);
5858
}
5959

60-
.jk-blue-outline:hover {
60+
.jkbtn-blue-outline:hover {
6161
background: var(--jk-blue);
6262
color: var(--text-color);
6363
}
6464

65-
.jk-gray-outline {
65+
.jkbtn-gray-outline {
6666
background: none;
6767
border: 1px solid var(--jk-gray);
6868
color: var(--jk-gray);
6969
}
7070

71-
.jk-gray-outline:hover {
71+
.jkbtn-gray-outline:hover {
7272
background: var(--jk-gray);
7373
color: var(--text-color);
7474
}
7575

76-
.jk-green-outline {
76+
.jkbtn-green-outline {
7777
background: none;
7878
border: 1px solid var(--jk-green);
7979
color: var(--jk-green);
8080
}
8181

82-
.jk-green-outline:hover {
82+
.jkbtn-green-outline:hover {
8383
background: var(--jk-green);
8484
color: var(--text-color);
8585
}
8686

87-
.jk-red-outline {
87+
.jkbtn-red-outline {
8888
background: none;
8989
border: 1px solid var(--jk-red);
9090
color: var(--jk-red);
9191
}
9292

93-
.jk-red-outline:hover {
93+
.jkbtn-red-outline:hover {
9494
background: var(--jk-red);
9595
color: var(--text-color);
9696
}
9797

98-
.jk-yellow-outline {
98+
.jkbtn-yellow-outline {
9999
background: none;
100100
border: 1px solid var(--jk-yellow);
101101
color: var(--jk-yellow);
102102
}
103103

104-
.jk-yellow-outline:hover {
104+
.jkbtn-yellow-outline:hover {
105105
background: var(--jk-yellow);
106106
color: var(--text-color);
107107
}
108108

109-
.jk-info-outline {
109+
.jkbtn-info-outline {
110110
background: none;
111111
border: 1px solid var(--jk-lightblue);
112112
color: var(--jk-lightblue);
113113
}
114114

115-
.jk-info-outline:hover {
115+
.jkbtn-info-outline:hover {
116116
background: var(--jk-lightblue);
117117
color: var(--text-color);
118118
}

‎jkcss/v101-alpha2/buttons/button.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎jkcss/v101-alpha2/buttons/button.scss‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -4,110 +4,110 @@
44
color: var(--text-color);
55

66
}
7-
.jk-blue{
7+
.jkbtn-blue{
88
background-color: var(--jk-blue);
99
@extend .no-border;
1010
}
11-
.jk-blue:hover{
11+
.jkbtn-blue:hover{
1212
background-color: var(--jk-blue-hover);
1313
@extend .no-border;
1414
}
15-
.jk-gray{
15+
.jkbtn-gray{
1616
background-color: var(--jk-gray);
1717
@extend .no-border;
1818
}
19-
.jk-gray:hover{
19+
.jkbtn-gray:hover{
2020
background-color: var(--jk-gray-hover);
2121
@extend .no-border;
2222
}
23-
.jk-green{
23+
.jkbtn-green{
2424
background-color: var(--jk-green);
2525
@extend .no-border;
2626
}
27-
.jk-green:hover{
27+
.jkbtn-green:hover{
2828
background-color: var(--jk-green-hover);
2929
@extend .no-border;
3030
}
31-
.jk-red{
31+
.jkbtn-red{
3232
background-color: var(--jk-red);
3333
@extend .no-border;
3434
}
35-
.jk-red:hover{
35+
.jkbtn-red:hover{
3636
background-color: var(--jk-red-hover);
3737
@extend .no-border;
3838
}
39-
.jk-yellow{
39+
.jkbtn-yellow{
4040
background-color: var(--jk-yellow);
4141
@extend .no-border;
4242
}
43-
.jk-yellow:hover{
43+
.jkbtn-yellow:hover{
4444
background-color: var(--jk-yellow-hover);
4545
@extend .no-border;
4646
}
47-
.jk-info{
47+
.jkbtn-info{
4848
background-color: var(--jk-lightblue);
4949
@extend .no-border;
5050
}
5151
.jk-info:hover{
5252
background-color: var(--jk-lightblue-hover);
5353
@extend .no-border;
5454
}
55-
.jk-blue-outline{
55+
.jkbtn-blue-outline{
5656
background: none;
5757
border: 1px solid var(--jk-blue);
5858
color: var(--jk-blue);
5959
}
60-
.jk-blue-outline:hover{
60+
.jkbtn-blue-outline:hover{
6161
background: var(--jk-blue);
6262
color: var(--text-color);
6363
}
6464

65-
.jk-gray-outline{
65+
.jkbtn-gray-outline{
6666
background: none;
6767
border: 1px solid var(--jk-gray);
6868
color: var(--jk-gray);
6969
}
70-
.jk-gray-outline:hover{
70+
.jkbtn-gray-outline:hover{
7171
background: var(--jk-gray);
7272
color: var(--text-color);
7373
}
7474

75-
.jk-green-outline{
75+
.jkbtn-green-outline{
7676
background: none;
7777
border: 1px solid var(--jk-green);
7878
color: var(--jk-green);
7979
}
80-
.jk-green-outline:hover{
80+
.jkbtn-green-outline:hover{
8181
background: var(--jk-green);
8282
color: var(--text-color);
8383
}
8484

85-
.jk-red-outline{
85+
.jkbtn-red-outline{
8686
background: none;
8787
border: 1px solid var(--jk-red);
8888
color: var(--jk-red);
8989
}
90-
.jk-red-outline:hover{
90+
.jkbtn-red-outline:hover{
9191
background: var(--jk-red);
9292
color: var(--text-color);
9393
}
9494

95-
.jk-yellow-outline{
95+
.jkbtn-yellow-outline{
9696
background: none;
9797
border: 1px solid var(--jk-yellow);
9898
color: var(--jk-yellow);
9999
}
100-
.jk-yellow-outline:hover{
100+
.jkbtn-yellow-outline:hover{
101101
background: var(--jk-yellow);
102102
color: var(--text-color);
103103
}
104104

105-
.jk-info-outline{
105+
.jkbtn-info-outline{
106106
background: none;
107107
border: 1px solid var(--jk-lightblue);
108108
color: var(--jk-lightblue);
109109
}
110-
.jk-info-outline:hover{
110+
.jkbtn-info-outline:hover{
111111
background: var(--jk-lightblue);
112112
color: var(--text-color);
113113
}

0 commit comments

Comments
 (0)