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.
- package/README.md +2315 -2315
- package/dist/application/assets/images/carat-down.svg +3 -3
- package/dist/application/assets/images/carat-up.svg +3 -3
- package/dist/application/assets/images/close-blue.svg +4 -4
- package/dist/application/assets/images/close.svg +3 -3
- package/dist/application/assets/images/ellipses.svg +6 -6
- package/dist/application/assets/images/facebook.svg +13 -13
- package/dist/application/assets/images/instagram.svg +19 -19
- package/dist/application/assets/images/linkedin.svg +15 -15
- package/dist/application/assets/images/twitter.svg +17 -17
- package/dist/application/assets/images/youtube.svg +14 -14
- package/dist/application/components/Loading/Loading.scss +10 -10
- package/dist/global-styles/content/typography.scss +140 -140
- package/dist/global-styles/fonts/benton.scss +5 -5
- package/dist/global-styles/global-terra.scss +10 -10
- package/dist/global-styles/global-vars.scss +600 -600
- package/dist/global-styles/layout/_css-grid.scss +20 -20
- package/dist/global-styles/layout/_media-queries.scss +35 -35
- package/dist/global-styles/layout/_normalize.scss +340 -340
- package/dist/global-styles/layout/_reset.scss +13 -13
- package/dist/global-styles/mixins/_box-shadow.scss +6 -6
- package/dist/global-styles/mixins/_mixins.scss +5 -5
- package/dist/global-styles/mixins/_organism-padding-hack.scss +7 -7
- package/dist/global-styles/mixins/_typography.scss +110 -110
- package/dist/global-styles/mixins/_yiq.scss +50 -50
- package/dist/global-styles/mixins/_z-index.scss +3 -3
- package/dist/global-styles/terra.scss +15 -15
- package/dist/global-styles/utilities/_box-shadow.scss +8 -8
- package/dist/global-styles/utilities/_display.scss +48 -48
- package/dist/global-styles/utilities/_font-family.scss +15 -15
- package/dist/global-styles/utilities/_parallax.scss +23 -23
- package/dist/global-styles/utilities/_text-align.scss +24 -24
- package/dist/luna/components/2x2/2x2.scss +776 -776
- package/dist/luna/components/AdminCategoryData/AdminCategoryData.scss +81 -81
- package/dist/luna/components/AdminProductData/AdminProductData.scss +75 -75
- package/dist/luna/components/BlockListItems/AppCards.js +1 -1
- package/dist/luna/components/BlockListItems/BlockListItems.scss +236 -236
- package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.scss +6 -6
- package/dist/luna/components/CTAButtons/CTAButtons.scss +19 -19
- package/dist/luna/components/ComparisonTable/ComparisonTable.scss +354 -354
- package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss +279 -279
- package/dist/luna/components/DataPoint/DataPoint.scss +160 -160
- package/dist/luna/components/EventCard/EventCard.scss +134 -134
- package/dist/luna/components/HTMLEmbed/HTMLEmbed.scss +26 -26
- package/dist/luna/components/Header/Header.scss +34 -34
- package/dist/luna/components/ImageGallery/ImageGallery.scss +438 -438
- package/dist/luna/components/InPageJumpNav/InPageJumpNav.scss +124 -124
- package/dist/luna/components/JobPosting/JobPosting.scss +171 -171
- package/dist/luna/components/LinkList/LinkList.scss +44 -44
- package/dist/luna/components/Login/Login.scss +180 -180
- package/dist/luna/components/MegaMenu/MegaMenu.scss +570 -570
- package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.scss +107 -107
- package/dist/luna/components/MobileLogin/MobileLogin.scss +38 -38
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss +272 -272
- package/dist/luna/components/MobileMenu/MobileMenu.scss +70 -70
- package/dist/luna/components/MobileNav/MobileNav.scss +283 -283
- package/dist/luna/components/NavBarTop/NavBarTop.scss +408 -408
- package/dist/luna/components/NavSearch/NavSearch.scss +129 -129
- package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntries.scss +338 -338
- package/dist/luna/components/OverlayNotice/OverlayNotice.scss +248 -248
- package/dist/luna/components/Pagination/Pagination.scss +27 -27
- package/dist/luna/components/ProductSummary/ProductSummary.scss +266 -266
- package/dist/luna/components/ProseLayout/ProseLayout.scss +384 -384
- package/dist/luna/components/RegionCard/RegionCard.scss +86 -86
- package/dist/luna/components/ScrollInPlace/ScrollInPlace.scss +219 -219
- package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCard.scss +142 -142
- package/dist/luna/components/SlideOutFeat/SlideOutFeat.scss +124 -124
- package/dist/luna/components/StoreFrontCard/StoreFrontCard.scss +434 -434
- package/dist/luna/components/SupportCard/SupportCard.scss +134 -134
- package/dist/luna/components/Tabs/Tabs.scss +747 -747
- package/dist/luna/components/TimeBasedList/TimeBasedList.scss +394 -394
- package/dist/luna/components/TrainerCard/TrainerCard.scss +51 -51
- package/dist/luna/components/UnboundedCard/UnboundedCard.scss +101 -101
- package/dist/luna/components/UnboundedCard/playIcon.svg +17 -17
- package/dist/luna/components/VariableContentCard/VariableContentCard.scss +253 -253
- package/dist/luna/components/Video/Video.scss +207 -207
- package/dist/luna/components/VidyardModal/VidyardModal.scss +32 -32
- package/dist/luna/featurettes/Accordion/Accordion.scss +137 -137
- package/dist/luna/featurettes/CustomFeat/CustomFeat.scss +17 -17
- package/dist/luna/featurettes/Feat1/Feat1.scss +110 -110
- package/dist/luna/featurettes/Feat2A/Feat2A.scss +132 -132
- package/dist/luna/featurettes/Feat2B/Feat2B.scss +231 -231
- package/dist/luna/featurettes/Feat3/Feat3.scss +49 -49
- package/dist/luna/featurettes/Feat4/Feat4.scss +86 -86
- package/dist/luna/featurettes/Feat5/Feat5.scss +235 -235
- package/dist/luna/featurettes/Feat7/Feat7.scss +49 -49
- package/dist/luna/featurettes/Feat8/Feat8.scss +103 -103
- package/dist/luna/featurettes/IconTextList/IconTextList.scss +118 -118
- package/dist/luna/featurettes/ProductsPackage/ProductsPackage.scss +187 -187
- package/dist/luna/featurettes/PullQuote/PullQuote.scss +322 -322
- package/dist/luna/featurettes/PullQuote/ico-quote-white.svg +3 -3
- package/dist/luna/featurettes/PullQuote/ico-quote.svg +3 -3
- package/dist/luna/heroes/FilterHero/FilterHero.scss +80 -80
- package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss +605 -605
- package/dist/luna/heroes/Hero1/Hero1.scss +223 -223
- package/dist/luna/heroes/Hero2/Hero2.scss +165 -165
- package/dist/luna/heroes/Hero3/Hero3.scss +250 -250
- package/dist/luna/heroes/Hero4/Hero4.scss +112 -112
- package/dist/luna/heroes/Hero6/Hero6.scss +127 -127
- package/dist/luna/heroes/Hero7/Hero7.scss +193 -193
- package/dist/luna/heroes/SuperHero/SuperHero.scss +774 -774
- package/dist/luna/images/arrow-diagonal-black.svg +13 -13
- package/dist/luna/images/arrow-diagonal-blue.svg +13 -13
- package/dist/luna/images/arrow-diagonal-white.svg +13 -13
- package/dist/luna/images/bulletpoint.svg +3 -3
- package/dist/luna/images/callout-icon.svg +3 -3
- package/dist/luna/images/check-blue.svg +4 -4
- package/dist/luna/images/circle-arrow-right-black.svg +3 -3
- package/dist/luna/images/circle-arrow-right-white.svg +3 -3
- package/dist/luna/images/circle-arrow.svg +3 -3
- package/dist/luna/images/close-button.svg +42 -42
- package/dist/luna/images/close-dark-navy.svg +3 -3
- package/dist/luna/images/close-icon.svg +3 -3
- package/dist/luna/images/collapse-close-blue.svg +5 -5
- package/dist/luna/images/collapse-close-gold.svg +5 -5
- package/dist/luna/images/collapse-open-blue.svg +4 -4
- package/dist/luna/images/collapse-open-gold.svg +4 -4
- package/dist/luna/images/cross-medium-blue.svg +4 -4
- package/dist/luna/images/cross-medium-white.svg +5 -5
- package/dist/luna/images/down-caret-dark-blue.svg +4 -4
- package/dist/luna/images/down-caret-dark-gray.svg +4 -4
- package/dist/luna/images/down-caret-light-gray.svg +4 -4
- package/dist/luna/images/downArrow.svg +36 -36
- package/dist/luna/images/external-arrow-blue.svg +11 -11
- package/dist/luna/images/external-arrow-white-theme.svg +12 -12
- package/dist/luna/images/external-arrow.svg +12 -12
- package/dist/luna/images/form-border-top-light.svg +4 -4
- package/dist/luna/images/frame-intersection.svg +3 -3
- package/dist/luna/images/gallery-image-corner-border.svg +3 -3
- package/dist/luna/images/green-tick.svg +3 -3
- package/dist/luna/images/internal-arrow-blue.svg +15 -15
- package/dist/luna/images/internal-arrow-white-theme.svg +15 -15
- package/dist/luna/images/internal-arrow.svg +15 -15
- package/dist/luna/images/logo-icon.svg +17 -17
- package/dist/luna/images/pdf-doc.svg +9 -9
- package/dist/luna/images/play.svg +17 -17
- package/dist/luna/images/right-caret-dark-blue.svg +3 -3
- package/dist/luna/images/right-caret-light-gray.svg +4 -4
- package/dist/luna/images/right-caret-light-yellow-stroke.svg +9 -9
- package/dist/luna/images/right-caret-light-yellow.svg +4 -4
- package/dist/luna/images/right-caret-medium-gray.svg +4 -4
- package/dist/luna/images/search.svg +9 -9
- package/dist/luna/images/skipicon.svg +154 -154
- package/dist/luna/images/text-doc.svg +9 -9
- package/dist/luna/images/text-lines.svg +22 -22
- package/dist/luna/images/tooltip-close-icon.svg +3 -3
- package/dist/luna/images/tooltip-icon.svg +3 -3
- package/dist/luna/images/up-arrow.svg +36 -36
- package/dist/luna/images/up-right-arrow.svg +9 -9
- package/dist/luna/images/user-profile.svg +37 -37
- package/dist/luna/images/worldwide.svg +19 -19
- package/dist/luna/list-feats/ListFeat/ListFeat.scss +112 -112
- package/dist/luna/list-feats/ListFeat1/ListFeat1.scss +94 -94
- package/dist/luna/list-feats/ListFeat2/ListFeat2.scss +19 -19
- package/dist/luna/list-feats/ListFeat4/ListFeat4.scss +32 -32
- package/dist/luna/list-feats/ListFeat5/ListFeat5.scss +26 -26
- package/dist/luna/list-feats/ListFeat6/ListFeat6.scss +34 -34
- package/dist/luna/list-feats/ListFeat7/ListFeat7.scss +13 -13
- package/dist/luna/list-feats/ListFeatCustom/ListFeatCustom.scss +7 -7
- package/dist/luna/other-organisms/Carousel/Carousel.scss +134 -134
- package/dist/luna/other-organisms/Flyout/Flyout.scss +254 -254
- package/dist/luna/other-organisms/Footer/Footer.scss +469 -469
- package/dist/luna/other-organisms/LanguageSelector/LanguageSelector.scss +317 -317
- package/dist/luna/other-organisms/MarketoForm/MarketoForm.scss +56 -56
- package/dist/luna/other-organisms/NavBar/NavBar.js +2 -1
- package/dist/luna/other-organisms/NavBar/NavBar.scss +636 -638
- package/dist/luna/other-organisms/SubNav/SubNav.scss +232 -232
- package/package.json +93 -93
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
<?xml version="1.0"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" xmlnsSvgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 512 512" xmlSpace="preserve"><g>
|
|
3
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
4
|
-
<path style="" d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" fill="#005f9e" data-original="#010002"/>
|
|
5
|
-
<path style="" d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" fill="#005f9e" data-original="#010002"/>
|
|
6
|
-
</g>
|
|
7
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
</g>
|
|
9
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
10
|
-
</g>
|
|
11
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
12
|
-
</g>
|
|
13
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
14
|
-
</g>
|
|
15
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
16
|
-
</g>
|
|
17
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
18
|
-
</g>
|
|
19
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
20
|
-
</g>
|
|
21
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
22
|
-
</g>
|
|
23
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
</g>
|
|
25
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
26
|
-
</g>
|
|
27
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
28
|
-
</g>
|
|
29
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
30
|
-
</g>
|
|
31
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
32
|
-
</g>
|
|
33
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
34
|
-
</g>
|
|
35
|
-
<g xmlns="http://www.w3.org/2000/svg">
|
|
36
|
-
</g>
|
|
37
|
-
</g></svg>
|
|
1
|
+
<?xml version="1.0"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" xmlnsSvgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 512 512" xmlSpace="preserve"><g>
|
|
3
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<path style="" d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" fill="#005f9e" data-original="#010002"/>
|
|
5
|
+
<path style="" d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" fill="#005f9e" data-original="#010002"/>
|
|
6
|
+
</g>
|
|
7
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
</g>
|
|
9
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
</g>
|
|
11
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
</g>
|
|
13
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
14
|
+
</g>
|
|
15
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
16
|
+
</g>
|
|
17
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
</g>
|
|
19
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
20
|
+
</g>
|
|
21
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
</g>
|
|
23
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
</g>
|
|
25
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
26
|
+
</g>
|
|
27
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
</g>
|
|
29
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
30
|
+
</g>
|
|
31
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
32
|
+
</g>
|
|
33
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
34
|
+
</g>
|
|
35
|
+
<g xmlns="http://www.w3.org/2000/svg">
|
|
36
|
+
</g>
|
|
37
|
+
</g></svg>
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
-
<!-- Generator: sketchtool 59.1 (101010) - https://sketch.com -->
|
|
4
|
-
<title>F3277CAF-4B2E-4F1B-A129-8CDADAE38070</title>
|
|
5
|
-
<desc>Created with sketchtool.</desc>
|
|
6
|
-
<g id="Navigation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
|
7
|
-
<g id="MEP-Default" transform="translate(-271.000000, -188.000000)" fill-rule="nonzero" stroke="#363545">
|
|
8
|
-
<g id="Region-and-Language" transform="translate(271.000000, 186.000000)">
|
|
9
|
-
<g id="Icon/Globe" transform="translate(0.000000, 2.000000)">
|
|
10
|
-
<g>
|
|
11
|
-
<circle id="Edge-Oval" cx="8" cy="8" r="7.5"></circle>
|
|
12
|
-
<ellipse id="Long-Oval" cx="8" cy="8" rx="4.5" ry="7.5"></ellipse>
|
|
13
|
-
<ellipse id="Long-Oval" cx="8" cy="8" rx="1.5" ry="7.5"></ellipse>
|
|
14
|
-
<line x1="1" y1="8" x2="15" y2="8" id="Equator"></line>
|
|
15
|
-
</g>
|
|
16
|
-
</g>
|
|
17
|
-
</g>
|
|
18
|
-
</g>
|
|
19
|
-
</g>
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<!-- Generator: sketchtool 59.1 (101010) - https://sketch.com -->
|
|
4
|
+
<title>F3277CAF-4B2E-4F1B-A129-8CDADAE38070</title>
|
|
5
|
+
<desc>Created with sketchtool.</desc>
|
|
6
|
+
<g id="Navigation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
|
7
|
+
<g id="MEP-Default" transform="translate(-271.000000, -188.000000)" fill-rule="nonzero" stroke="#363545">
|
|
8
|
+
<g id="Region-and-Language" transform="translate(271.000000, 186.000000)">
|
|
9
|
+
<g id="Icon/Globe" transform="translate(0.000000, 2.000000)">
|
|
10
|
+
<g>
|
|
11
|
+
<circle id="Edge-Oval" cx="8" cy="8" r="7.5"></circle>
|
|
12
|
+
<ellipse id="Long-Oval" cx="8" cy="8" rx="4.5" ry="7.5"></ellipse>
|
|
13
|
+
<ellipse id="Long-Oval" cx="8" cy="8" rx="1.5" ry="7.5"></ellipse>
|
|
14
|
+
<line x1="1" y1="8" x2="15" y2="8" id="Equator"></line>
|
|
15
|
+
</g>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
20
|
</svg>
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
@import "../../../global-styles/terra.scss";
|
|
2
|
-
|
|
3
|
-
.ter-list-feat-main {
|
|
4
|
-
|
|
5
|
-
padding-top: 80px;
|
|
6
|
-
padding-bottom: 75px;
|
|
7
|
-
|
|
8
|
-
@media screen and (max-width: $breakpoint-md) {
|
|
9
|
-
padding-top: 60px;
|
|
10
|
-
padding-bottom: 60px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@media screen and (max-width: $breakpoint-sm) {
|
|
14
|
-
padding-top: 40px;
|
|
15
|
-
padding-bottom: 40px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
// TODO - REMOVE DEAD CODE AFTER DEVELOPMENT COMPLETE
|
|
19
|
-
|
|
20
|
-
// &--custom {
|
|
21
|
-
// max-width: 100vw;
|
|
22
|
-
// overflow: scroll;
|
|
23
|
-
// }
|
|
24
|
-
|
|
25
|
-
// &__sub-header-holder {
|
|
26
|
-
// img {
|
|
27
|
-
// width: 100%;
|
|
28
|
-
// }
|
|
29
|
-
// }
|
|
30
|
-
|
|
31
|
-
// &--modal-deployed {
|
|
32
|
-
// overflow: visible;
|
|
33
|
-
// }
|
|
34
|
-
|
|
35
|
-
// &__background-image {
|
|
36
|
-
// position: absolute;
|
|
37
|
-
// }
|
|
38
|
-
|
|
39
|
-
// &__cta-section {
|
|
40
|
-
// text-align: center;
|
|
41
|
-
|
|
42
|
-
// .ter-button {
|
|
43
|
-
// margin: 0 24px 48px 24px;
|
|
44
|
-
// }
|
|
45
|
-
// }
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
// &__header {
|
|
49
|
-
// margin: auto;
|
|
50
|
-
// font-size: $heading-3-size;
|
|
51
|
-
// @include benton-very-bold();
|
|
52
|
-
// }
|
|
53
|
-
|
|
54
|
-
// &__sub-header,
|
|
55
|
-
// &__sub-header-holder p, &__text,
|
|
56
|
-
// &__text-holder p {
|
|
57
|
-
// @include benton-light();
|
|
58
|
-
// font-size: $subheading-size;
|
|
59
|
-
// }
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
// .ter-list-feat-main__header,
|
|
63
|
-
// .ter-list-feat-main__sub-header,
|
|
64
|
-
// .ter-list-feat-main__sub-header-holder,
|
|
65
|
-
// .ter-list-feat-main__text,
|
|
66
|
-
// .ter-list-feat-main__text-holder {
|
|
67
|
-
// opacity: 1;
|
|
68
|
-
// -webkit-transition: opacity 0.2s;
|
|
69
|
-
// -o-transition: opacity 0.2s;
|
|
70
|
-
// transition: opacity 0.2s;
|
|
71
|
-
// }
|
|
72
|
-
|
|
73
|
-
// .ter-variable-card {
|
|
74
|
-
// .ter-variable-card__header,
|
|
75
|
-
// .ter-variable-card__text,
|
|
76
|
-
// .ter-button,
|
|
77
|
-
// .luna-video-feat__thumbnail {
|
|
78
|
-
// opacity: 1;
|
|
79
|
-
// -webkit-transition: opacity 0.2s;
|
|
80
|
-
// -o-transition: opacity 0.2s;
|
|
81
|
-
// transition: opacity 0.2s;
|
|
82
|
-
// }
|
|
83
|
-
// }
|
|
84
|
-
|
|
85
|
-
// &--modal-deployed {
|
|
86
|
-
// overflow-y: visible;
|
|
87
|
-
|
|
88
|
-
// .ter-list-feat-main__header,
|
|
89
|
-
// .ter-list-feat-main__sub-header,
|
|
90
|
-
// .ter-list-feat-main__sub-header-holder,
|
|
91
|
-
// .ter-list-feat-main__text,
|
|
92
|
-
// .ter-list-feat-main__text-holder {
|
|
93
|
-
// opacity: 0;
|
|
94
|
-
// }
|
|
95
|
-
|
|
96
|
-
// .ter-variable-card {
|
|
97
|
-
// .ter-variable-card__header,
|
|
98
|
-
// .ter-variable-card__text,
|
|
99
|
-
// .ter-button,
|
|
100
|
-
// .luna-video-feat__thumbnail {
|
|
101
|
-
// opacity: 0;
|
|
102
|
-
// }
|
|
103
|
-
// }
|
|
104
|
-
// }
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
// @media screen and (max-width: 800px) {
|
|
108
|
-
// .ter-list-feat-main__header,
|
|
109
|
-
// .ter-list-feat-main__sub-header {
|
|
110
|
-
// margin: 0;
|
|
111
|
-
// }
|
|
112
|
-
// }
|
|
1
|
+
@import "../../../global-styles/terra.scss";
|
|
2
|
+
|
|
3
|
+
.ter-list-feat-main {
|
|
4
|
+
|
|
5
|
+
padding-top: 80px;
|
|
6
|
+
padding-bottom: 75px;
|
|
7
|
+
|
|
8
|
+
@media screen and (max-width: $breakpoint-md) {
|
|
9
|
+
padding-top: 60px;
|
|
10
|
+
padding-bottom: 60px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media screen and (max-width: $breakpoint-sm) {
|
|
14
|
+
padding-top: 40px;
|
|
15
|
+
padding-bottom: 40px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// TODO - REMOVE DEAD CODE AFTER DEVELOPMENT COMPLETE
|
|
19
|
+
|
|
20
|
+
// &--custom {
|
|
21
|
+
// max-width: 100vw;
|
|
22
|
+
// overflow: scroll;
|
|
23
|
+
// }
|
|
24
|
+
|
|
25
|
+
// &__sub-header-holder {
|
|
26
|
+
// img {
|
|
27
|
+
// width: 100%;
|
|
28
|
+
// }
|
|
29
|
+
// }
|
|
30
|
+
|
|
31
|
+
// &--modal-deployed {
|
|
32
|
+
// overflow: visible;
|
|
33
|
+
// }
|
|
34
|
+
|
|
35
|
+
// &__background-image {
|
|
36
|
+
// position: absolute;
|
|
37
|
+
// }
|
|
38
|
+
|
|
39
|
+
// &__cta-section {
|
|
40
|
+
// text-align: center;
|
|
41
|
+
|
|
42
|
+
// .ter-button {
|
|
43
|
+
// margin: 0 24px 48px 24px;
|
|
44
|
+
// }
|
|
45
|
+
// }
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
// &__header {
|
|
49
|
+
// margin: auto;
|
|
50
|
+
// font-size: $heading-3-size;
|
|
51
|
+
// @include benton-very-bold();
|
|
52
|
+
// }
|
|
53
|
+
|
|
54
|
+
// &__sub-header,
|
|
55
|
+
// &__sub-header-holder p, &__text,
|
|
56
|
+
// &__text-holder p {
|
|
57
|
+
// @include benton-light();
|
|
58
|
+
// font-size: $subheading-size;
|
|
59
|
+
// }
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
// .ter-list-feat-main__header,
|
|
63
|
+
// .ter-list-feat-main__sub-header,
|
|
64
|
+
// .ter-list-feat-main__sub-header-holder,
|
|
65
|
+
// .ter-list-feat-main__text,
|
|
66
|
+
// .ter-list-feat-main__text-holder {
|
|
67
|
+
// opacity: 1;
|
|
68
|
+
// -webkit-transition: opacity 0.2s;
|
|
69
|
+
// -o-transition: opacity 0.2s;
|
|
70
|
+
// transition: opacity 0.2s;
|
|
71
|
+
// }
|
|
72
|
+
|
|
73
|
+
// .ter-variable-card {
|
|
74
|
+
// .ter-variable-card__header,
|
|
75
|
+
// .ter-variable-card__text,
|
|
76
|
+
// .ter-button,
|
|
77
|
+
// .luna-video-feat__thumbnail {
|
|
78
|
+
// opacity: 1;
|
|
79
|
+
// -webkit-transition: opacity 0.2s;
|
|
80
|
+
// -o-transition: opacity 0.2s;
|
|
81
|
+
// transition: opacity 0.2s;
|
|
82
|
+
// }
|
|
83
|
+
// }
|
|
84
|
+
|
|
85
|
+
// &--modal-deployed {
|
|
86
|
+
// overflow-y: visible;
|
|
87
|
+
|
|
88
|
+
// .ter-list-feat-main__header,
|
|
89
|
+
// .ter-list-feat-main__sub-header,
|
|
90
|
+
// .ter-list-feat-main__sub-header-holder,
|
|
91
|
+
// .ter-list-feat-main__text,
|
|
92
|
+
// .ter-list-feat-main__text-holder {
|
|
93
|
+
// opacity: 0;
|
|
94
|
+
// }
|
|
95
|
+
|
|
96
|
+
// .ter-variable-card {
|
|
97
|
+
// .ter-variable-card__header,
|
|
98
|
+
// .ter-variable-card__text,
|
|
99
|
+
// .ter-button,
|
|
100
|
+
// .luna-video-feat__thumbnail {
|
|
101
|
+
// opacity: 0;
|
|
102
|
+
// }
|
|
103
|
+
// }
|
|
104
|
+
// }
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// @media screen and (max-width: 800px) {
|
|
108
|
+
// .ter-list-feat-main__header,
|
|
109
|
+
// .ter-list-feat-main__sub-header {
|
|
110
|
+
// margin: 0;
|
|
111
|
+
// }
|
|
112
|
+
// }
|
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
@import "../../../global-styles/terra.scss";
|
|
2
|
-
|
|
3
|
-
.ter-list-feat-one {
|
|
4
|
-
margin: 0 auto;
|
|
5
|
-
display: flex;
|
|
6
|
-
display: -webkit-box;
|
|
7
|
-
display: -ms-flexbox;
|
|
8
|
-
justify-content: space-between;
|
|
9
|
-
-ms-flex-pack: distribute;
|
|
10
|
-
flex-wrap: wrap;
|
|
11
|
-
width: 1200px;
|
|
12
|
-
|
|
13
|
-
@media screen and (max-width: 1272px) {
|
|
14
|
-
width: auto;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&__column-card {
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
width: 500px;
|
|
21
|
-
height: auto;
|
|
22
|
-
margin-bottom: 50px;
|
|
23
|
-
|
|
24
|
-
@media screen and (max-width: 1075px) {
|
|
25
|
-
width: 455px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@media screen and (max-width: 1075px) {
|
|
29
|
-
width: auto;
|
|
30
|
-
flex-grow: 1;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&-header {
|
|
34
|
-
font-size: $heading-6-size;
|
|
35
|
-
line-height: 30.47px;
|
|
36
|
-
margin: 12px 24px;
|
|
37
|
-
@include benton-very-bold();
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&-text-holder {
|
|
41
|
-
flex-grow: 1;
|
|
42
|
-
margin: 24px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&-text, &-text-holder p {
|
|
46
|
-
font-size: $large-body-font-size;
|
|
47
|
-
line-height: 18.75px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.ter-button {
|
|
51
|
-
width: 144px;
|
|
52
|
-
justify-content: center;
|
|
53
|
-
margin: 0 24px;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&__link-holder {
|
|
58
|
-
@media screen and (max-width: 1075px) {
|
|
59
|
-
margin: 0 auto;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.ter-link-tile {
|
|
64
|
-
display: block;
|
|
65
|
-
margin: 0 auto 32px;
|
|
66
|
-
width: 500px;
|
|
67
|
-
height: calc(100% - 32px);
|
|
68
|
-
|
|
69
|
-
@media screen and (max-width: 1150px) {
|
|
70
|
-
width: 465px;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
@media screen and (max-width: 1075px) {
|
|
74
|
-
width: 500px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
@media screen and (max-width: 575px) {
|
|
78
|
-
width: 400px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@media screen and (max-width: 475px) {
|
|
82
|
-
width: 325px;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
@media screen and (max-width: 400px) {
|
|
86
|
-
width: auto;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.ter-link-card__body {
|
|
90
|
-
margin: 0;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
@import "../../../global-styles/terra.scss";
|
|
2
|
+
|
|
3
|
+
.ter-list-feat-one {
|
|
4
|
+
margin: 0 auto;
|
|
5
|
+
display: flex;
|
|
6
|
+
display: -webkit-box;
|
|
7
|
+
display: -ms-flexbox;
|
|
8
|
+
justify-content: space-between;
|
|
9
|
+
-ms-flex-pack: distribute;
|
|
10
|
+
flex-wrap: wrap;
|
|
11
|
+
width: 1200px;
|
|
12
|
+
|
|
13
|
+
@media screen and (max-width: 1272px) {
|
|
14
|
+
width: auto;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&__column-card {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
width: 500px;
|
|
21
|
+
height: auto;
|
|
22
|
+
margin-bottom: 50px;
|
|
23
|
+
|
|
24
|
+
@media screen and (max-width: 1075px) {
|
|
25
|
+
width: 455px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@media screen and (max-width: 1075px) {
|
|
29
|
+
width: auto;
|
|
30
|
+
flex-grow: 1;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&-header {
|
|
34
|
+
font-size: $heading-6-size;
|
|
35
|
+
line-height: 30.47px;
|
|
36
|
+
margin: 12px 24px;
|
|
37
|
+
@include benton-very-bold();
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&-text-holder {
|
|
41
|
+
flex-grow: 1;
|
|
42
|
+
margin: 24px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&-text, &-text-holder p {
|
|
46
|
+
font-size: $large-body-font-size;
|
|
47
|
+
line-height: 18.75px;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ter-button {
|
|
51
|
+
width: 144px;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
margin: 0 24px;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&__link-holder {
|
|
58
|
+
@media screen and (max-width: 1075px) {
|
|
59
|
+
margin: 0 auto;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ter-link-tile {
|
|
64
|
+
display: block;
|
|
65
|
+
margin: 0 auto 32px;
|
|
66
|
+
width: 500px;
|
|
67
|
+
height: calc(100% - 32px);
|
|
68
|
+
|
|
69
|
+
@media screen and (max-width: 1150px) {
|
|
70
|
+
width: 465px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@media screen and (max-width: 1075px) {
|
|
74
|
+
width: 500px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@media screen and (max-width: 575px) {
|
|
78
|
+
width: 400px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@media screen and (max-width: 475px) {
|
|
82
|
+
width: 325px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@media screen and (max-width: 400px) {
|
|
86
|
+
width: auto;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.ter-link-card__body {
|
|
90
|
+
margin: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
@import "../../../global-styles/terra.scss";
|
|
2
|
-
|
|
3
|
-
.ter-list-feat-two {
|
|
4
|
-
&__dumpling-container {
|
|
5
|
-
display: -webkit-box;
|
|
6
|
-
display: -ms-flexbox;
|
|
7
|
-
display: flex;
|
|
8
|
-
-ms-flex-wrap: wrap;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
|
-
margin: auto;
|
|
11
|
-
-webkit-box-pack: center;
|
|
12
|
-
-ms-flex-pack: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
|
|
15
|
-
.ter-headshot-dumpling {
|
|
16
|
-
width: 250px;
|
|
17
|
-
margin: 32px 16px 48px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
@import "../../../global-styles/terra.scss";
|
|
2
|
+
|
|
3
|
+
.ter-list-feat-two {
|
|
4
|
+
&__dumpling-container {
|
|
5
|
+
display: -webkit-box;
|
|
6
|
+
display: -ms-flexbox;
|
|
7
|
+
display: flex;
|
|
8
|
+
-ms-flex-wrap: wrap;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
margin: auto;
|
|
11
|
+
-webkit-box-pack: center;
|
|
12
|
+
-ms-flex-pack: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
|
|
15
|
+
.ter-headshot-dumpling {
|
|
16
|
+
width: 250px;
|
|
17
|
+
margin: 32px 16px 48px;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
20
|
}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
@import "../../../global-styles/terra.scss";
|
|
2
|
-
|
|
3
|
-
.ter-list-feat-four {
|
|
4
|
-
&__dumpling-container {
|
|
5
|
-
display: -webkit-box;
|
|
6
|
-
display: -ms-flexbox;
|
|
7
|
-
display: flex;
|
|
8
|
-
-ms-flex-wrap: wrap;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
|
-
margin: auto;
|
|
11
|
-
-webkit-box-pack: center;
|
|
12
|
-
-ms-flex-pack: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
|
|
15
|
-
.ter-feat-five__dumpling-wrapper {
|
|
16
|
-
width: 200px;
|
|
17
|
-
margin: 16px 16px 48px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.ter-dumpling {
|
|
22
|
-
a {
|
|
23
|
-
color: $trimble-dark-gray;
|
|
24
|
-
text-decoration: none;
|
|
25
|
-
|
|
26
|
-
&:hover {
|
|
27
|
-
text-decoration: none;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
}
|
|
1
|
+
@import "../../../global-styles/terra.scss";
|
|
2
|
+
|
|
3
|
+
.ter-list-feat-four {
|
|
4
|
+
&__dumpling-container {
|
|
5
|
+
display: -webkit-box;
|
|
6
|
+
display: -ms-flexbox;
|
|
7
|
+
display: flex;
|
|
8
|
+
-ms-flex-wrap: wrap;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
margin: auto;
|
|
11
|
+
-webkit-box-pack: center;
|
|
12
|
+
-ms-flex-pack: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
|
|
15
|
+
.ter-feat-five__dumpling-wrapper {
|
|
16
|
+
width: 200px;
|
|
17
|
+
margin: 16px 16px 48px;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ter-dumpling {
|
|
22
|
+
a {
|
|
23
|
+
color: $trimble-dark-gray;
|
|
24
|
+
text-decoration: none;
|
|
25
|
+
|
|
26
|
+
&:hover {
|
|
27
|
+
text-decoration: none;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
}
|