luna-one 3.1.430 → 3.1.433

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 (168) hide show
  1. package/README.md +2315 -2315
  2. package/dist/application/assets/images/carat-down.svg +3 -3
  3. package/dist/application/assets/images/carat-up.svg +3 -3
  4. package/dist/application/assets/images/close-blue.svg +4 -4
  5. package/dist/application/assets/images/close.svg +3 -3
  6. package/dist/application/assets/images/ellipses.svg +6 -6
  7. package/dist/application/assets/images/facebook.svg +13 -13
  8. package/dist/application/assets/images/instagram.svg +19 -19
  9. package/dist/application/assets/images/linkedin.svg +15 -15
  10. package/dist/application/assets/images/twitter.svg +17 -17
  11. package/dist/application/assets/images/youtube.svg +14 -14
  12. package/dist/application/components/Loading/Loading.scss +10 -10
  13. package/dist/global-styles/content/typography.scss +140 -140
  14. package/dist/global-styles/fonts/benton.scss +5 -5
  15. package/dist/global-styles/global-terra.scss +10 -10
  16. package/dist/global-styles/global-vars.scss +600 -600
  17. package/dist/global-styles/layout/_css-grid.scss +20 -20
  18. package/dist/global-styles/layout/_media-queries.scss +35 -35
  19. package/dist/global-styles/layout/_normalize.scss +340 -340
  20. package/dist/global-styles/layout/_reset.scss +13 -13
  21. package/dist/global-styles/mixins/_box-shadow.scss +6 -6
  22. package/dist/global-styles/mixins/_mixins.scss +5 -5
  23. package/dist/global-styles/mixins/_organism-padding-hack.scss +7 -7
  24. package/dist/global-styles/mixins/_typography.scss +110 -110
  25. package/dist/global-styles/mixins/_yiq.scss +50 -50
  26. package/dist/global-styles/mixins/_z-index.scss +3 -3
  27. package/dist/global-styles/terra.scss +15 -15
  28. package/dist/global-styles/utilities/_box-shadow.scss +8 -8
  29. package/dist/global-styles/utilities/_display.scss +48 -48
  30. package/dist/global-styles/utilities/_font-family.scss +15 -15
  31. package/dist/global-styles/utilities/_parallax.scss +23 -23
  32. package/dist/global-styles/utilities/_text-align.scss +24 -24
  33. package/dist/luna/components/2x2/2x2.scss +776 -776
  34. package/dist/luna/components/AdminCategoryData/AdminCategoryData.scss +81 -81
  35. package/dist/luna/components/AdminProductData/AdminProductData.scss +75 -75
  36. package/dist/luna/components/BlockListItems/AppCards.js +1 -1
  37. package/dist/luna/components/BlockListItems/BlockListItems.scss +236 -236
  38. package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.scss +6 -6
  39. package/dist/luna/components/CTAButtons/CTAButtons.scss +19 -19
  40. package/dist/luna/components/ComparisonTable/ComparisonTable.scss +354 -354
  41. package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss +279 -279
  42. package/dist/luna/components/DataPoint/DataPoint.scss +160 -160
  43. package/dist/luna/components/EventCard/EventCard.scss +134 -134
  44. package/dist/luna/components/HTMLEmbed/HTMLEmbed.scss +26 -26
  45. package/dist/luna/components/Header/Header.scss +34 -34
  46. package/dist/luna/components/ImageGallery/ImageGallery.scss +438 -438
  47. package/dist/luna/components/InPageJumpNav/InPageJumpNav.scss +124 -124
  48. package/dist/luna/components/JobPosting/JobPosting.scss +171 -171
  49. package/dist/luna/components/LinkList/LinkList.scss +44 -44
  50. package/dist/luna/components/Login/Login.scss +180 -180
  51. package/dist/luna/components/MegaMenu/MegaMenu.scss +570 -570
  52. package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.scss +107 -107
  53. package/dist/luna/components/MobileLogin/MobileLogin.scss +38 -38
  54. package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss +272 -272
  55. package/dist/luna/components/MobileMenu/MobileMenu.scss +70 -70
  56. package/dist/luna/components/MobileNav/MobileNav.scss +283 -283
  57. package/dist/luna/components/NavBarTop/NavBarTop.scss +408 -408
  58. package/dist/luna/components/NavSearch/NavSearch.scss +129 -129
  59. package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntries.scss +338 -338
  60. package/dist/luna/components/OverlayNotice/OverlayNotice.scss +248 -248
  61. package/dist/luna/components/Pagination/Pagination.scss +27 -27
  62. package/dist/luna/components/ProductSummary/ProductSummary.scss +266 -266
  63. package/dist/luna/components/ProseLayout/ProseLayout.scss +384 -384
  64. package/dist/luna/components/RegionCard/RegionCard.scss +86 -86
  65. package/dist/luna/components/ScrollInPlace/ScrollInPlace.scss +219 -219
  66. package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCard.scss +142 -142
  67. package/dist/luna/components/SlideOutFeat/SlideOutFeat.scss +124 -124
  68. package/dist/luna/components/StoreFrontCard/StoreFrontCard.scss +434 -434
  69. package/dist/luna/components/SupportCard/SupportCard.scss +134 -134
  70. package/dist/luna/components/Tabs/Tabs.scss +747 -747
  71. package/dist/luna/components/TimeBasedList/TimeBasedList.scss +394 -394
  72. package/dist/luna/components/TrainerCard/TrainerCard.scss +51 -51
  73. package/dist/luna/components/UnboundedCard/UnboundedCard.scss +101 -101
  74. package/dist/luna/components/UnboundedCard/playIcon.svg +17 -17
  75. package/dist/luna/components/VariableContentCard/VariableContentCard.scss +253 -253
  76. package/dist/luna/components/Video/Video.scss +207 -207
  77. package/dist/luna/components/VidyardModal/VidyardModal.scss +32 -32
  78. package/dist/luna/featurettes/Accordion/Accordion.scss +137 -137
  79. package/dist/luna/featurettes/CustomFeat/CustomFeat.scss +17 -17
  80. package/dist/luna/featurettes/Feat1/Feat1.scss +110 -110
  81. package/dist/luna/featurettes/Feat2A/Feat2A.scss +132 -132
  82. package/dist/luna/featurettes/Feat2B/Feat2B.scss +231 -231
  83. package/dist/luna/featurettes/Feat3/Feat3.scss +49 -49
  84. package/dist/luna/featurettes/Feat4/Feat4.scss +86 -86
  85. package/dist/luna/featurettes/Feat5/Feat5.scss +235 -235
  86. package/dist/luna/featurettes/Feat7/Feat7.scss +49 -49
  87. package/dist/luna/featurettes/Feat8/Feat8.scss +103 -103
  88. package/dist/luna/featurettes/IconTextList/IconTextList.scss +118 -118
  89. package/dist/luna/featurettes/ProductsPackage/ProductsPackage.scss +187 -187
  90. package/dist/luna/featurettes/PullQuote/PullQuote.scss +322 -322
  91. package/dist/luna/featurettes/PullQuote/ico-quote-white.svg +3 -3
  92. package/dist/luna/featurettes/PullQuote/ico-quote.svg +3 -3
  93. package/dist/luna/heroes/FilterHero/FilterHero.scss +80 -80
  94. package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss +605 -605
  95. package/dist/luna/heroes/Hero1/Hero1.scss +223 -223
  96. package/dist/luna/heroes/Hero2/Hero2.scss +165 -165
  97. package/dist/luna/heroes/Hero3/Hero3.scss +250 -250
  98. package/dist/luna/heroes/Hero4/Hero4.scss +112 -112
  99. package/dist/luna/heroes/Hero6/Hero6.scss +127 -127
  100. package/dist/luna/heroes/Hero7/Hero7.scss +193 -193
  101. package/dist/luna/heroes/SuperHero/SuperHero.scss +774 -774
  102. package/dist/luna/images/arrow-diagonal-black.svg +13 -13
  103. package/dist/luna/images/arrow-diagonal-blue.svg +13 -13
  104. package/dist/luna/images/arrow-diagonal-white.svg +13 -13
  105. package/dist/luna/images/bulletpoint.svg +3 -3
  106. package/dist/luna/images/callout-icon.svg +3 -3
  107. package/dist/luna/images/check-blue.svg +4 -4
  108. package/dist/luna/images/circle-arrow-right-black.svg +3 -3
  109. package/dist/luna/images/circle-arrow-right-white.svg +3 -3
  110. package/dist/luna/images/circle-arrow.svg +3 -3
  111. package/dist/luna/images/close-button.svg +42 -42
  112. package/dist/luna/images/close-dark-navy.svg +3 -3
  113. package/dist/luna/images/close-icon.svg +3 -3
  114. package/dist/luna/images/collapse-close-blue.svg +5 -5
  115. package/dist/luna/images/collapse-close-gold.svg +5 -5
  116. package/dist/luna/images/collapse-open-blue.svg +4 -4
  117. package/dist/luna/images/collapse-open-gold.svg +4 -4
  118. package/dist/luna/images/cross-medium-blue.svg +4 -4
  119. package/dist/luna/images/cross-medium-white.svg +5 -5
  120. package/dist/luna/images/down-caret-dark-blue.svg +4 -4
  121. package/dist/luna/images/down-caret-dark-gray.svg +4 -4
  122. package/dist/luna/images/down-caret-light-gray.svg +4 -4
  123. package/dist/luna/images/downArrow.svg +36 -36
  124. package/dist/luna/images/external-arrow-blue.svg +11 -11
  125. package/dist/luna/images/external-arrow-white-theme.svg +12 -12
  126. package/dist/luna/images/external-arrow.svg +12 -12
  127. package/dist/luna/images/form-border-top-light.svg +4 -4
  128. package/dist/luna/images/frame-intersection.svg +3 -3
  129. package/dist/luna/images/gallery-image-corner-border.svg +3 -3
  130. package/dist/luna/images/green-tick.svg +3 -3
  131. package/dist/luna/images/internal-arrow-blue.svg +15 -15
  132. package/dist/luna/images/internal-arrow-white-theme.svg +15 -15
  133. package/dist/luna/images/internal-arrow.svg +15 -15
  134. package/dist/luna/images/logo-icon.svg +17 -17
  135. package/dist/luna/images/pdf-doc.svg +9 -9
  136. package/dist/luna/images/play.svg +17 -17
  137. package/dist/luna/images/right-caret-dark-blue.svg +3 -3
  138. package/dist/luna/images/right-caret-light-gray.svg +4 -4
  139. package/dist/luna/images/right-caret-light-yellow-stroke.svg +9 -9
  140. package/dist/luna/images/right-caret-light-yellow.svg +4 -4
  141. package/dist/luna/images/right-caret-medium-gray.svg +4 -4
  142. package/dist/luna/images/search.svg +9 -9
  143. package/dist/luna/images/skipicon.svg +154 -154
  144. package/dist/luna/images/text-doc.svg +9 -9
  145. package/dist/luna/images/text-lines.svg +22 -22
  146. package/dist/luna/images/tooltip-close-icon.svg +3 -3
  147. package/dist/luna/images/tooltip-icon.svg +3 -3
  148. package/dist/luna/images/up-arrow.svg +36 -36
  149. package/dist/luna/images/up-right-arrow.svg +9 -9
  150. package/dist/luna/images/user-profile.svg +37 -37
  151. package/dist/luna/images/worldwide.svg +19 -19
  152. package/dist/luna/list-feats/ListFeat/ListFeat.scss +112 -112
  153. package/dist/luna/list-feats/ListFeat1/ListFeat1.scss +94 -94
  154. package/dist/luna/list-feats/ListFeat2/ListFeat2.scss +19 -19
  155. package/dist/luna/list-feats/ListFeat4/ListFeat4.scss +32 -32
  156. package/dist/luna/list-feats/ListFeat5/ListFeat5.scss +26 -26
  157. package/dist/luna/list-feats/ListFeat6/ListFeat6.scss +34 -34
  158. package/dist/luna/list-feats/ListFeat7/ListFeat7.scss +13 -13
  159. package/dist/luna/list-feats/ListFeatCustom/ListFeatCustom.scss +7 -7
  160. package/dist/luna/other-organisms/Carousel/Carousel.scss +134 -134
  161. package/dist/luna/other-organisms/Flyout/Flyout.scss +254 -254
  162. package/dist/luna/other-organisms/Footer/Footer.scss +469 -469
  163. package/dist/luna/other-organisms/LanguageSelector/LanguageSelector.scss +317 -317
  164. package/dist/luna/other-organisms/MarketoForm/MarketoForm.scss +56 -56
  165. package/dist/luna/other-organisms/NavBar/NavBar.js +2 -1
  166. package/dist/luna/other-organisms/NavBar/NavBar.scss +636 -638
  167. package/dist/luna/other-organisms/SubNav/SubNav.scss +232 -232
  168. package/package.json +93 -93
