This file contains 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
// ---- | |
// 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 ); |
This file contains 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="foo"> | |
<input /> | |
<button>Search</button> | |
</div> | |
<div class="bar"> | |
<input /> | |
<button>Search</button> | |
</div> |
This file contains 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
<!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; |
This file contains 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
.lighten .swatch1 { | |
background-color: #f0803f; | |
} | |
.tint .swatch1 { | |
background-color: #ec712a; | |
} | |
.darken .swatch1 { | |
background-color: #bb4d0e; |
This file contains 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
<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> |
This file contains 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><span>fjkasdö lfjaösdjkaösdjasd f</span></div> | |
<div><span>asdeljf aölsfj öasdjf ölasjdf öjasdö fjkasdöf</span></div> |
This file contains 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
<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" /> |
This file contains 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
<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> |
This file contains 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
<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> |
This file contains 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
<ul> | |
<li><a href="#">Foo</a></li> | |
<li><a href="#">Bar</a></li> | |
<li><a href="#">Baz</a></li> | |
</ul> |