Pickra

worx for ricebowls, a non-profit
finishin up a video game
-----------------------------------------------------------------
  					interesting

-use low points for discovery. look 4 the "yay" moments.

-knowin how long ur gonna suffer makes u have more fun. 

-give urself time limits(how many times repeating the same actions) it's gona take to acomplish the action to a degree of competency u feel comfortable with.

Pickra

StudentRouter = Backbone.Router.extend({
  initialize: function(){
		this.students = new StudentCollection()
		this.students.add(studentData)
	},

	routes: {				     
/*  router is listening for these events. when i click on the "all" <a>, 
the 'all' function happens */
		// " "				: 'all',

Pickra

// ----
// libsass (v3.2.5)
// ----

$colourList: (
  arts: (
    color: #bbb
  ),
  bidness: (
    color: #ddd

Pickra

// ----
// libsass (v3.2.5)
// ----

$categories: (
  arts-and-media: (
    color: green
  ),
  business: (
    color: purple

Pickra

// best solution, goes w/OLD NO JS w/:checked
@for $i from 1 through 20 {
  p.content { display: none; }
  
  .radio-btn:checked[tab="#{$i}"] ~ .content[tab="#{$i}"] {
    display: block;
  }
// end best

Pickra

@mixin color-weight ($class, $base-color, $weight: 4) {
  $bg-color: null;
  
  @for $i from 1 through 8 {
    @if $i < 4 {
      $weight: $weight - 1;
      $bg-color: lighten($base-color, $weight * 10%);
    } @else if $i == 4 {
      $weight: 0;
      $bg-color: $base-color;

Pickra

%placeholder {
  display: inline-block;
  &:hover{ color: darken(#FFFFFF, 10%); }  
}

.class-a {
  @extend %placeholder;
  color: #000000;
}

Pickra

$cool: blue;
$mad: red;

$colors: (
  cool: $cool,
  mad: $mad
);

.prfx-color {
  @each $color in map-keys($colors) {

Pickra

$my-colours: (
   'cyan': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1),
   'blue': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1)
);

@each $map in $my-colours {
    $name: nth($map, 1);
    $list: map-get($my-colours, $name);

    @for $i from 1 through length($list) {

Pickra

@mixin background-image-retina($type, $file, $color, $ext) {
    background-image: url('src/assets/images/#{$type}/#{$file}-#{$color}.#{$ext}');
    background-image: url('src/assets/images/' + $type + '/' + $file + '-' + $color + '.' + $ext);
     
     @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx){