.rsf-footer { background: #6e6e6e; color: #f0f0f0; display: flex; flex-direction: column; padding: 0; } .rsf-footer * { box-sizing: border-box; } .rsf-footer__container { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1264px; padding: 80px 16px 32px; width: 100%; } .rsf-footer__section { padding: 0 8px 48px; width: 100%; } .rsf-footer__section header { color: #a9a9a9; font-size: 12px; font-weight: bold; line-height: 15px; margin-bottom: 20px; text-transform: uppercase; } .rsf-footer__nav > ul { list-style-type: none; margin: 0; padding: 0; } .rsf-footer__nav a { color: #f0f0f0 !important; display: block; font-size: 16px; line-height: 24px; padding-bottom: 4px; text-decoration: none; } .rfs-footer__links-container { background: #fff; } .rfs-footer__links { color: #262626; display: block; font-size: 14px; margin: 0 auto; max-width: 1264px; padding: 20px 24px; text-align: center; } .rfs-footer__links a, .rfs-footer__links span { color: #262626 !important; display: block; padding: 0 0 4px 0; } @media (min-width: 421px) { .rsf-footer__section { width: 50%; } } @media (min-width: 701px) { .rsf-footer__container { padding-left: 24px; padding-right: 24px; } .rsf-footer__section { width: 33.33%; } .rfs-footer__links { text-align: left; padding: 20px 32px; } .rfs-footer__links a, .rfs-footer__links span { display: inline-block; } .rfs-footer__links a::before { content: "|"; display: inline-block; padding: 0 6px; } } @media (min-width: 1081px) { .rsf-footer__section { width: 25%; } }

ModPos

ModPos vs Modifying Values

702 views 6 comments 0 points Most recent by soup March 2019RobotStudio

.rsf-footer { background: #6e6e6e; color: #f0f0f0; display: flex; flex-direction: column; padding: 0; } .rsf-footer * { box-sizing: border-box; } .rsf-footer__container { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1264px; padding: 80px 16px 32px; width: 100%; } .rsf-footer__section { padding: 0 8px 48px; width: 100%; } .rsf-footer__section header { color: #a9a9a9; font-size: 12px; font-weight: bold; line-height: 15px; margin-bottom: 20px; text-transform: uppercase; } .rsf-footer__nav > ul { list-style-type: none; margin: 0; padding: 0; } .rsf-footer__nav a { color: #f0f0f0 !important; display: block; font-size: 16px; line-height: 24px; padding-bottom: 4px; text-decoration: none; } .rfs-footer__links-container { background: #fff; } .rfs-footer__links { color: #262626; display: block; font-size: 14px; margin: 0 auto; max-width: 1264px; padding: 20px 24px; text-align: center; } .rfs-footer__links a, .rfs-footer__links span { color: #262626 !important; display: block; padding: 0 0 4px 0; } @media (min-width: 421px) { .rsf-footer__section { width: 50%; } } @media (min-width: 701px) { .rsf-footer__container { padding-left: 24px; padding-right: 24px; } .rsf-footer__section { width: 33.33%; } .rfs-footer__links { text-align: left; padding: 20px 32px; } .rfs-footer__links a, .rfs-footer__links span { display: inline-block; } .rfs-footer__links a::before { content: "|"; display: inline-block; padding: 0 6px; } } @media (min-width: 1081px) { .rsf-footer__section { width: 25%; } }

ModPos

Discussion List