@uqds/pane 0.0.13-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 +4 -0
package/dist/css/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.uq-pane--dark-tint,.uq-pane--dark-tint .uq-pane__title,.uq-pane-grid--dark-tint .uq-pane,.uq-pane-grid--dark-tint .uq-pane .uq-pane__title{border-color:rgba(255,255,255,.4);color:#f7f6f5}.uq-pane--dark-tint a,.uq-pane--dark-tint .uq-pane__title a,.uq-pane-grid--dark-tint .uq-pane a,.uq-pane-grid--dark-tint .uq-pane .uq-pane__title a{color:#fff;font-weight:400}.uq-pane--dark-tint a:hover,.uq-pane-grid--dark-tint .uq-pane a:hover{color:#e6e6e6}.uq-pane{padding:1.5rem;margin-bottom:1.5rem}.uq-pane--shaded{background:#f7f6f5}.uq-pane--white{background:#fff}.uq-pane--outline{border:2px solid #efedeb}.uq-pane--ruled{border-bottom:2px solid #efedeb;border-top:2px solid #efedeb}.uq-pane--vertical-spacing{margin:2rem 0}.uq-pane--dark-tint{background-color:#000;background-color:rgba(0,0,0,.65)}.uq-pane--has-footer{padding:0}.uq-pane--has-footer .uq-pane__content{padding:1.5rem 1.5rem 1rem 1.5rem}.uq-pane--has-footer .uq-pane__footer{background-color:#f7f6f5;padding:1.5rem}.uq-pane--has-footer.uq-pane--shaded .uq-pane__footer{background-color:#ece9e7}.uq-pane--has-footer.uq-pane--dark-tint .uq-pane__footer{background-color:#000;background-color:rgba(0,0,0,.3)}.uq-pane__title{color:#51247a;font-size:1.275rem;font-weight:400}.uq-pane__title--hidden{display:none}.uq-pane__title+.uq-pane__sub-title{margin-top:-1rem}.uq-pane-grid.uq-grid{grid-gap:0}.uq-pane-grid--shaded .uq-pane{background:#f7f6f5}.uq-pane-grid--shaded .uq-pane__footer{background-color:#ece9e7}.uq-pane-grid--white .uq-pane{background:#fff}.uq-pane-grid--outline .uq-pane{border:2px solid #efedeb}.uq-pane-grid--ruled .uq-pane{border-bottom:2px solid #efedeb;border-top:2px solid #efedeb}.uq-pane-grid--vertical-spacing .uq-pane{margin:2rem 0}.uq-pane-grid--dark-tint .uq-pane{background-color:#000;background-color:rgba(0,0,0,.65)}.uq-pane-grid--dark-tint .uq-pane__footer{background-color:#000;background-color:rgba(0,0,0,.3)}
|
|
1
|
+
.uq-pane--dark-tint,.uq-pane--dark-tint .uq-pane__title,.uq-pane-grid--dark-tint .uq-pane,.uq-pane-grid--dark-tint .uq-pane .uq-pane__title{border-color:rgba(255,255,255,.4);color:#f7f6f5}.uq-pane--dark-tint a,.uq-pane--dark-tint .uq-pane__title a,.uq-pane-grid--dark-tint .uq-pane a,.uq-pane-grid--dark-tint .uq-pane .uq-pane__title a{color:#fff;font-weight:400}.uq-pane--dark-tint a:hover,.uq-pane-grid--dark-tint .uq-pane a:hover{color:#e6e6e6}.uq-pane{padding:1.5rem;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem}.uq-pane--shaded{background:#f7f6f5}.uq-pane--white{background:#fff}.uq-pane--outline{border:2px solid #efedeb}.uq-pane--ruled{border-bottom:2px solid #efedeb;border-top:2px solid #efedeb}.uq-pane--vertical-spacing{margin:2rem 0}.uq-pane--dark-tint{background-color:#000;background-color:rgba(0,0,0,.65)}.uq-pane--has-footer{padding:0}.uq-pane--has-footer .uq-pane__content{padding:1.5rem 1.5rem 1rem 1.5rem}.uq-pane--has-footer .uq-pane__footer{background-color:#f7f6f5;padding:1.5rem}.uq-pane--has-footer.uq-pane--shaded .uq-pane__footer{background-color:#ece9e7}.uq-pane--has-footer.uq-pane--dark-tint .uq-pane__footer{background-color:#000;background-color:rgba(0,0,0,.3)}.uq-pane__title{color:#51247a;font-size:1.275rem;font-weight:400}.uq-pane__title--hidden{display:none}.uq-pane__title+.uq-pane__sub-title{margin-top:-1rem}.uq-pane-grid.uq-grid{grid-gap:0}.uq-pane-grid--shaded .uq-pane{background:#f7f6f5}.uq-pane-grid--shaded .uq-pane__footer{background-color:#ece9e7}.uq-pane-grid--white .uq-pane{background:#fff}.uq-pane-grid--outline .uq-pane{border:2px solid #efedeb}.uq-pane-grid--ruled .uq-pane{border-bottom:2px solid #efedeb;border-top:2px solid #efedeb}.uq-pane-grid--vertical-spacing .uq-pane{margin:2rem 0}.uq-pane-grid--dark-tint .uq-pane{background-color:#000;background-color:rgba(0,0,0,.65)}.uq-pane-grid--dark-tint .uq-pane__footer{background-color:#000;background-color:rgba(0,0,0,.3)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/pane",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14-alpha.0",
|
|
4
4
|
"description": "Pane component",
|
|
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": "^1.
|
|
43
|
+
"@uqds/core": "^1.1.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "3f399bb23a696bdfae45d2b23b6749dfad3aaf2d"
|
|
46
46
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
%pane,
|
|
23
23
|
.uq-pane {
|
|
24
24
|
padding: core.$space-l; // 1.8rem;
|
|
25
|
+
font-family: core.$font-body;
|
|
26
|
+
font-size: core.$font-size-m;
|
|
27
|
+
font-weight: core.$font-weight-normal;
|
|
28
|
+
line-height: core.$line-height;
|
|
25
29
|
margin-bottom: core.$space-l; // 1.5rem;
|
|
26
30
|
|
|
27
31
|
&--shaded {
|