/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { background: #2A3647; height: 84px; } .footer { background: #FFFFFF; color: #192435; font-size: 18px; font-weight: 300; line-height: 1.5; padding: 80px 0 40px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-upper { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 48px; padding-top: 80px; border-style: solid hidden hidden hidden; border-color: #E1E1FF; } .footer-upper > div { display:flex; flex-flow: column; } .footer-upper a { line-height: 30px; text-decoration: none; color: #192435; margin-bottom: 10px; display: inline-block; position: relative; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1); width: fit-content; } .footer-upper a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 3px; left: 0; opacity: 0; border-radius: 1px; background-color: #017737; transform-origin: bottom right; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1), opacity 0.25s cubic-bezier(0.4,0,0.2,1); transition-delay: 0.15s; } .footer-upper a:hover { transform: translateY(-2px); } .footer-upper a:hover::after { transform: scaleX(1); opacity: 1; transform-origin: bottom left; } .column-title { font-weight: 700; margin-bottom: 10px; color: #192435; } .social-row { margin-top: 44px; display: flex; justify-content: end; } .social-row a { opacity: 72%; } .social-row a:hover { opacity: 100%; } .social-row svg { height: 25px; width: 25px; margin-left: 20px; fill: #192435; } .footer-lower { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; font-size: 14px; line-height: 25px; } .lower-left { display: flex; } .lower-left a { opacity: 72%; text-decoration: none; color: #192435; text-decoration-thickness: 1px !important; text-decoration-color: #192435 !important; } .lower-left a:hover { text-decoration: underline; opacity: 100%; } .pd { opacity: 72%; } .divider { margin: 0 10px; } @media screen and (max-width: 768px) { .social-row { justify-content: start; } .social-row svg { margin-left: 0; margin-right: 20px } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Community Roundup - Volume 9 🗣️

Inês Batata

Inês Batata Admin Posts: 3,153 COMMUNITY MANAGER

2500 Comments

Second Anniversary

5 Likes

First Answer

January 2021 edited July 24 in Apps and Integrations #1

2021 may still be recovering from the champagne and confetti but in Community we hit the ground running.

Check out this week's selection of top posts, and join in on the discussion!

🔥 Happy New Year Emails: 8 Templates for Your New Year Email Campaign

🔥 How to Use Pipedrive to Automate Estimation Workflows

🔥 Can You Automatically Unfollow Deals When Ownership Changes?

➡️ Follow the Community Roundup topic and never miss the trending discussions!

🚨 See a cool discussion we didn't spot? Tag @Inês Batata so we can include it next time!

0

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { background: #2A3647; height: 84px; } .footer { background: #FFFFFF; color: #192435; font-size: 18px; font-weight: 300; line-height: 1.5; padding: 80px 0 40px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-upper { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 48px; padding-top: 80px; border-style: solid hidden hidden hidden; border-color: #E1E1FF; } .footer-upper > div { display:flex; flex-flow: column; } .footer-upper a { line-height: 30px; text-decoration: none; color: #192435; margin-bottom: 10px; display: inline-block; position: relative; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1); width: fit-content; } .footer-upper a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 3px; left: 0; opacity: 0; border-radius: 1px; background-color: #017737; transform-origin: bottom right; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1), opacity 0.25s cubic-bezier(0.4,0,0.2,1); transition-delay: 0.15s; } .footer-upper a:hover { transform: translateY(-2px); } .footer-upper a:hover::after { transform: scaleX(1); opacity: 1; transform-origin: bottom left; } .column-title { font-weight: 700; margin-bottom: 10px; color: #192435; } .social-row { margin-top: 44px; display: flex; justify-content: end; } .social-row a { opacity: 72%; } .social-row a:hover { opacity: 100%; } .social-row svg { height: 25px; width: 25px; margin-left: 20px; fill: #192435; } .footer-lower { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; font-size: 14px; line-height: 25px; } .lower-left { display: flex; } .lower-left a { opacity: 72%; text-decoration: none; color: #192435; text-decoration-thickness: 1px !important; text-decoration-color: #192435 !important; } .lower-left a:hover { text-decoration: underline; opacity: 100%; } .pd { opacity: 72%; } .divider { margin: 0 10px; } @media screen and (max-width: 768px) { .social-row { justify-content: start; } .social-row svg { margin-left: 0; margin-right: 20px } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */