gatsby-matrix-theme 9.0.2 → 9.0.3

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/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [9.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v9.0.2...v9.0.3) (2022-11-08)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * spotlight module styling ([64ff7d7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/64ff7d757a7c176c60d7248fc2b6cd78fe5d5fdf))
7
+
1
8
  ## [9.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v9.0.1...v9.0.2) (2022-11-07)
2
9
 
3
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "9.0.2",
3
+ "version": "9.0.3",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
@@ -1,103 +1,99 @@
1
1
  .testimonials {
2
- ul {
3
- li {
4
- border: var(--spotlight-testimonials-border);
5
- border-radius: var(--spotlight-testimonials-border-radius);
6
- background-color: var(--spotlight-testimonials-background-color);
2
+ li {
3
+ border: var(--spotlight-testimonials-border);
4
+ border-radius: var(--spotlight-testimonials-border-radius);
5
+ background-color: var(--spotlight-testimonials-background-color);
7
6
 
8
- img {
9
- border-radius: 8rem;
10
- width: 15rem !important;
11
- height: 15rem !important;
12
- margin: 0 auto;
13
- object-fit: cover;
14
- min-height: 15rem;
15
- }
7
+ img {
8
+ border-radius: 8rem;
9
+ width: 15rem !important;
10
+ height: 15rem !important;
11
+ margin: 0 auto;
12
+ object-fit: cover;
13
+ min-height: 15rem;
14
+ }
16
15
 
17
- > span,
18
- label {
19
- font-size: 1.4rem;
20
- }
16
+ > span,
17
+ label {
18
+ font-size: 1.4rem;
19
+ }
21
20
 
22
- > label,
23
- > a > label {
24
- padding-bottom: 0.8rem;
25
- padding-top: 0.5rem;
26
- font-size: var(--spotlight-testimonials-label-size);
27
- color: var(--spotlight-testimonials-label-color);
28
- }
21
+ > label,
22
+ > a > label {
23
+ padding-bottom: 0.8rem;
24
+ padding-top: 0.5rem;
25
+ font-size: var(--spotlight-testimonials-label-size);
26
+ color: var(--spotlight-testimonials-label-color);
27
+ }
29
28
 
30
- > span {
31
- width: 50%;
32
- margin: 0 auto;
33
- font-size: var(--spotlight-testimonials-subtitle-size);
34
- color: var(--spotlight-testimonials-subtitle-color);
35
- }
29
+ > span {
30
+ width: 50%;
31
+ margin: 0 auto;
32
+ font-size: var(--spotlight-testimonials-subtitle-size);
33
+ color: var(--spotlight-testimonials-subtitle-color);
34
+ }
36
35
 
37
- > div {
38
- display: flex;
39
- flex-direction: column;
40
- flex: 1;
41
- justify-content: space-between;
42
- font-size: var(--spotlight-testimonials-text-size);
43
- color: var(--spotlight-testimonials-text-color);
44
- }
36
+ > div {
37
+ display: flex;
38
+ flex-direction: column;
39
+ flex: 1;
40
+ justify-content: space-between;
41
+ font-size: var(--spotlight-testimonials-text-size);
42
+ color: var(--spotlight-testimonials-text-color);
45
43
  }
46
44
  }
47
45
  }
48
46
 
49
47
  .boxes_with_icons {
50
- ul {
51
- display: flex;
52
- flex-direction: column;
53
- align-items: flex-end;
48
+ display: flex;
49
+ flex-direction: column;
50
+ align-items: flex-end;
54
51
 
55
- li {
56
- border: var(--spotlight-boxes-border);
57
- background-color: var(--spotlight-boxes-background-color);
58
- box-sizing: border-box;
59
- border-radius: var(--spotlight-boxes-border-radius);
60
- position: relative;
61
- margin-bottom: 3rem;
62
- padding: 2.4rem 2.4rem 2.8rem 7.2rem;
63
- min-height: 15rem;
64
- text-align: left;
65
- justify-content: center;
66
- width: calc(100% - 4.5rem);
52
+ li {
53
+ border: var(--spotlight-boxes-border);
54
+ background-color: var(--spotlight-boxes-background-color);
55
+ box-sizing: border-box;
56
+ border-radius: var(--spotlight-boxes-border-radius);
57
+ position: relative;
58
+ margin-bottom: 3rem;
59
+ padding: 2.4rem 2.4rem 2.8rem 7.2rem;
60
+ min-height: 15rem;
61
+ text-align: left;
62
+ justify-content: center;
63
+ width: calc(100% - 4.5rem);
67
64
 
68
- > a > img,
69
- > img {
70
- position: absolute;
71
- left: -4.5rem;
72
- top: 50%;
73
- transform: translateY(-50%);
74
- display: inline-block;
75
- min-width: 9.5rem !important;
76
- width: 9.5rem;
77
- height: 9.5rem !important;
78
- border-radius: 50%;
79
- max-height: none;
80
- min-height: auto;
81
- object-fit: fill;
82
- }
65
+ > a > img,
66
+ > img {
67
+ position: absolute;
68
+ left: -4.5rem;
69
+ top: 50%;
70
+ transform: translateY(-50%);
71
+ display: inline-block;
72
+ min-width: 9.5rem !important;
73
+ width: 9.5rem;
74
+ height: 9.5rem !important;
75
+ border-radius: 50%;
76
+ max-height: none;
77
+ min-height: auto;
78
+ object-fit: fill;
79
+ }
83
80
 
84
- &:first-of-type {
85
- margin-top: 3rem;
86
- }
81
+ &:first-of-type {
82
+ margin-top: 3rem;
83
+ }
87
84
 
88
- > label {
89
- font-size: var(--spotlight-boxes-label-size);
90
- color: var(--spotlight-boxes-label-color);
91
- line-height: var(--spotlight-boxes-label-line-height);
92
- padding: var(--spotlight-boxes-label-padding);
93
- }
85
+ > label {
86
+ font-size: var(--spotlight-boxes-label-size);
87
+ color: var(--spotlight-boxes-label-color);
88
+ line-height: var(--spotlight-boxes-label-line-height);
89
+ padding: var(--spotlight-boxes-label-padding);
90
+ }
94
91
 
95
- > div {
96
- font-size: var(--spotlight-boxes-text-size);
97
- color: var(--spotlight-boxes-text-color);
98
- > a {
99
- width: fit-content;
100
- }
92
+ > div {
93
+ font-size: var(--spotlight-boxes-text-size);
94
+ color: var(--spotlight-boxes-text-color);
95
+ > a {
96
+ width: fit-content;
101
97
  }
102
98
  }
103
99
  }