No notes defined.
<div class="feature-highlight">
<div class="wrapper">
<div class="row">
<div class="col-5">
<h3><svg role="img" class="feature-highlight__icon">
<use xlink:href="../../svg/svg-symbols.svg#commerce"></use>
</svg> Commerce</h3>
<p>Commerce makes it easy to sell online exactly the way you want. Extend functionality with our Payment Methods and Modules or build your own. Backed by our excellent support, Commerce is the best solution for creating an online store with MODX Revolution.</p>
<p><a href="#">Learn more<svg role="img" class="link-arrow">
<use xlink:href="../../svg/svg-symbols.svg#link-arrow"></use>
</svg></a></p>
</div>
<div class="col-6 col-offset-1">
<img src="../../images/fractal/browser-commerce-products.png">
</div>
</div>
<div class="row">
<div class="col-6">
<img src="../../images/fractal/browser-commerce-products.png">
</div>
<div class="col-5 col-offset-1">
<h3><svg role="img" class="feature-highlight__icon">
<use xlink:href="../../svg/svg-symbols.svg#moregallery"></use>
</svg> MoreGalery</h3>
<p>Commerce makes it easy to sell online exactly the way you want. Extend functionality with our Payment Methods and Modules or build your own. Backed by our excellent support, Commerce is the best solution for creating an online store with MODX Revolution.</p>
<p><a href="#">Learn more<svg role="img" class="link-arrow">
<use xlink:href="../../svg/svg-symbols.svg#link-arrow"></use>
</svg></a></p>
</div>
</div>
<div class="row">
<div class="col-5">
<h3><svg role="img" class="feature-highlight__icon">
<use xlink:href="../../svg/svg-symbols.svg#contentblocks"></use>
</svg> ContentBlocks</h3>
<p>Commerce makes it easy to sell online exactly the way you want. Extend functionality with our Payment Methods and Modules or build your own. Backed by our excellent support, Commerce is the best solution for creating an online store with MODX Revolution.</p>
<p><a href="#">Learn more<svg role="img" class="link-arrow">
<use xlink:href="../../svg/svg-symbols.svg#link-arrow"></use>
</svg></a></p>
</div>
<div class="col-6 col-offset-1">
<img src="../../images/fractal/browser-commerce-products.png">
</div>
</div>
<div class="row">
<div class="col-6">
<img src="../../images/fractal/browser-commerce-products.png">
</div>
<div class="col-5 col-offset-1">
<h3><svg role="img" class="feature-highlight__icon">
<use xlink:href="../../svg/svg-symbols.svg#redactor"></use>
</svg> Redactor</h3>
<p>Commerce makes it easy to sell online exactly the way you want. Extend functionality with our Payment Methods and Modules or build your own. Backed by our excellent support, Commerce is the best solution for creating an online store with MODX Revolution.</p>
<p><a href="#">Learn more<svg role="img" class="link-arrow">
<use xlink:href="../../svg/svg-symbols.svg#link-arrow"></use>
</svg></a></p>
</div>
</div>
</div>
</div>
/* No context defined. */
.feature-highlight .row {
margin-top: 4em;
margin-bottom: 4em;
}
.feature-highlight h3 {
margin-top: 0;
}
.feature-highlight__icon {
height: 26px;
width: 26px;
margin-right: 5px;
position: relative;
top: 4px;
}
/*# sourceMappingURL=feature-highlight.css.map */
{"version":3,"sourceRoot":"","sources":["feature-highlight.scss"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAGD;EACC;;;AAWD;EACC;EACA;EACA;EACA;EACA","file":"feature-highlight.css"}
.feature-highlight .row {
margin-top: 4em;
margin-bottom: 4em;
}
.feature-highlight h3 {
margin-top: 0;
// @include bp(bp5) {
// margin-top: 2em;
// }
// @include bp(bp6) {
// margin-top: 3em;
// }
}
.feature-highlight__icon {
height: 26px;
width: 26px;
margin-right: 5px;
position: relative;
top: 4px;
}