Skip to content

Instantly share code, notes, and snippets.

@df2k2

df2k2/SassMeister-input-HTML.html

Created December 10, 2015 04:57
Show Gist options
  • Save df2k2/72a17cf48b77a8a72e46 to your computer and use it in GitHub Desktop.
Save df2k2/72a17cf48b77a8a72e46 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div id="footer-wrap">
<div class="footer">
<div id="magento-com">
<div class="intro-paragraph">
<div class="container">
<a href="http://www.magento.com/"><img alt="Magento an ebay inc company" id="logo" src="/i/logo-gl-footer.png"></a>
<h3>eCommerce platform, solutions and services<br> to help grow your business.</h3>
</div>
</div>
<div class="container">
<div id="f-col-1">
<h4>Learn more</h4>
<ul style="margin-bottom: 40px;" class="nav">
<li><a title="Company" href="http://magento.com/company/about-us">Company</a></li>
<li><a title="Careers" href="http://magento.com/company/careers">Careers</a></li>
<li><a title="Press Room" href="http://magento.com/company/press-room">Press Room</a></li>
</ul>
</div>
<div id="f-col-2">
<div id="social-network">
<h4>Find us on</h4>
<ul>
<li><a href="http://www.facebook.com/magento" target="_blank" class="btn-facebook">Magento Facebook</a>
</li>
<li><a href="https://twitter.com/magento" target="_blank" class="btn-twitter">Magento Twitter</a></li>
<li><a href="http://www.linkedin.com/groups?home=&amp;gid=146360&amp;trk=anet_ug_hm" target="_blank" class="btn-lnkdn">Magento Linkedin</a></li>
<li><a href="https://plus.google.com/+magento/posts" target="_blank" class="btn-gplus">Magento Google+</a></li>
<li><a href="http://www.youtube.com/user/magentocommerce/featured" target="_blank" class="btn-youtube">Magento
Youtube</a></li>
</ul>
</div>
</div>
<div id="f-col-3">
<div id="newsletter">
<h4>GET THE LATEST NEWS</h4>
<p>See Magento in the news, find press<br> releases and resources for media.</p>
<div class="hold-form">
<div id="nws-notsubscribed">
<div class="sb-email" id="sb-email">
<form onsubmit="return validateForm();" name="mktForm_1182" class="mktform" id="mktForm_1182" action="//info2.magento.com/index.php/leadCapture/save" enctype="application/x-www-form-urlencoded" method="post">
<input placeholder="Email Address" id="Email" name="Email" class="fValidate['email'] input-topbg sb-email-input">
<input type="hidden" value="1182" name="formid">
<button class="sb-icon-submit btn outline" type="submit">
Submit
</button>
<span class="sb-icon-email btn outline">
Sign Up
</span>
</form>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="email-invalid hide">
<p>Please submit a valid email.</p>
</div>
<div class="email-ty hide">
<p>Thank you for submitting your email.</p>
</div>
</div>
</div>
<div id="f-col-4">
<div class="contact-us">
<h4>Get in touch</h4>
<p>We'd like to hear from you! Call us, <br>send us an email or talk to sales.</p>
<a class="btn btn-outline" href="http://magento.com/company/contact-us">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div id="copyright">
<div class="container">
<div class="copyright-links">
<ul class="nav">
<li><a href="http://magento.com/legal/terms/privacy" title="Privacy Policy">Privacy Policy</a></li>
<li><a href="http://magento.com/legal/terms" title="Terms of Service">Terms of Service</a></li>
<li><a href="http://magento.com/legal/licensing" title="License/Trademark FAQ">License/Trademark
FAQ</a></li>
</ul>
</div>
<div class="copyright-date">&copy; 2015 Magento, Inc. All rights reserved.</div>
</div>
</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Bourbon (v4.2.3)
// Fancy Buttons (v1.2.0)
// Neat (v1.6.0)
// ----
@import "compass";
@import "fancy-buttons";
@import "bourbon/bourbon";
@import "neat/neat";
Raw
SassMeister-output.css
/* incase an inverted custom gradient isn't specified */
.fancy-button-reset-base-class {
font-family: "Lucida Grande", Lucida, Arial, sans-serif;
background: url('/images/button_bg.png') repeat-x bottom left;
margin: 0;
width: auto;
overflow: visible;
display: inline-block;
cursor: pointer;
text-decoration: none;
border-style: solid;
font-weight: bold;
}
.fancy-button-reset-base-class::-moz-focus-inner {
border: none;
padding: 0;
}
.fancy-button-reset-base-class:focus {
outline: none;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Raw
SassMeister-rendered.html
<div id="footer-wrap">
<div class="footer">
<div id="magento-com">
<div class="intro-paragraph">
<div class="container">
<a href="http://www.magento.com/"><img alt="Magento an ebay inc company" id="logo" src="/i/logo-gl-footer.png"></a>
<h3>eCommerce platform, solutions and services<br> to help grow your business.</h3>
</div>
</div>
<div class="container">
<div id="f-col-1">
<h4>Learn more</h4>
<ul style="margin-bottom: 40px;" class="nav">
<li><a title="Company" href="http://magento.com/company/about-us">Company</a></li>
<li><a title="Careers" href="http://magento.com/company/careers">Careers</a></li>
<li><a title="Press Room" href="http://magento.com/company/press-room">Press Room</a></li>
</ul>
</div>
<div id="f-col-2">
<div id="social-network">
<h4>Find us on</h4>
<ul>
<li><a href="http://www.facebook.com/magento" target="_blank" class="btn-facebook">Magento Facebook</a>
</li>
<li><a href="https://twitter.com/magento" target="_blank" class="btn-twitter">Magento Twitter</a></li>
<li><a href="http://www.linkedin.com/groups?home=&amp;gid=146360&amp;trk=anet_ug_hm" target="_blank" class="btn-lnkdn">Magento Linkedin</a></li>
<li><a href="https://plus.google.com/+magento/posts" target="_blank" class="btn-gplus">Magento Google+</a></li>
<li><a href="http://www.youtube.com/user/magentocommerce/featured" target="_blank" class="btn-youtube">Magento
Youtube</a></li>
</ul>
</div>
</div>
<div id="f-col-3">
<div id="newsletter">
<h4>GET THE LATEST NEWS</h4>
<p>See Magento in the news, find press<br> releases and resources for media.</p>
<div class="hold-form">
<div id="nws-notsubscribed">
<div class="sb-email" id="sb-email">
<form onsubmit="return validateForm();" name="mktForm_1182" class="mktform" id="mktForm_1182" action="//info2.magento.com/index.php/leadCapture/save" enctype="application/x-www-form-urlencoded" method="post">
<input placeholder="Email Address" id="Email" name="Email" class="fValidate['email'] input-topbg sb-email-input">
<input type="hidden" value="1182" name="formid">
<button class="sb-icon-submit btn outline" type="submit">
Submit
</button>
<span class="sb-icon-email btn outline">
Sign Up
</span>
</form>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="email-invalid hide">
<p>Please submit a valid email.</p>
</div>
<div class="email-ty hide">
<p>Thank you for submitting your email.</p>
</div>
</div>
</div>
<div id="f-col-4">
<div class="contact-us">
<h4>Get in touch</h4>
<p>We'd like to hear from you! Call us, <br>send us an email or talk to sales.</p>
<a class="btn btn-outline" href="http://magento.com/company/contact-us">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div id="copyright">
<div class="container">
<div class="copyright-links">
<ul class="nav">
<li><a href="http://magento.com/legal/terms/privacy" title="Privacy Policy">Privacy Policy</a></li>
<li><a href="http://magento.com/legal/terms" title="Terms of Service">Terms of Service</a></li>
<li><a href="http://magento.com/legal/licensing" title="License/Trademark FAQ">License/Trademark
FAQ</a></li>
</ul>
</div>
<div class="copyright-date">&copy; 2015 Magento, Inc. All rights reserved.</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment