Erik Flowers erikflowers

	Feature: This is for the user notification indicator that is up in the top right of the main meny bar.

	Scenario: On the top right of the main menu the user should see a notification indicator
	Given that the user is logged in
	Then the notification box should be visible

	Scenario: If the user has no notifications, they will see the notificaton box as grayed out with a zero in it
	Given that the user is logged in
	And they have no new notifications
	And they have no inbox notifications

	// the retina mixin. An example goes: .at2x(img/[email protected], 650px, 150px, top, left, no-repeat, scroll)
	// Put the size that the image appears on a non-retina, e.g. if it's a 200px x 200px non-retina, that is the effective size. The @2x 400px x 400px is calculated automatically. The order to type it is width then height.
	// A modification of the retina.js less mixin - https://github.com/imulus/retinajs


	@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
	.at2x(@path, @w: auto, @h: auto, @xpos: 0, @ypos: 0, @repeat: no-repeat, @attachment: scroll) {
	background-image: url(@path);
	background-position: @xpos @ypos;
	background-repeat: @repeat;

	http://aaronweyenberg.com/1934/why-im-not-a-ux-designer-and-neither-are-you/comment-page-1#comment-2661

	"UX Designer as a title seems meant to convey to recruiters
	and teammates as an indicator of being evolved in one’s craft;
	that you subscribe to Design Thinking. This moves the designer
	away from the notion that designs are created in a vacuum,
	without real human world context. It may also imply some
	capability in UX Research, at least in observation and artifact
	collection and generation. Point is, this posture is often
	expected in the workplace and so the title is adopted.

-$(document).ready detectMobileDisable = ->
-  ua = navigator.userAgent.toLowerCase()
-  if (ua.indexOf("android") > -1) or (ua.indexOf("iphone") > -1) or (ua.indexOf("ipod") > -1) or (ua.indexOf("ipad") > -1)
-    $(document).ready ->
-      $("#element_to_unstick").addClass "noStick"
-      $("#element_that_needs_buffer_offset").addClass "noBuffer"

	.background-cover(@cover: cover) {
	-webkit-background-size: @cover;
	-moz-background-size: @cover;
	-o-background-size: @cover;
	background-size: @cover;
	}

	.expanded {
	> label {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	<!-- HSL snippet -->

	<snippet>
	<content><![CDATA[
	hsl(${1:0}, ${2:100}%, ${3:100}%)
	]]></content>
	<tabTrigger>hsl</tabTrigger>
	<scope>source.css, source.scss, source.sass, source.less</scope>
	<description>hsl()</description>
	</snippet>