marble
Version:
WeDeploy's style guide and UI components
2 lines (1 loc) • 1.85 kB
CSS
.update-header{left:0;margin:70px auto 50px auto;right:0;text-align:center;width:70%}.update-row{display:flex}.updates{background:rgba(14,20,26,0.03);margin-top:55px}.update .read-more{margin-top:20px}.update .read-more a{color:#282828;font-weight:400;text-decoration:underline}.update .update-timeline:before{background-color:#00d46a;bottom:0;content:'';margin-left:35px;position:absolute;top:0;width:2px;z-index:-1}.update .update-features{border-bottom:2px rgba(14,20,26,0.1) solid;padding:2em 0 3em 1em}.update-point{background-color:#FFF;border-radius:50%;border:solid 2px #00d46a}.minor-update .update-point{height:32px;margin:38px 20px 0;padding-top:4px;text-indent:-3em;width:32px}.major-update .update-point{font-size:26px;height:72px;line-height:44px;margin-top:16px;padding-top:11px;text-align:center;width:72px}.minor-update+div,.major-update+div{padding-top:44px }.update-feature{margin-bottom:3em}.update-feature .feature-icon{color:rgba(14,20,26,0.6)}.update-feature .feature-header{border-width:0;font-size:19px;margin-left:10px;margin:0;padding:0 15px 0 13px}.update-feature .feature-lead{color:#777;font-size:18px;margin:0;margin-top:20px;padding-right:15px}.update-feature .feature-topper{align-items:center;display:flex}@media screen and (max-width: 599px){.update .update-features{padding:0 0 2em 0}}@media screen and (max-width: 960px){.update{padding:0}.update .row{display:block;text-align:left}.update .update-timeline:before{display:none}.minor-update{margin-top:25px}.minor-update .update-point{background-color:transparent;border-width:0;font-size:20px;font-weight:600;margin:0 auto;text-align:center;text-decoration:underline;text-indent:0;width:auto}.major-update .update-point{border-width:0;margin:0 auto;text-decoration:underline;background:transparent}}@media (min-width: 960px){.updates{margin-top:105px}}