tdrach

<section class="card is-card-deep">
	<header class="card__header">
		<h1 class="card__title">Customer Rating</h1>
		<a class="card__back" href="<!-- @path index -->">
			<i class="card__back-icon"></i>Back
		</a>
	</header>
	<ul class="deep">
		<li class="deep__rating-molecule">
			<span class="deep__rating-value">2 star<sup class="deep__rating-yelp"></sup></span>

tdrach

@function strip-unit($num) {
  @return $num / ($num * 0 + 1);
}

@mixin rem($property, $values...) {
  $max: length($values);
  $pxValues: '';
  $remValues: '';

  @for $i from 1 through $max {

tdrach

var deviceHeight = $(window).height();
var scrollValue = 0;

$(window).scroll(function() {
  scrollValue = $(window).scrollTop();
  
  if(scrollValue > deviceHeight) {
    console.log("Blow shit up");
  }
  

tdrach

// Mixin
@mixin vp($property, $values) {
  -webkit-#{$property}: #{$values};
  -ms-#{$property}: #{$values};
  -moz-#{$property}: #{$values};
  -o-#{$property}: #{$values};
  #{$property}: #{$values};
}

// Mixin - Usage

tdrach

$(".account__settings-form").on("click", ".is-unlocked", function(event) {
  console.log("clicked");
});

tdrach

$(".account__settings-form").on("click", ".is-unlocked", function(event) {
  console.log("clicked");
});

tdrach

# CSS
## Formatting
Use one space after selector definitions and property declarations.
		
	.selector {
		background-color: #fff;		
	}

If ever grouping selectors, keep them on their own line. Place the closing brace on its' own line, this makes it easier to see where the selector's territory ends.
Each declaration should appear on its own line for more accurate error reporting. This also results in more truthful git diffs.

tdrach

# Motel CSS Coding Style
## Formatting
Use one space after selector definitions and property declarations.
		
	.selector {
		background-color: #fff;		
	}

If ever grouping selectors, keep them on their own line. Place the closing brace on its' own line, this makes it easier to see where the selector's territory ends.
Each declaration should appear on its own line for more accurate error reporting. This also results in more truthful git diffs.

tdrach

Motel Front End Coding Styleguide

CSS Coding Style

Formatting

Use one space after selector definitions and property declarations.

.selector {
	background-color: #fff;		
}

tdrach

Motel Resident

You're now a resident at Motel, yayyyy. This will answer some questions and kick off the best first week ever. Hopefully you're as excited as we are.

Daily life at Motel

We have a standup every morning at 11:45 EST, 8:45 PST. It's quick and simple, tell everyone what you did yesterday and what you plan on doing today. The goal here is to wave hi to the team, and get everyone on the same page.

You can access this meeting either via #general channel in Slack, or here.

The rest of the day, you may be pairing with another team member on a project, or working solo exploring some internal stuff. Every day is different at Motel, and that's part of why we love it so much.