refills 0.0.1 → 0.0.2

data/source/stylesheets/refills/_info-section.scss

@@ -1,49 +0,0 @@
-.info-section {
-	$info-section-border-color: $base-border-color;
-	$info-section-border: 1px solid $info-section-border-color;
-	$info-section-color: lighten($info-section-border-color, 10);
-	$info-section-img-background: $info-section-border-color;
-	
-	@include clearfix;
-	background-color: $info-section-color;
-	border-radius: $base-border-radius;
-	border: $info-section-border;
-	padding: 4em;
-
-	@if lightness($info-section-color) < 50% {
-		color: white;
-	}
-
-	img {
-		content: '';
-	}
-
-	h3 {
-		margin-bottom: 0.5em;
-	}
-
-	li {
-		@include media($medium-screen) {
-			@include span-columns(4);
-			@include omega(3n);
-		}
-	}
-
-	.img-wrapper {
-	  display: block;
-	  margin: 40px auto;
-	  height: 200px;
-	  width: 200px;
-	  border-radius: 190px;
-	  background-color: $info-section-img-background;
-
-	  img {
-	    padding: 30px;
-	    height: 135px;
-	    width: 135px;
-	    display: block;
-	    margin: auto;
-	  }
-	}
-}
-

data/source/stylesheets/refills/_item-list.scss

