Created
May 6, 2015 18:29
-
-
Save starryeyez024/7e57be34b8e0cadf653d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="flexbox rh-standard-band--layout"> | |
| <div class="rh-standard-band-content" data-rh-layout="gallery3"> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/en/resources/camel-and-fabric-red-hat-jboss-fuse-environment"> Camel and Fabric in the Red Hat JBoss Fuse environment</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/en/resources/camel-and-fabric-red-hat-jboss-fuse-environment">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/zh/resources/integrate-your-business-with-red-hat-jboss-middleware"> 将您的业务与红帽 JBoss 中间件集成</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/zh/resources/integrate-your-business-with-red-hat-jboss-middleware">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/es/resources/benefits-migrating-to-modern-middleware">Analyst white paper: Benefits of Migration to Modern Middleware Services</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/es/resources/benefits-migrating-to-modern-middleware">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.13) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @media (max-width: 768px) and (min-width: 767px){ | |
| [data-rh-layout='gallery3'] > *:nth-child(2n) { | |
| margin-right: 0; | |
| } | |
| } | |
| @media (min-width: 480px) { | |
| .flexbox [data-rh-layout='gallery3'] { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| [data-rh-layout='gallery3'] > * { | |
| width: 31.61984%; | |
| float: left; | |
| margin-right: 2.57023%; | |
| } | |
| } | |
| .rh-card--layout[data-rh-theme~="gray"] { | |
| background: #f0f0f0; | |
| } | |
| .flexbox .rh-card--layout { | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| display: block; | |
| display: -ms-flexbox; | |
| } | |
| .rh-card--layout { | |
| position: relative; | |
| padding: 30px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media (max-width: 768px) and (min-width: 767px) { | |
| [data-rh-layout='gallery3'] > *:nth-child(2n) { | |
| margin-right: 0; | |
| } | |
| } | |
| @media (min-width: 480px) { | |
| .flexbox [data-rh-layout='gallery3'] { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| [data-rh-layout='gallery3'] > * { | |
| width: 31.61984%; | |
| float: left; | |
| margin-right: 2.57023%; | |
| } | |
| } | |
| .rh-card--layout[data-rh-theme~="gray"] { | |
| background: #f0f0f0; | |
| } | |
| .flexbox .rh-card--layout { | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| display: block; | |
| display: -ms-flexbox; | |
| } | |
| .rh-card--layout { | |
| position: relative; | |
| padding: 30px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="flexbox rh-standard-band--layout"> | |
| <div class="rh-standard-band-content" data-rh-layout="gallery3"> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/en/resources/camel-and-fabric-red-hat-jboss-fuse-environment"> Camel and Fabric in the Red Hat JBoss Fuse environment</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/en/resources/camel-and-fabric-red-hat-jboss-fuse-environment">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/zh/resources/integrate-your-business-with-red-hat-jboss-middleware"> 将您的业务与红帽 JBoss 中间件集成</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/zh/resources/integrate-your-business-with-red-hat-jboss-middleware">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| <div class="rh-card--layout views-row" data-rh-justify="justify" data-rh-theme="gray"> | |
| <div class="rh-card-content"> | |
| <div class="rh-default--component"> | |
| <h3><a href="/es/resources/benefits-migrating-to-modern-middleware">Analyst white paper: Benefits of Migration to Modern Middleware Services</a></h3> | |
| </div> | |
| </div> | |
| <footer class="rh-card-footer"> | |
| <div class="rh-cta--component"> | |
| <a class="rh-cta-link" data-rh-cta-type="primary" href="/es/resources/benefits-migrating-to-modern-middleware">Read more</a> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment