Skip to content

Instantly share code, notes, and snippets.

@timschoch
timschoch / SassMeister-input.scss
Created February 18, 2016 15:21
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
// why does this need interpolation to work?
@function capitalize( $string ) {
@return '#{to-upper-case(str-slice($string, 1, 1))}' + str-slice($string, 2);
}
works {
bar: capitalize( foo );
@timschoch
timschoch / SassMeister-input-HTML.html
Created February 16, 2016 11:53
Generated by SassMeister.com.
<div class="foo">
<input />
<button>Search</button>
</div>
<div class="bar">
<input />
<button>Search</button>
</div>
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
#s4-workspace {
position: fixed;
.lighten .swatch1 {
background-color: #f0803f;
}
.tint .swatch1 {
background-color: #ec712a;
}
.darken .swatch1 {
background-color: #bb4d0e;
@timschoch
timschoch / SassMeister-input-HTML.html
Created July 30, 2015 09:03
Generated by SassMeister.com.
<h2 style="clear:both">SPAN</h2>
<div><span>fjkasdö lfjaösdjkaösdjasd f</span></div>
<div><span>asdeljf aölsfj öasdjf ölasjdf öjasdö fjkasdöf</span></div>
<h2 style="clear:both">DIV</h2>
<div><div>fjkasdö lfjaösdjkaösdjasd f</div></div>
<div><div>asdeljf aölsfj öasdjf ölasjdf öjasdö fjkasdöf</div></div>
@timschoch
timschoch / SassMeister-input-HTML.html
Last active August 29, 2015 14:26
Generated by SassMeister.com.
<div><span>fjkasdö lfjaösdjkaösdjasd f</span></div>
<div><span>asdeljf aölsfj öasdjf ölasjdf öjasdö fjkasdöf</span></div>
@timschoch
timschoch / SassMeister-input-HTML.html
Last active August 29, 2015 14:25
Generated by SassMeister.com.
<h1>BoxShadow vs. Borders</h1>
<p>Try it out by clicking on the inputs below:</p>
<div style="width: 200px; float: left">
<input class="boxShadow" placeholder="These Inputs work" />
<input class="boxShadow" placeholder="nicely with" />
<input class="boxShadow" placeholder="animated Borders" />
<input type="submit" value="Submit" />
</div>
<div style="width: 200px; float: left">
<input class="border" placeholder="While these ones" />
@timschoch
timschoch / SassMeister-input-HTML.html
Last active October 13, 2015 09:41
Generated by SassMeister.com.
<p>This is a very nice looking P you have here, if I may say so.</p>
<p>See SCSS Line #74 to see how override works</p>
@timschoch
timschoch / SassMeister-input-HTML.html
Last active August 29, 2015 14:13
Generated by SassMeister.com.
<p>This is a very nice looking P you have here, if I may say so.</p>
<p>See SCSS Line #74 to see how override works</p>
@timschoch
timschoch / SassMeister-input-HTML.html
Last active August 29, 2015 14:13
Generated by SassMeister.com.
<ul>
<li><a href="#">Foo</a></li>
<li><a href="#">Bar</a></li>
<li><a href="#">Baz</a></li>
</ul>