trimble-terra 1.4.4 → 1.5.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/src/navigation/SiteNav/SiteNav.css +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.css +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.js +1 -2
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/WaffleMenu/WaffleMenu.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:6;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-wrapper--scrollable{max-height:100vh;overflow-y:scroll;padding-bottom:60px}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:7;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|
|
1
|
+
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:4;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-wrapper--scrollable{max-height:100vh;overflow-y:scroll;padding-bottom:60px}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:2;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:
|
|
1
|
+
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:0;padding-right:0}@media(max-width:1279.98px){.t2-waffle-menu{display:none}}.t2-waffle-menu--active{box-shadow:0 4px 8px #0000001f}.t2-waffle-menu--active>.t2-waffle-menu__selector{background-color:#fff}.t2-waffle-menu--active .t2-waffle-menu__color-bar--gold,.t2-waffle-menu:hover .t2-waffle-menu__color-bar--gold{opacity:1}.t2-waffle-menu__color-bar{background-color:#fff;width:calc(100% - 24px);height:5px;bottom:-3px;z-index:4;position:absolute;display:block}.t2-waffle-menu__color-bar--gold{position:absolute;border-bottom:3px solid #fbad26;z-index:5;bottom:0;width:100%;height:3px;left:0;right:0;opacity:0}.t2-waffle-menu__selector{height:100%;display:flex;align-items:center;position:relative;padding-left:12px;padding-right:12px}.t2-waffle-menu__selector__button{cursor:pointer;height:21px;width:21px;padding:0;line-height:0;color:#353a40;background:none;border:none;border-bottom:3px solid transparent}.t2-waffle-menu__selector__button__icon{display:block}.t2-waffle-menu__selector__button--active,.t2-waffle-menu__selector__button:hover{z-index:5;position:relative}.t2-waffle-menu__drop-down{display:none;position:absolute;background:#fff;box-shadow:0 4px 8px #3635451a,0 4px 8px #3635451a;border-radius:0 0 3px 3px;width:360px;left:calc(50% - 180px);z-index:1}.t2-waffle-menu__drop-down--active{display:block}.t2-waffle-menu__drop-down__options{list-style:none;padding:0;margin:0}.t2-waffle-menu__drop-down__menu-item{padding:20px;color:#353a40;margin:0;border-bottom:1px solid #f1f2f7}.t2-waffle-menu__drop-down__menu-item__title{font-size:.9375rem;line-height:1.625rem;font-weight:700;letter-spacing:.1px;margin:0;text-transform:uppercase}.t2-waffle-menu__drop-down__menu-item__description{font-size:.75rem;line-height:18px;text-transform:none;font-weight:400}.t2-waffle-menu__drop-down__menu-item__cta__link{font-size:.875rem!important;line-height:1.5rem!important;font-weight:500!important;color:#353a40!important;margin:0!important;text-decoration:none;text-transform:none;border-bottom:3px solid #fbad26}.t2-waffle-menu__drop-down__menu-item__cta__link:focus,.t2-waffle-menu__drop-down__menu-item__cta__link:active,.t2-waffle-menu__drop-down__menu-item__cta__link:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:visited:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:active:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:focus:hover{text-decoration:none}.t2-waffle-menu__drop-down__footer{background-color:#f8f8fb;padding:20px;font-size:.875rem;line-height:.875rem}.t2-waffle-menu__drop-down__footer__link{margin:0!important;text-decoration:none;color:#0063a3}.t2-waffle-menu-mobile{position:absolute;transition:right .3s ease;overflow:hidden;right:-100%;opacity:0}.t2-waffle-menu-mobile--open{transition:right .3s ease;position:fixed;inset:70px 0 0;background:#fff;z-index:8;opacity:1;height:auto;overflow-y:scroll}.t2-waffle-menu-mobile__back-button{background-color:#0063a3;width:100%;height:60px;padding:0 20px;color:#fff;display:flex;align-items:center}.t2-waffle-menu-mobile__back-button div{margin-right:5px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WaffleMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAG3B,UAAU,eAAe;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE;QACd,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,GAAG,EAAE,GAAG,CAAC;QACT,kBAAkB,EAAE,OAAO,CAAC;QAC5B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,
|
|
1
|
+
{"version":3,"file":"WaffleMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAG3B,UAAU,eAAe;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE;QACd,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,GAAG,EAAE,GAAG,CAAC;QACT,kBAAkB,EAAE,OAAO,CAAC;QAC5B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,gCAiGrE,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -25,13 +25,12 @@ const p = ({ waffleMenuData: e, LinkComponent: n }) => {
|
|
|
25
25
|
className: `t2-waffle-menu ${e?.waffleMenuDeployed ? "t2-waffle-menu--active" : ""}`,
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ l("span", { className: "t2-waffle-menu__color-bar" }),
|
|
28
|
-
/* @__PURE__ */ r("div", { className: "t2-waffle-menu__selector", children: [
|
|
28
|
+
/* @__PURE__ */ r("div", { className: "t2-waffle-menu__selector", onClick: _, children: [
|
|
29
29
|
/* @__PURE__ */ l(
|
|
30
30
|
"button",
|
|
31
31
|
{
|
|
32
32
|
type: "button",
|
|
33
33
|
className: `t2-waffle-menu__selector__button ${e?.waffleMenuDeployed ? "t2-waffle-menu__selector__button--active" : ""}`,
|
|
34
|
-
onClick: _,
|
|
35
34
|
children: /* @__PURE__ */ l(m, {})
|
|
36
35
|
}
|
|
37
36
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:
|
|
1
|
+
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:0;padding-right:0}.t2-site-navigation:not([data-nav-lg]) .t2-waffle-menu{display:none}.t2-waffle-menu--active{box-shadow:0 4px 8px #0000001f}.t2-waffle-menu--active>.t2-waffle-menu__selector{background-color:#fff}.t2-waffle-menu--active .t2-waffle-menu__color-bar--gold,.t2-waffle-menu:hover .t2-waffle-menu__color-bar--gold{opacity:1}.t2-waffle-menu__color-bar{background-color:#fff;width:calc(100% - 24px);height:5px;bottom:-3px;z-index:4;position:absolute;display:block}.t2-waffle-menu__color-bar--gold{position:absolute;border-bottom:3px solid #fbad26;z-index:5;bottom:0;width:100%;height:3px;opacity:0;left:0;right:0}.t2-waffle-menu__selector{height:100%;display:flex;align-items:center;position:relative;padding-left:12px;padding-right:12px;cursor:pointer}.t2-waffle-menu__selector__button{cursor:pointer;height:21px;width:21px;padding:0;line-height:0;color:#353a40;background:none;border:none;border-bottom:3px solid transparent}.t2-waffle-menu__selector__button__icon{display:block}.t2-waffle-menu__selector__button--active,.t2-waffle-menu__selector__button:hover{z-index:5;position:relative}.t2-waffle-menu__drop-down{display:none;position:absolute;background:#fff;box-shadow:0 4px 8px #3635451a,0 4px 8px #3635451a;border-radius:0 0 3px 3px;width:360px;left:calc(50% - 180px);z-index:7}.t2-waffle-menu__drop-down--active{display:block}.t2-waffle-menu__drop-down__options{list-style:none;padding:0;margin:0}.t2-waffle-menu__drop-down__menu-item{padding:20px;color:#353a40;margin:0;border-bottom:1px solid #f1f2f7}.t2-waffle-menu__drop-down__menu-item__title{font-size:.9375rem;line-height:1.625rem;font-weight:700;letter-spacing:.1px;margin:0;text-transform:uppercase}.t2-waffle-menu__drop-down__menu-item__description{font-size:.75rem;line-height:18px;text-transform:none;font-weight:400}.t2-waffle-menu__drop-down__menu-item__cta__link{font-size:.875rem!important;line-height:1.5rem!important;font-weight:500!important;color:#353a40!important;margin:0!important;text-decoration:none;text-transform:none;border-bottom:3px solid #fbad26}.t2-waffle-menu__drop-down__menu-item__cta__link:focus,.t2-waffle-menu__drop-down__menu-item__cta__link:active,.t2-waffle-menu__drop-down__menu-item__cta__link:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:visited:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:active:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:focus:hover{text-decoration:none}.t2-waffle-menu__drop-down__footer{background-color:#f8f8fb;padding:20px;font-size:.875rem;line-height:.875rem}.t2-waffle-menu__drop-down__footer__link{margin:0!important;text-decoration:none;color:#0063a3}.t2-waffle-menu-mobile{position:absolute;transition:right .3s ease;overflow:hidden;right:-100%;opacity:0}.t2-waffle-menu-mobile--open{transition:right .3s ease;position:fixed;inset:70px 0 0;background:#fff;z-index:8;opacity:1;height:auto;overflow-y:scroll}.t2-waffle-menu-mobile__back-button{background-color:#0063a3;width:100%;height:60px;padding:0 20px;color:#fff;display:flex;align-items:center}.t2-waffle-menu-mobile__back-button div{margin-right:5px}
|