/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #31376b; color: #fff; font-size: 14px; line-height: 1.5; padding: 18px 0; } img { max-width: 100%; } a { color: #c02227; display: inline-block; font-weight: 700; } footer[role="contentinfo"] { font-size: 1rem; padding: 2rem; text-align: center; } footer[role="contentinfo"] .social { margin: 0 auto 2rem; } @media all and (min-width: 30rem) { footer[role="contentinfo"] .social { --social-icon-size: 2rem; } } footer[role="contentinfo"] .social ul { justify-content: center; } .links { margin: 2rem auto; } .links a { color: inherit; } .links ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; } .links li { margin: 1rem; } .brands { margin: 3rem auto; } .brands ul { align-items: center; } .brands a { display: block; } .brands img { display: block; max-height: 120px; width: 120px; -o-object-fit: contain; object-fit: contain; } .social ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -1rem; padding: 0; } .social li { margin: 0.5rem 1rem; } .social a { background: url(https://storage.googleapis.com/nianticweb-hosted/community-forum/social.svg) no-repeat left top; background-size: var(--social-icon-size) calc(var(--social-icon-size) * 5); color: transparent; display: block; height: var(--social-icon-size); overflow: hidden; width: var(--social-icon-size); } .social .social-facebook { background-position: left calc(0 * var(--social-icon-size)); } .social .social-instagram { background-position: left calc(-1 * var(--social-icon-size)); } .social .social-twitter { background-position: left calc(-2 * var(--social-icon-size)); } .social .social-youtube { background-position: left calc(-3 * var(--social-icon-size)); } @use 'sass:list';.social { --social-icon-size: 1.5rem } /*# sourceMappingURL=styles.css.map */

Have Feedback to share about Peridot? Join the conversation in Campfire. How To Access Campfire

Peridot 0.27.1 Release

NianticFiona

NianticFiona admin

December 2022 edited March 13 in News and Announcements

Hi Keepers,

We have recently released 0.27.1! There are no major updates with this release, but please download 0.27.1 to ensure you are having the best user experience.

-The Peridot Team

Post edited by NianticFiona on March 13

2 ·

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #31376b; color: #fff; font-size: 14px; line-height: 1.5; padding: 18px 0; } img { max-width: 100%; } a { color: #c02227; display: inline-block; font-weight: 700; } footer[role="contentinfo"] { font-size: 1rem; padding: 2rem; text-align: center; } footer[role="contentinfo"] .social { margin: 0 auto 2rem; } @media all and (min-width: 30rem) { footer[role="contentinfo"] .social { --social-icon-size: 2rem; } } footer[role="contentinfo"] .social ul { justify-content: center; } .links { margin: 2rem auto; } .links a { color: inherit; } .links ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; } .links li { margin: 1rem; } .brands { margin: 3rem auto; } .brands ul { align-items: center; } .brands a { display: block; } .brands img { display: block; max-height: 120px; width: 120px; -o-object-fit: contain; object-fit: contain; } .social ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -1rem; padding: 0; } .social li { margin: 0.5rem 1rem; } .social a { background: url(https://storage.googleapis.com/nianticweb-hosted/community-forum/social.svg) no-repeat left top; background-size: var(--social-icon-size) calc(var(--social-icon-size) * 5); color: transparent; display: block; height: var(--social-icon-size); overflow: hidden; width: var(--social-icon-size); } .social .social-facebook { background-position: left calc(0 * var(--social-icon-size)); } .social .social-instagram { background-position: left calc(-1 * var(--social-icon-size)); } .social .social-twitter { background-position: left calc(-2 * var(--social-icon-size)); } .social .social-youtube { background-position: left calc(-3 * var(--social-icon-size)); } @use 'sass:list';.social { --social-icon-size: 1.5rem } /*# sourceMappingURL=styles.css.map */