/* * 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 Bug Board

/* * 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 */

Peridot Bug Board

Category List