@@ -1,37 +0,0 @@
-$item-list-border-color: $base-border-color;
-$item-list-border: 1px solid $item-list-border-color;
-
-$item-list-background: lighten($item-list-border-color, 10);
-
-ul.item-list {
-  @include clearfix;
-  $item-list-height: 5em;
-  margin: 0 0 $base-line-height;
-  
-  li {
-    margin-bottom: $base-line-height;
-
-    .item-list-image {
-      float: left;
-      width: $item-list-height;
-      height: $item-list-height;
-      margin-right: 1em;
-      border: $item-list-border;
-      border-radius: $base-border-radius;
-      background-color: $item-list-background;
-    }
-
-    p {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-
-    @include media($large-screen) {
-      @include span-columns(6);
-      @include omega(2n);
-    }
-  }
-}

data/source/stylesheets/refills/_master-detail.scss

@@ -1,54 +0,0 @@
-.master-detail {  
-  $master-detail-border-color: $base-border-color;
-  $master-detail-background: lighten($master-detail-border-color, 10);
-  $master-detail-height: 400px;
-  $master-detail-border: 1px solid $master-detail-border-color;
-  
-  border-radius: $base-border-radius;
-  @include clearfix;
-  margin-bottom: $base-line-height;
-  border: $master-detail-border;  
-
-  .master {
-    @include media($medium-screen) {
-      width: 30%;
-      float: left;
-      background-color: $master-detail-background;
-    }
-    ul {
-      height: $master-detail-height;
-      overflow: scroll;
-      overflow-x: hidden;
-
-      li {
-        padding: 1em;
-        border-bottom: $master-detail-border;
-        border-right: $master-detail-border;
-        
-        &:last-child {
-          border-bottom: 0;
-        }
-
-        p {
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-        }
-      }
-    }
-  }
-
-  .detail {
-    height: $master-detail-height;
-    display: none;
-
-    @include media($medium-screen) {
-      width: 70%;
-      float: right;
-      padding: 1em;
-      display: block;
-    }
-  }
-}

data/source/stylesheets/refills/_overlap.scss

@@ -1,42 +0,0 @@
-@mixin texture($bg-color, $texture-number) { 
-  $texture-list: "line_diagonal1.png";
-  background: url("https://raw.github.com/Magnus-G/texture-mixin/gh-pages/textures/#{nth($texture-list, $texture-number)}");
-  background-color: $bg-color;
-  // see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin
-}
-
-$overlap-height: 20px;
-$overlap-border-color: $base-border-color;
-$overlap-border: 1px solid $overlap-border-color;
-$overlap-background: lighten($overlap-border-color, 10);
-
-.overlap {
-  @include outer-container;
-  margin-bottom: -$overlap-height;
-}
-
-.overlap-content {
-  margin: auto;
-  width: 100%;
-  z-index: 999;
-  max-width: 500px;
-
-  .overlap-content-centered {
-    position: relative;
-    width: 100%;
-    float: left;
-    background-color: $overlap-background;
-    border-top-left-radius: $base-border-radius;
-    border-top-right-radius: $base-border-radius;
-    border: $overlap-border;
-    height: 100px;
-  }
-}
-
-.overlapped {
-  background-color: $overlap-background;
-  height: $overlap-height;
-  border-bottom: $overlap-border;
-  @include texture($overlap-background, 1); 
-  // see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin
-}

data/source/stylesheets/refills/_sidebar-layout.scss

@@ -1,56 +0,0 @@
-$sidebar-layout-border-color: $base-border-color;
-$sidebar-layout-border: 1px solid $sidebar-layout-border-color;
-$sidebar-layout-section-background: lighten($sidebar-layout-border-color, 10);
-
-.sidebar-layout {
-	@include clearfix;
-	height: 100%;
-	border: $sidebar-layout-border;
-
-	aside {
-		height: 100%;
-		@include media($medium-screen) {
-			@include span-columns(3, block-collapse);
-		}
-		
-		ul {
-			height: 100%;
-			padding: 1em;
-			@include media($medium-screen) {
-				padding: 0;
-				border-right: $sidebar-layout-border;
-			}
-		}
-
-		li {
-			margin-right: 1em;
-			margin-bottom: 1em;
-			display: inline-block;
-			@include media($medium-screen) {
-				margin: 0;
-				padding: 1em;
-				display: block;
-				border-bottom: $sidebar-layout-border;
-			}
-		}
-	}
-
-	.content {
-		@include media($medium-screen) {
-			@include span-columns(9);	
-		}
-		background-color: $base-body-color;
-		padding: 1em;
-
-		section {
-			@include media($medium-screen) {
-				@include span-columns(6);	
-				@include omega(2n);
-			}
-			border: $sidebar-layout-border;
-			margin-bottom: 1em;
-			background-color: $sidebar-layout-section-background;
-			padding: 1em;
-		}	
-	}
-}

data/source/stylesheets/refills/_toggle-cards.scss

@@ -1,104 +0,0 @@
-.course-cards-wrapper {
-  @include outer-container;
-  ul li {
-    @include media($medium-screen) {
-      // @include span-columns(4);
-      // @include omega(3n);
-      width: 33%;
-      float: left;
-      margin-bottom: 1em;
-      
-    }
-  }
-}
-
-
-
-.course-cards {
-  margin: auto;
-  width: 100%;
-  z-index: 999;
-
-  .card {
-    position: relative;
-    cursor: pointer;
-    margin-bottom: 1em;
-    float: left;
-    background-color: red;
-    background-size: 100%;
-    text-align: center;    
-    color: white;
-    padding: 1em;
-    min-height: 20em;
-
-
-
-    &.active {
-      position: relative;
-      .card-bottom h3 {
-        color: white;
-      }
-      .pointer {
-        position: absolute;
-        bottom: 0;
-        left: 48%;
-        width: 0;
-        height: 0;
-        border-left: 15px solid transparent;
-        border-right: 15px solid transparent;
-        border-bottom: 15px solid white;
-      }
-    }
-  }
-
-  li:last-child .card {
-    // display: none;
-    // position: relative;
-    background-color: green;
-  }
-
-  .card-bottom {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    background-color: transparentize(black, 0.8);
-    @include transition (all 0.2s ease-in-out);
-
-    &:hover {
-      background-color: transparentize(black, 0.9);
-    }
-    h3 {
-      padding: 2em 0 1.5em 0;
-    }
-  }
-}
-
-.system {
-  display: block;
-
-  li:last-child .card {
-    display: block;
-    @include media(460px) {
-      background-size: 100%;
-    }
-  }
-
-  @include media($large-screen) {
-    display: none;
-  }
-
-  ul, ul li, ul li a {
-    width: 100%;
-    background-size: 100%;  
-    display: block;
-  }
-  ul li {
-    @extend .card;
-    display: block;
-  }
-}
-
-
-
-