@uqds/lists 0.0.12-alpha.0 → 0.0.14-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/main.css +1 -1
- package/package.json +3 -3
- package/src/scss/_component.scss +19 -11
- package/src/scss/_global.scss +1 -1
package/dist/css/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vertical-list{list-style-type:none;margin-bottom:1rem;padding:0}.vertical-list__title{font-size:1.5rem}.vertical-list__item{list-style:none;padding:.5rem 0}.vertical-list--large-spacing .vertical-list__item{padding:2rem 0}.vertical-list--large-spacing .vertical-list__item__date{font-size:90%}.vertical-list--ruled .vertical-list__title{border-top:2px solid #efedeb;padding-top:2rem}.vertical-list--ruled .vertical-list__item{border-bottom:1px solid #efedeb;padding-top:1rem}.vertical-list--ruled .vertical-list__item:first-child{padding-top:0}.vertical-list--ruled .vertical-list__item--first{border-top:1px solid #efedeb;padding-top:1rem}.vertical-list--ruled .vertical-list__item__date{font-size:90%}.vertical-list--shaded .vertical-list__item{background:#f7f6f5;margin-bottom:.5rem;padding:1.5rem}.vertical-list--shaded .vertical-list__item__date{font-size:90%}.horizontal-list{display:inline-block;list-style-type:none;padding:0;margin-bottom:1rem}.horizontal-list__title{font-size:1.5rem}.horizontal-list__item{float:left;list-style:none;padding:0 1rem;margin:0 0 1rem 0}.horizontal-list--ruled .horizontal-list__title{border-top:2px solid #efedeb;padding-top:2rem}.horizontal-list--ruled .horizontal-list__item{border-right:1px solid #efedeb;padding-right:1rem}.horizontal-list--ruled .horizontal-list__item:last-child{border:0}
|
|
1
|
+
.vertical-list{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;list-style-type:none;margin-bottom:1rem;padding:0}.vertical-list__title{font-size:1.5rem}.vertical-list__item{list-style:none;padding:.5rem 0}.vertical-list--large-spacing .vertical-list__item{padding:2rem 0}.vertical-list--large-spacing .vertical-list__item__date{font-size:90%}.vertical-list--ruled .vertical-list__title{border-top:2px solid #efedeb;padding-top:2rem}.vertical-list--ruled .vertical-list__item{border-bottom:1px solid #efedeb;padding-top:1rem}.vertical-list--ruled .vertical-list__item:first-child{padding-top:0}.vertical-list--ruled .vertical-list__item--first{border-top:1px solid #efedeb;padding-top:1rem}.vertical-list--ruled .vertical-list__item__date{font-size:90%}.vertical-list--shaded .vertical-list__item{background:#f7f6f5;margin-bottom:.5rem;padding:1.5rem}.vertical-list--shaded .vertical-list__item__date{font-size:90%}.horizontal-list{display:inline-block;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;list-style-type:none;padding:0;margin-bottom:1rem}.horizontal-list__title{font-size:1.5rem}.horizontal-list__item{float:left;list-style:none;padding:0 1rem;margin:0 0 1rem 0}.horizontal-list--ruled .horizontal-list__title{border-top:2px solid #efedeb;padding-top:2rem}.horizontal-list--ruled .horizontal-list__item{border-right:1px solid #efedeb;padding-right:1rem}.horizontal-list--ruled .horizontal-list__item:last-child{border:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/lists",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14-alpha.0",
|
|
4
4
|
"description": "The list component package",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"uqds",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"url": "https://github.com/uq-its-ss/design-system/issues"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@uqds/core": "^
|
|
43
|
+
"@uqds/core": "^1.1.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "3f399bb23a696bdfae45d2b23b6749dfad3aaf2d"
|
|
46
46
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -13,8 +13,12 @@
|
|
|
13
13
|
|
|
14
14
|
%vertical-list,
|
|
15
15
|
.vertical-list {
|
|
16
|
+
font-family: core.$font-body;
|
|
17
|
+
font-size: core.$font-size-m;
|
|
18
|
+
font-weight: core.$font-weight-normal;
|
|
19
|
+
line-height: core.$line-height;
|
|
16
20
|
list-style-type: none;
|
|
17
|
-
margin-bottom: core.$space;
|
|
21
|
+
margin-bottom: core.$space-m;
|
|
18
22
|
padding: core.$space-none;
|
|
19
23
|
|
|
20
24
|
&__title {
|
|
@@ -28,7 +32,7 @@
|
|
|
28
32
|
|
|
29
33
|
&--large-spacing {
|
|
30
34
|
.vertical-list__item {
|
|
31
|
-
padding: core.$space-
|
|
35
|
+
padding: core.$space-xl core.$space-none;
|
|
32
36
|
|
|
33
37
|
&__date {
|
|
34
38
|
font-size: 90%;
|
|
@@ -39,12 +43,12 @@
|
|
|
39
43
|
&--ruled {
|
|
40
44
|
.vertical-list__title {
|
|
41
45
|
border-top: 2px solid $border-color;
|
|
42
|
-
padding-top: core.$space-
|
|
46
|
+
padding-top: core.$space-xl;
|
|
43
47
|
}
|
|
44
48
|
|
|
45
49
|
.vertical-list__item {
|
|
46
50
|
border-bottom: 1px solid $border-color;
|
|
47
|
-
padding-top: core.$space; //.75rem
|
|
51
|
+
padding-top: core.$space-m; //.75rem
|
|
48
52
|
|
|
49
53
|
&:first-child {
|
|
50
54
|
padding-top: core.$space-none;
|
|
@@ -52,7 +56,7 @@
|
|
|
52
56
|
|
|
53
57
|
&--first {
|
|
54
58
|
border-top: 1px solid $border-color;
|
|
55
|
-
padding-top: core.$space; // .75rem
|
|
59
|
+
padding-top: core.$space-m; // .75rem
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
&__date {
|
|
@@ -64,7 +68,7 @@
|
|
|
64
68
|
.vertical-list__item {
|
|
65
69
|
background: $pane-shaded-bg;
|
|
66
70
|
margin-bottom: core.$space-s;
|
|
67
|
-
padding: core.$space-
|
|
71
|
+
padding: core.$space-l;
|
|
68
72
|
|
|
69
73
|
&__date {
|
|
70
74
|
font-size: 90%;
|
|
@@ -75,9 +79,13 @@
|
|
|
75
79
|
|
|
76
80
|
.horizontal-list {
|
|
77
81
|
display: inline-block;
|
|
82
|
+
font-family: core.$font-body;
|
|
83
|
+
font-size: core.$font-size-m;
|
|
84
|
+
font-weight: core.$font-weight-normal;
|
|
85
|
+
line-height: core.$line-height;
|
|
78
86
|
list-style-type: none;
|
|
79
87
|
padding: core.$space-none;
|
|
80
|
-
margin-bottom: core.$space;
|
|
88
|
+
margin-bottom: core.$space-m;
|
|
81
89
|
|
|
82
90
|
&__title {
|
|
83
91
|
font-size: $h3-font-size;
|
|
@@ -86,19 +94,19 @@
|
|
|
86
94
|
&__item {
|
|
87
95
|
float: left;
|
|
88
96
|
list-style: none;
|
|
89
|
-
padding: core.$space-none core.$space; // 0 .75rem;
|
|
90
|
-
margin: core.$space-none core.$space-none core.$space core.$space-none; // 0 0 .75rem 0
|
|
97
|
+
padding: core.$space-none core.$space-m; // 0 .75rem;
|
|
98
|
+
margin: core.$space-none core.$space-none core.$space-m core.$space-none; // 0 0 .75rem 0
|
|
91
99
|
}
|
|
92
100
|
|
|
93
101
|
&--ruled {
|
|
94
102
|
.horizontal-list__title {
|
|
95
103
|
border-top: 2px solid $border-color;
|
|
96
|
-
padding-top: core.$space-
|
|
104
|
+
padding-top: core.$space-xl;
|
|
97
105
|
}
|
|
98
106
|
|
|
99
107
|
.horizontal-list__item {
|
|
100
108
|
border-right: 1px solid $border-color;
|
|
101
|
-
padding-right: core.$space; // .75rem;
|
|
109
|
+
padding-right: core.$space-m; // .75rem;
|
|
102
110
|
|
|
103
111
|
&:last-child {
|
|
104
112
|
border: 0;
|
package/src/scss/_global.scss
CHANGED