@uqds/sections 0.0.8-alpha.0 → 0.0.13-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.
Files changed (5) hide show
  1. package/README.md +2 -0
  2. package/package.json +4 -4
  3. package/src/scss/_component.scss +12 -12
  4. package/src/scss/_global.scss +1 -1
  5. package/src/scss/main.scss +1 -1
package/README.md CHANGED
@@ -7,11 +7,13 @@
7
7
  ### Installation
8
8
 
9
9
  With Yarn:
10
+
10
11
  ```shell
11
12
  yarn add @uqds/sections
12
13
  ```
13
14
 
14
15
  With NPM:
16
+
15
17
  ```shell
16
18
  npm i @uqds/sections
17
19
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uqds/sections",
3
- "version": "0.0.8-alpha.0",
3
+ "version": "0.0.13-alpha.0",
4
4
  "description": "page sections",
5
5
  "keywords": [
6
6
  "uqds",
@@ -40,8 +40,8 @@
40
40
  "url": "https://github.com/uq-its-ss/design-system/issues"
41
41
  },
42
42
  "dependencies": {
43
- "@uqds/core": "^0.0.8-alpha.0",
44
- "@uqds/grid": "^0.0.8-alpha.0"
43
+ "@uqds/core": "^1.0.0",
44
+ "@uqds/grid": "^0.0.13-alpha.0"
45
45
  },
46
- "gitHead": "ec1e27ff2c58ae9bdcd0eef7516ad5d57a00bafb"
46
+ "gitHead": "07bdc5a8169d386baae8ea4ffa5b4a75fc7e9ebb"
47
47
  }
package/src/scss/_component.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  // Main component stylesheet
2
- @use '@uqds/core/src/scss/global' as core;
3
- @use '@uqds/grid/src/scss/global' as grid;
4
- @use 'global' as *;
2
+ @use "@uqds/core/src/scss/global" as core;
3
+ @use "@uqds/grid/src/scss/global" as grid;
4
+ @use "global" as *;
5
5
 
6
6
  // Section
7
7
  // Used to contain content and provide padding, background, and width options.
@@ -16,8 +16,8 @@
16
16
  // .uq-section--padding-bottom-large - adds large bottom padding
17
17
 
18
18
  .uq-section {
19
- padding-top: core.$space-xxxl; // 3.5rem
20
- padding-bottom: core.$space-xxxl; // 3.5rem
19
+ padding-top: core.$space-xxxxl; // 3.5rem
20
+ padding-bottom: core.$space-xxxxl; // 3.5rem
21
21
  overflow: hidden;
22
22
 
23
23
  &__container {
@@ -33,15 +33,15 @@
33
33
  &__title {
34
34
  margin-top: core.$space-none;
35
35
  }
36
-
36
+
37
37
  // Padding top large
38
38
  &--padding-top-large {
39
- padding-top: core.$space-uuul; // 5.5rem
39
+ padding-top: core.$space-uuuul; // 5.5rem
40
40
  }
41
41
 
42
42
  // Paddiing bottom large
43
43
  &--padding-bottom-large {
44
- padding-bottom: core.$space-uuul; // 5.5rem
44
+ padding-bottom: core.$space-uuuul; // 5.5rem
45
45
  }
46
46
 
47
47
  // Padding top none
@@ -61,16 +61,16 @@
61
61
 
62
62
  // Centers section header and content
63
63
  &--centered {
64
- .uq-section__header,
65
- .uq-section__content{
64
+ .uq-section__header,
65
+ .uq-section__content {
66
66
  text-align: center;
67
67
  }
68
68
  }
69
69
 
70
70
  // Narrows the section header and content
71
71
  &--narrow {
72
- .uq-section__header,
73
- .uq-section__content{
72
+ .uq-section__header,
73
+ .uq-section__content {
74
74
  @media #{core.$screen-xl-up} {
75
75
  @include grid.grid-col-padding;
76
76
  @include grid.grid-col-offset(2.25, 12);
package/src/scss/_global.scss CHANGED
@@ -1,4 +1,4 @@
1
1
  // Variables, functions, and mixins
2
- @use '@uqds/core/src/scss/global' as core;
2
+ @use "@uqds/core/src/scss/global" as core;
3
3
 
4
4
  $section-shaded-bg: core.$uq-neutral-light80;
package/src/scss/main.scss CHANGED
@@ -1 +1 @@
1
- @use 'component';
1
+ @use "component";