Skip to content

Commit 915b11e

Browse files
panicdragonpanicdragon
committed
feat: 🎸 version 0.1.6
1 parent d77f088 commit 915b11e

7 files changed

Lines changed: 325 additions & 3 deletions

File tree

‎dist/atomic-package/atomic-package.css‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4722,6 +4722,36 @@ input.btn.lofty {
47224722
width: 100%;
47234723
border-collapse: collapse;
47244724
border-spacing: 0;
4725+
color: #2C3E50;
4726+
font-size: 14px;
4727+
}
4728+
4729+
.table.primary {
4730+
background: #F5F5F5;
4731+
}
4732+
4733+
.table.green {
4734+
background: #DFF0D8;
4735+
}
4736+
4737+
.table.blue {
4738+
background: #D9EDF7;
4739+
}
4740+
4741+
.table.orange {
4742+
background: #FCF8E3;
4743+
}
4744+
4745+
.table.red {
4746+
background: #F2DEDE;
4747+
}
4748+
4749+
.table.striped tbody tr:nth-child(odd) {
4750+
background: #F5F5F5;
4751+
}
4752+
4753+
.table.evenStriped tbody tr:nth-child(even) {
4754+
background: #F5F5F5;
47254755
}
47264756

47274757
.table caption {
@@ -4730,10 +4760,73 @@ input.btn.lofty {
47304760
font-size: 12px;
47314761
}
47324762

4763+
.table th {
4764+
text-align: center;
4765+
}
4766+
4767+
.table td.center {
4768+
text-align: center;
4769+
}
4770+
4771+
.table tr.center,
4772+
.table th.center,
4773+
.table td.center {
4774+
text-align: center;
4775+
}
4776+
4777+
.table tr.left,
4778+
.table th.left,
4779+
.table td.left {
4780+
text-align: left;
4781+
}
4782+
4783+
.table tr.right,
4784+
.table th.right,
4785+
.table td.right {
4786+
text-align: right;
4787+
}
4788+
4789+
.table tr.hover:hover,
4790+
.table th.hover:hover,
4791+
.table td.hover:hover {
4792+
background: #F5F5F5;
4793+
}
4794+
4795+
.table tr.primary,
4796+
.table th.primary,
4797+
.table td.primary {
4798+
background: #F5F5F5;
4799+
}
4800+
4801+
.table tr.green,
4802+
.table th.green,
4803+
.table td.green {
4804+
background: #DFF0D8;
4805+
}
4806+
4807+
.table tr.blue,
4808+
.table th.blue,
4809+
.table td.blue {
4810+
background: #D9EDF7;
4811+
}
4812+
4813+
.table tr.orange,
4814+
.table th.orange,
4815+
.table td.orange {
4816+
background: #FCF8E3;
4817+
}
4818+
4819+
.table tr.red,
4820+
.table th.red,
4821+
.table td.red {
4822+
background: #F2DEDE;
4823+
}
4824+
47334825
.table th,
47344826
.table td {
47354827
padding: 8px 8px;
47364828
border-bottom: 1px solid #E5E5E5;
4829+
line-height: 24px;
47374830
}
47384831

47394832
.table th + th,
@@ -4748,6 +4841,17 @@ input.btn.lofty {
47484841
font-style: italic;
47494842
}
47504843

4844+
.table.hover tr:hover,
4845+
.table.hover th:hover,
4846+
.table.hover td:hover {
4847+
background: #F5F5F5;
4848+
}
4849+
4850+
.table.singleHover th:hover,
4851+
.table.singleHover td:hover {
4852+
background: #F5F5F5;
4853+
}
4854+
47514855
/* Icon Style
47524856
-------------------------------------------------- */
47534857
/*

‎dist/atomic-package/atomic-package.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.

‎dist/atomic-package/base/_mixin.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,3 +67,21 @@
6767
color: $colorRed;
6868
}
6969
}
70+
71+
@mixin backgroundColorClass {
72+
&.primary {
73+
background: $colorPrimary;
74+
}
75+
&.green {
76+
background: $colorGreen;
77+
}
78+
&.blue {
79+
background: $colorBlue;
80+
}
81+
&.orange {
82+
background: $colorOrange;
83+
}
84+
&.red {
85+
background: $colorRed;
86+
}
87+
}

‎dist/atomic-package/parts/_table.scss‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,97 @@
66
width: 100%;
77
border-collapse: collapse;
88
border-spacing: 0;
9+
color: #2C3E50;
10+
font-size: 14px;
11+
12+
// color
13+
&.primary {
14+
background: #F5F5F5;
15+
}
16+
&.green {
17+
background: #DFF0D8;
18+
}
19+
&.blue {
20+
background: #D9EDF7;
21+
}
22+
&.orange {
23+
background: #FCF8E3;
24+
}
25+
&.red {
26+
background: #F2DEDE;
27+
}
28+
29+
&.striped {
30+
tbody tr:nth-child(odd) {
31+
background: #F5F5F5;
32+
}
33+
}
34+
35+
&.evenStriped {
36+
tbody tr:nth-child(even) {
37+
background: #F5F5F5;
38+
}
39+
}
940

1041
caption {
1142
text-align: left;
1243
color: #999;
1344
font-size: 12px;
1445
}
1546

47+
tr {}
48+
49+
th {
50+
text-align: center;
51+
}
52+
53+
td {
54+
&.center {
55+
text-align: center;
56+
}
57+
}
58+
59+
tr,
60+
th,
61+
td {
62+
&.center {
63+
text-align: center;
64+
}
65+
&.left {
66+
text-align: left;
67+
}
68+
&.right {
69+
text-align: right;
70+
}
71+
72+
// hover
73+
&.hover:hover {
74+
background: #F5F5F5;
75+
}
76+
77+
// color
78+
&.primary {
79+
background: #F5F5F5;
80+
}
81+
&.green {
82+
background: #DFF0D8;
83+
}
84+
&.blue {
85+
background: #D9EDF7;
86+
}
87+
&.orange {
88+
background: #FCF8E3;
89+
}
90+
&.red {
91+
background: #F2DEDE;
92+
}
93+
}
94+
1695
th,
1796
td {
1897
padding: 8px 8px;
1998
border-bottom: 1px solid #E5E5E5;
99+
line-height: 24px;
20100
& + th,
21101
& + td {
22102
border-left: 1px solid #E5E5E5;
@@ -27,4 +107,20 @@
27107
font-size: 12px;
28108
font-style: italic;
29109
}
110+
111+
// state
112+
&.hover {
113+
tr:hover,
114+
th:hover,
115+
td:hover {
116+
background: #F5F5F5;
117+
}
118+
}
119+
120+
&.singleHover {
121+
th:hover,
122+
td:hover {
123+
background: #F5F5F5;
124+
}
125+
}
30126
}

‎docs/atomic-package/atomic-package.css‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4722,6 +4722,36 @@ input.btn.lofty {
47224722
width: 100%;
47234723
border-collapse: collapse;
47244724
border-spacing: 0;
4725+
color: #2C3E50;
4726+
font-size: 14px;
4727+
}
4728+
4729+
.table.primary {
4730+
background: #F5F5F5;
4731+
}
4732+
4733+
.table.green {
4734+
background: #DFF0D8;
4735+
}
4736+
4737+
.table.blue {
4738+
background: #D9EDF7;
4739+
}
4740+
4741+
.table.orange {
4742+
background: #FCF8E3;
4743+
}
4744+
4745+
.table.red {
4746+
background: #F2DEDE;
4747+
}
4748+
4749+
.table.striped tbody tr:nth-child(odd) {
4750+
background: #F5F5F5;
4751+
}
4752+
4753+
.table.evenStriped tbody tr:nth-child(even) {
4754+
background: #F5F5F5;
47254755
}
47264756

47274757
.table caption {
@@ -4730,10 +4760,73 @@ input.btn.lofty {
47304760
font-size: 12px;
47314761
}
47324762

4763+
.table th {
4764+
text-align: center;
4765+
}
4766+
4767+
.table td.center {
4768+
text-align: center;
4769+
}
4770+
4771+
.table tr.center,
4772+
.table th.center,
4773+
.table td.center {
4774+
text-align: center;
4775+
}
4776+
4777+
.table tr.left,
4778+
.table th.left,
4779+
.table td.left {
4780+
text-align: left;
4781+
}
4782+
4783+
.table tr.right,
4784+
.table th.right,
4785+
.table td.right {
4786+
text-align: right;
4787+
}
4788+
4789+
.table tr.hover:hover,
4790+
.table th.hover:hover,
4791+
.table td.hover:hover {
4792+
background: #F5F5F5;
4793+
}
4794+
4795+
.table tr.primary,
4796+
.table th.primary,
4797+
.table td.primary {
4798+
background: #F5F5F5;
4799+
}
4800+
4801+
.table tr.green,
4802+
.table th.green,
4803+
.table td.green {
4804+
background: #DFF0D8;
4805+
}
4806+
4807+
.table tr.blue,
4808+
.table th.blue,
4809+
.table td.blue {
4810+
background: #D9EDF7;
4811+
}
4812+
4813+
.table tr.orange,
4814+
.table th.orange,
4815+
.table td.orange {
4816+
background: #FCF8E3;
4817+
}
4818+
4819+
.table tr.red,
4820+
.table th.red,
4821+
.table td.red {
4822+
background: #F2DEDE;
4823+
}
4824+
47334825
.table th,
47344826
.table td {
47354827
padding: 8px 8px;
47364828
border-bottom: 1px solid #E5E5E5;
4829+
line-height: 24px;
47374830
}
47384831

47394832
.table th + th,
@@ -4748,6 +4841,17 @@ input.btn.lofty {
47484841
font-style: italic;
47494842
}
47504843

4844+
.table.hover tr:hover,
4845+
.table.hover th:hover,
4846+
.table.hover td:hover {
4847+
background: #F5F5F5;
4848+
}
4849+
4850+
.table.singleHover th:hover,
4851+
.table.singleHover td:hover {
4852+
background: #F5F5F5;
4853+
}
4854+
47514855
/* Icon Style
47524856
-------------------------------------------------- */
47534857
/*

0 commit comments

Comments
 (0)