@@ -1,236 +1,236 @@
1
- @import "../../../global-styles/terra.scss";
2
-
3
- .ter-bounded-cards {
4
- display: grid;
5
- grid-template-columns: repeat(4, 1fr);
6
- grid-gap: 48px;
7
-
8
- @media screen and (max-width: $breakpoint-md) {
9
- grid-template-columns: repeat(3, 1fr);
10
- grid-gap: 24px;
11
- }
12
-
13
- @media screen and (max-width: $breakpoint-sm) {
14
- grid-template-columns: repeat(2, 1fr);
15
- }
16
-
17
- @media screen and (max-width: $breakpoint-xs) {
18
- grid-template-columns: repeat(1, 1fr);
19
- grid-gap: 20px;
20
- }
21
-
22
- .ter-card {
23
- max-width: 320px;
24
- width: 100%;
25
- margin: 0 auto;
26
- }
27
- }
28
-
29
- .ter-icon-mini-blocks {
30
- display: grid;
31
- grid-gap: 12px;
32
- grid-template-columns: repeat(4, 1fr);
33
- @media screen and (max-width: $breakpoint-md) {
34
- grid-template-columns: repeat(3, 1fr);
35
- }
36
- @media screen and (max-width: $breakpoint-sm) {
37
- grid-template-columns: repeat(2, 1fr);
38
- }
39
- @media screen and (max-width: $breakpoint-xs) {
40
- grid-template-columns: repeat(1, 1fr);
41
- }
42
-
43
- &--large {
44
- grid-template-columns: repeat(3, 1fr);
45
- @media screen and (max-width: $breakpoint-sm) {
46
- grid-template-columns: repeat(2, 1fr);
47
- }
48
- @media screen and (max-width: $breakpoint-xs) {
49
- grid-template-columns: repeat(1, 1fr);
50
- }
51
- }
52
- .ter-icon-mini-blocks {
53
- margin: 0 auto;
54
- }
55
- }
56
-
57
- .ter-icon-list-item-blocks {
58
- display: grid;
59
- grid-template-columns: repeat(2, 1fr);
60
- max-width: 960px;
61
- row-gap: 80px;
62
- column-gap: 160px;
63
- margin: 0 auto;
64
-
65
- @media screen and (max-width: $breakpoint-md) {
66
- column-gap: 120px;
67
- row-gap: 70px;
68
- max-width: 720px;
69
- padding-left: 46px;
70
- padding-right: 46px;
71
- }
72
-
73
- @media screen and (max-width: $breakpoint-xs) {
74
- row-gap: 60px;
75
- max-width: 100%;
76
- grid-template-columns: 1fr;
77
- padding-left: 46px;
78
- padding-right: 46px;
79
- }
80
-
81
- a.ter-icon-list-item-block__link-text {
82
- &:hover,
83
- &:visited,
84
- &:visited:hover,
85
- &:active,
86
- &:active:hover {
87
- color: $trimble-dark-gray;
88
- text-decoration: none;
89
- }
90
- }
91
- }
92
-
93
- .ter-bio-blocks {
94
- display: grid;
95
- grid-template-columns: repeat(4, 1fr);
96
- row-gap: 70px;
97
- column-gap: 70px;
98
- margin: 0 auto;
99
-
100
- @media screen and (max-width: $breakpoint-md) {
101
- column-gap: 60px;
102
- grid-template-columns: repeat(2, 1fr);
103
- max-width: 720px;
104
- }
105
-
106
- @media screen and (max-width: $breakpoint-xs) {
107
- row-gap: 60px;
108
- max-width: 100%;
109
- grid-template-columns: 1fr;
110
- }
111
-
112
- a.ter-bio-block__link-text {
113
- &:hover,
114
- &:visited,
115
- &:visited:hover,
116
- &:active,
117
- &:active:hover {
118
- color: $trimble-dark-gray;
119
- text-decoration: none;
120
- }
121
-
122
- .ter-bio-block__link-icon {
123
- width: auto;
124
- }
125
- }
126
- }
127
-
128
- .ter-app-cards {
129
- display: flex;
130
- margin: 0 auto;
131
- max-width: 1120px;
132
- justify-content: space-between;
133
-
134
- .three-col {
135
- margin: 0 auto;
136
- max-width: 399px;
137
- min-width: 340px;
138
- width: 33%;
139
-
140
- &:not(:first-child):not(:last-child) {
141
- margin: 0 20px;
142
- }
143
-
144
- .ter-app-card {
145
- margin-bottom: 41px;
146
-
147
- &__link-holder {
148
- width: unset;
149
- }
150
- }
151
- }
152
-
153
- .two-col {
154
- max-width: 399px;
155
- min-width: 340px;
156
- width: 100%;
157
-
158
- &:first-child {
159
- margin-right: 10px;
160
- }
161
-
162
- &:last-child {
163
- margin-left: 10px;
164
- }
165
-
166
- .ter-app-card {
167
- margin-bottom: 37px;
168
-
169
- &__link-holder {
170
- width: unset;
171
- }
172
- }
173
- }
174
- .one-col {
175
- margin: 0 auto;
176
- max-width: 399px;
177
- width: 100%;
178
-
179
- @media screen and (max-width: 800px) {
180
- max-width: unset;
181
- width: 100%;
182
- }
183
-
184
- @media screen and (max-width: 375px) {
185
- min-width: 296px;
186
- width: 100%;
187
- }
188
-
189
- .ter-app-card {
190
- margin: 0 auto 41px;
191
-
192
- &__link-holder {
193
- width: unset;
194
- }
195
-
196
- @media screen and (max-width: 375px) {
197
- &__half-col__right {
198
- right: 25px;
199
- }
200
- margin: 0 auto 21px;
201
- }
202
- }
203
- }
204
-
205
- &__main-heading {
206
- padding: 0;
207
- font-size: $large-subheading-size;
208
- @include benton-very-bold();
209
- }
210
-
211
- &__primitives {
212
- position: fixed;
213
- right: 0;
214
- width: 50%;
215
- margin-top: -175px;
216
- &__background {
217
- background-image: url("../../images/crosses-overlay.svg");
218
- background-repeat: repeat;
219
- height: 3000px;
220
- width: 2000px;
221
- background-attachment: scroll;
222
- background-size: 25%;
223
- opacity: 0.2;
224
- @media screen and (max-width: 800px) {
225
- height: 0;
226
- }
227
- }
228
- }
229
- }
230
-
231
- .nested-content .default-layout .default-layout__children .ter-bounded-cards,
232
- .nested-content .default-layout .default-layout__children .ter-unbounded-cards {
233
- // this fix prevents the outer shadow of the cards from being hidden when displayed inside a tab
234
- padding-left: 5px;
235
- padding-right: 5px;
236
- }
1
+ @import "../../../global-styles/terra.scss";
2
+
3
+ .ter-bounded-cards {
4
+ display: grid;
5
+ grid-template-columns: repeat(4, 1fr);
6
+ grid-gap: 48px;
7
+
8
+ @media screen and (max-width: $breakpoint-md) {
9
+ grid-template-columns: repeat(3, 1fr);
10
+ grid-gap: 24px;
11
+ }
12
+
13
+ @media screen and (max-width: $breakpoint-sm) {
14
+ grid-template-columns: repeat(2, 1fr);
15
+ }
16
+
17
+ @media screen and (max-width: $breakpoint-xs) {
18
+ grid-template-columns: repeat(1, 1fr);
19
+ grid-gap: 20px;
20
+ }
21
+
22
+ .ter-card {
23
+ max-width: 320px;
24
+ width: 100%;
25
+ margin: 0 auto;
26
+ }
27
+ }
28
+
29
+ .ter-icon-mini-blocks {
30
+ display: grid;
31
+ grid-gap: 12px;
32
+ grid-template-columns: repeat(4, 1fr);
33
+ @media screen and (max-width: $breakpoint-md) {
34
+ grid-template-columns: repeat(3, 1fr);
35
+ }
36
+ @media screen and (max-width: $breakpoint-sm) {
37
+ grid-template-columns: repeat(2, 1fr);
38
+ }
39
+ @media screen and (max-width: $breakpoint-xs) {
40
+ grid-template-columns: repeat(1, 1fr);
41
+ }
42
+
43
+ &--large {
44
+ grid-template-columns: repeat(3, 1fr);
45
+ @media screen and (max-width: $breakpoint-sm) {
46
+ grid-template-columns: repeat(2, 1fr);
47
+ }
48
+ @media screen and (max-width: $breakpoint-xs) {
49
+ grid-template-columns: repeat(1, 1fr);
50
+ }
51
+ }
52
+ .ter-icon-mini-blocks {
53
+ margin: 0 auto;
54
+ }
55
+ }
56
+
57
+ .ter-icon-list-item-blocks {
58
+ display: grid;
59
+ grid-template-columns: repeat(2, 1fr);
60
+ max-width: 960px;
61
+ row-gap: 80px;
62
+ column-gap: 160px;
63
+ margin: 0 auto;
64
+
65
+ @media screen and (max-width: $breakpoint-md) {
66
+ column-gap: 120px;
67
+ row-gap: 70px;
68
+ max-width: 720px;
69
+ padding-left: 46px;
70
+ padding-right: 46px;
71
+ }
72
+
73
+ @media screen and (max-width: $breakpoint-xs) {
74
+ row-gap: 60px;
75
+ max-width: 100%;
76
+ grid-template-columns: 1fr;
77
+ padding-left: 46px;
78
+ padding-right: 46px;
79
+ }
80
+
81
+ a.ter-icon-list-item-block__link-text {
82
+ &:hover,
83
+ &:visited,
84
+ &:visited:hover,
85
+ &:active,
86
+ &:active:hover {
87
+ color: $trimble-dark-gray;
88
+ text-decoration: none;
89
+ }
90
+ }
91
+ }
92
+
93
+ .ter-bio-blocks {
94
+ display: grid;
95
+ grid-template-columns: repeat(4, 1fr);
96
+ row-gap: 70px;
97
+ column-gap: 70px;
98
+ margin: 0 auto;
99
+
100
+ @media screen and (max-width: $breakpoint-md) {
101
+ column-gap: 60px;
102
+ grid-template-columns: repeat(2, 1fr);
103
+ max-width: 720px;
104
+ }
105
+
106
+ @media screen and (max-width: $breakpoint-xs) {
107
+ row-gap: 60px;
108
+ max-width: 100%;
109
+ grid-template-columns: 1fr;
110
+ }
111
+
112
+ a.ter-bio-block__link-text {
113
+ &:hover,
114
+ &:visited,
115
+ &:visited:hover,
116
+ &:active,
117
+ &:active:hover {
118
+ color: $trimble-dark-gray;
119
+ text-decoration: none;
120
+ }
121
+
122
+ .ter-bio-block__link-icon {
123
+ width: auto;
124
+ }
125
+ }
126
+ }
127
+
128
+ .ter-app-cards {
129
+ display: flex;
130
+ margin: 0 auto;
131
+ max-width: 1120px;
132
+ justify-content: space-between;
133
+
134
+ .three-col {
135
+ margin: 0 auto;
136
+ max-width: 399px;
137
+ min-width: 340px;
138
+ width: 33%;
139
+
140
+ &:not(:first-child):not(:last-child) {
141
+ margin: 0 20px;
142
+ }
143
+
144
+ .ter-app-card {
145
+ margin-bottom: 41px;
146
+
147
+ &__link-holder {
148
+ width: unset;
149
+ }
150
+ }
151
+ }
152
+
153
+ .two-col {
154
+ max-width: 399px;
155
+ min-width: 340px;
156
+ width: 100%;
157
+
158
+ &:first-child {
159
+ margin-right: 10px;
160
+ }
161
+
162
+ &:last-child {
163
+ margin-left: 10px;
164
+ }
165
+
166
+ .ter-app-card {
167
+ margin-bottom: 37px;
168
+
169
+ &__link-holder {
170
+ width: unset;
171
+ }
172
+ }
173
+ }
174
+ .one-col {
175
+ margin: 0 auto;
176
+ max-width: 399px;
177
+ width: 100%;
178
+
179
+ @media screen and (max-width: 800px) {
180
+ max-width: unset;
181
+ width: 100%;
182
+ }
183
+
184
+ @media screen and (max-width: 375px) {
185
+ min-width: 296px;
186
+ width: 100%;
187
+ }
188
+
189
+ .ter-app-card {
190
+ margin: 0 auto 41px;
191
+
192
+ &__link-holder {
193
+ width: unset;
194
+ }
195
+
196
+ @media screen and (max-width: 375px) {
197
+ &__half-col__right {
198
+ right: 25px;
199
+ }
200
+ margin: 0 auto 21px;
201
+ }
202
+ }
203
+ }
204
+
205
+ &__main-heading {
206
+ padding: 0;
207
+ font-size: $large-subheading-size;
208
+ @include benton-very-bold();
209
+ }
210
+
211
+ &__primitives {
212
+ position: fixed;
213
+ right: 0;
214
+ width: 50%;
215
+ margin-top: -175px;
216
+ &__background {
217
+ background-image: url("../../images/crosses-overlay.svg");
218
+ background-repeat: repeat;
219
+ height: 3000px;
220
+ width: 2000px;
221
+ background-attachment: scroll;
222
+ background-size: 25%;
223
+ opacity: 0.2;
224
+ @media screen and (max-width: 800px) {
225
+ height: 0;
226
+ }
227
+ }
228
+ }
229
+ }
230
+
231
+ .nested-content .default-layout .default-layout__children .ter-bounded-cards,
232
+ .nested-content .default-layout .default-layout__children .ter-unbounded-cards {
233
+ // this fix prevents the outer shadow of the cards from being hidden when displayed inside a tab
234
+ padding-left: 5px;
235
+ padding-right: 5px;
236
+ }
@@ -1,7 +1,7 @@
1
- .browser-support-banner {
2
- z-index: 10;
3
- }
4
-
5
- .remove-alert {
6
- display: none;
1
+ .browser-support-banner {
2
+ z-index: 10;
3
+ }
4
+
5
+ .remove-alert {
6
+ display: none;
7
7
  }
@@ -1,20 +1,20 @@
1
- @import "../../../global-styles/terra.scss";
2
-
3
- .cta-buttons-container {
4
- width: 100%;
5
- font-family: $header-font-family;
6
-
7
- &.center {
8
- .cta-buttons {
9
- justify-content: center;
10
- }
11
- }
12
-
13
- .cta-buttons {
14
- width: 100%;
15
- display: flex;
16
- flex-wrap: wrap;
17
- gap: 40px;
18
- margin: 40px 0 0 0;
19
- }
1
+ @import "../../../global-styles/terra.scss";
2
+
3
+ .cta-buttons-container {
4
+ width: 100%;
5
+ font-family: $header-font-family;
6
+
7
+ &.center {
8
+ .cta-buttons {
9
+ justify-content: center;
10
+ }
11
+ }
12
+
13
+ .cta-buttons {
14
+ width: 100%;
15
+ display: flex;
16
+ flex-wrap: wrap;
17
+ gap: 40px;
18
+ margin: 40px 0 0 0;
19
+ }
20
20
  }