Cacher is the code snippet organizer for pro developers

.sidebar {
  width: 49.23077%;
  float: right;
  margin-right: 0;
}

@media (min-width: 20em) {
  .sidebar {
    width: 37.74653%;
    float: right;
    margin-right: 0;
  }
}

.sidebar-alt {
  width: 49.23077%;
  float: right;
  margin-right: 0;
}

@media (min-width: 20em) {
  .sidebar-alt {
    width: 37.74653%;
    float: right;
    margin-right: 0;
  }
}

.sidebar-alt-2 {
  width: 49.23077%;
  float: right;
  margin-right: 0;
}

@media (min-width: 20em) {
  .sidebar-alt-2 {
    width: 37.74653%;
    float: right;
    margin-right: 0;
  }
}

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

@import "susy";
@import "breakpoint";

$susy: (
  columns: 1 1,
  gutters: 1/32,
  debug: (image: show)
);

$bp-large: 20em;
$columns-large: 1.618 1;
$large-layout: (
  columns: $columns-large
);

.sidebar {
  @include span(1 last);
  @include breakpoint($bp-large) {
    @include with-layout($large-layout){
      @include span(1 last);   
    }
  }
}

.sidebar-alt {
  @include span(1 last); 
  @include susy-breakpoint($bp-large, $large-layout) {
    @include span(1 last);
  }
}

.sidebar-alt-2 {
  @include span(1 last); 
  @include breakpoint($bp-large) {
    @include span(1 last of $columns-large);
  }
}