refills 0.0.1 → 0.0.2

data/source/_dashboard.html.erb

@@ -1,18 +0,0 @@
-<div class="dashboard">
-	<div class="dashboard-item">
-		<h1>97<span>%</span></h1>
-		<p>Lorem sit amet</p>
-	</div>
-	<div class="dashboard-item">
-		<h1><span>$</span>3,234</h1>
-		<p>Lorem dolor sit amet</p>
-	</div>
-	<div class="dashboard-item">
-		<h1>97<span>%</span></h1>
-		<p>Lorem ipsum dolor sit amet</p>
-	</div>
-	<div class="dashboard-item">
-		<h1>97<span>%</span></h1>
-		<p>Lorem ipsum dolor sit</p>
-	</div>
-</div>

data/source/_html_snippet.html.erb

@@ -1,5 +0,0 @@
-<pre>
-  <code class="language-markup">
-    <%== partial snippet %>
-  </code>
-</pre>

data/source/_image-cards.html.erb

@@ -1,28 +0,0 @@
-<div class="image-cards">
-	<div class="image-card top">
-		<div class="image-wrapper">
-		</div>
-		<div class="image-card-content">
-		<h5>Header</h5>
-		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, officiis sunt neque facilis culpa molestiae necessitatibus delectus veniam provident. Similique, quibusdam inventore necessitatibus perspiciatis voluptatum error dolor eaque exercitationem fugit.</p>
-		</div>
-	</div>
-	<div class="image-card bottom">
-		<div class="image-card-content">
-		<div class="image-wrapper">
-		</div>
-		<h5>Header</h5>
-		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, officiis sunt neque facilis culpa molestiae necessitatibus delectus veniam provident. Similique, quibusdam inventore necessitatibus perspiciatis voluptatum error dolor eaque exercitationem fugit.</p>
-		</div>
-
-	</div>
-	<div class="image-card left">
-		<div class="image-wrapper">
-		</div>
-		<div class="image-card-content">
-		<h5>Header</h5>
-		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, officiis sunt neque facilis culpa molestiae necessitatibus delectus veniam provident. Similique, quibusdam inventore necessitatibus perspiciatis voluptatum error dolor eaque exercitationem fugit.</p>
-		</div>
-	</div>
-
-</div>

data/source/_info-section.html.erb

@@ -1,25 +0,0 @@
-<div class="info-section">
-	<ul>
-		<li>
-			<div class="img-wrapper">
-				<img src="" alt="">
-			</div>
-			<h3>Lorem</h3>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, cum, placeat obcaecati itaque nobis esse numquam eos tenetur rerum ipsa nam commodi blanditiis ab voluptas a assumenda eveniet modi mollitia.</p>
-		</li>
-		<li>
-			<div class="img-wrapper">
-				<img src="" alt="">
-			</div>
-			<h3>Lorem</h3>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, aliquam, quaerat facilis nisi culpa quia fugit hic doloribus tenetur perspiciatis tempora labore ullam at. Sapiente porro enim est fuga repudiandae?</p>
-		</li>
-		<li>
-			<div class="img-wrapper">
-				<img src="" alt="">
-			</div>
-			<h3>Lorem</h3>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, nihil nisi sequi eaque voluptate quaerat maiores quibusdam inventore ea magni praesentium asperiores odio assumenda totam corporis cupiditate odit labore unde.</p>
-		</li>
-	</ul>
-</div>

data/source/_item-list.html.erb

@@ -1,25 +0,0 @@
-<ul class="item-list">  		
-	<li>
-		<div class="item-list-image"></div>
-			<h5><a href="">Title</a></h5>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem explicabo possimus qui nesciunt. Ipsa, tempora, et mollitia quam dolores magnam temporibus necessitatibus quisquam ad repellendus natus facere voluptates quasi commodi.</p>
-	</li>
-
-	<li>
-		<div class="item-list-image"></div>
-			<h5><a href="">Title</a></h5>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, nisi, necessitatibus ipsam et quis blanditiis quos mollitia suscipit reiciendis totam aspernatur molestias officiis natus aperiam minus molestiae quod quibusdam ab?</p>
-	</li>
-
-	<li>
-		<div class="item-list-image"></div>
-			<h5><a href="">Title</a></h5>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, consequatur, ipsam, quidem dolorum sint placeat deserunt natus nesciunt officiis hic architecto omnis obcaecati minus optio ut. Necessitatibus ullam qui hic!</p>
-	</li>
-
-	<li>
-		<div class="item-list-image"></div>
-			<h5><a href="">Title</a></h5>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, sit, vel, sequi dolorum tempora quo velit saepe provident accusamus veniam maxime at cumque excepturi debitis natus eius consequuntur cum inventore!</p>
-	</li>	  		
-</ul>

data/source/_master-detail.html.erb

@@ -1,35 +0,0 @@
-<div class="master-detail">
-	<div class="master">
-		<ul>
-			<li>
-				<h5>Master item 1</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti, officiis, tempora hic quasi excepturi architecto voluptatibus repellendus dolore cumque ipsum fugit minima eaque doloremque facere corrupti beatae deserunt velit est!</p>
-			</li>
-			<li>
-				<h5>Master item 2</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nemo ea officia dignissimos quo vero iure! Quasi, mollitia, esse placeat distinctio asperiores aspernatur quibusdam quas tempore illo debitis quis perferendis!</p>
-			</li>
-			<li>
-				<h5>Master item 3</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat porro quis numquam quod. Animi, quam, ducimus, nostrum, consectetur soluta a nulla in earum modi tempora iure temporibus perferendis dignissimos rem.</p>
-			</li>
-			<li>
-				<h5>Master item 4</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, laboriosam, minus, accusantium excepturi vero quisquam possimus assumenda corrupti aliquid dignissimos est dolor dicta nihil quia dolorum sed reprehenderit rerum quo.</p>
-			</li>
-			<li>
-				<h5>Master item 5</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, natus, consequatur odit suscipit tempore repellat voluptas labore fugit ipsam dolores iusto praesentium dignissimos sunt doloribus incidunt deleniti adipisci pariatur eos.</p>
-			</li>
-			<li>
-				<h5>Master item 6</h5>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, aperiam recusandae magnam sunt vitae eligendi magni unde repudiandae ab voluptate labore tempore iure pariatur numquam soluta rem temporibus explicabo vel.</p>
-			</li>
-		</ul>	
-	</div>
-	<div class="detail">
-		<h3>Master item 10</h3>
-		<br>
-		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, laudantium corporis dolorum natus architecto nisi praesentium accusantium dignissimos dolor totam voluptatum molestias nostrum autem soluta delectus alias quisquam ullam recusandae.</p>
-	</div>
-</div>

data/source/_overlap.html.erb

@@ -1,9 +0,0 @@
-<div class="overlap">
-  <div class="overlap-content">
-    <div class="overlap-content-centered">  
-    </div>
-  </div>
-</div>
-
-<div class="overlapped">
-</div>

data/source/_sidebar-layout.html.erb

@@ -1,28 +0,0 @@
-<div class="sidebar-layout">
-	<aside>
-		<ul>
-			<li>Sidebar Item 1</li>
-			<li>Sidebar Item 2</li>
-			<li>Sidebar Item 3</li>
-			<li>Sidebar Item 4</li>
-			<li>Sidebar Item 5</li>
-			<li>Sidebar Item 1</li>
-			<li>Sidebar Item 2</li>
-			<li>Sidebar Item 2</li>
-		</ul>
-	</aside>
-	<div class="content">
-		<section>
-			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, autem, ipsam, suscipit, eligendi exercitationem nulla tenetur voluptates quos earum itaque tempore a mollitia optio nemo error quisquam reiciendis distinctio amet.
-		</section>
-		<section>
-			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, autem, ipsam, suscipit, eligendi exercitationem nulla tenetur voluptates quos earum itaque tempore a mollitia optio nemo error quisquam reiciendis distinctio amet.
-		</section>
-		<section>
-			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, autem, ipsam, suscipit, eligendi exercitationem nulla tenetur voluptates quos earum itaque tempore a mollitia optio nemo error quisquam reiciendis distinctio amet.
-		</section>
-		<section>
-			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, autem, ipsam, suscipit, eligendi exercitationem nulla tenetur voluptates quos earum itaque tempore a mollitia optio nemo error quisquam reiciendis distinctio amet.
-		</section>
-	</div>
-</div>

data/source/_stylesheet_snippet.html.erb

@@ -1,7 +0,0 @@
-<pre>
-  <code class='language-scss'>
-    <% File.readlines(file_path).each do |line| %>
-      <%= line.chomp %>
-    <% end %>
-  </code>
-</pre>

data/source/_switch-toggle.html.erb

@@ -1,15 +0,0 @@
-<div class="switch-toggle">
-  <input type="checkbox" id="switch-toggle-1" name="switch-toggle" class="switch-checkbox" checked/>
-  <label class="switch-label" for="switch-toggle-1">
-    <div class="switch-inner"></div>
-    <div class="switch-toggle-switch"></div>
-  </label>
-</div>
-
-<div class="switch-toggle rectangle">
-  <input type="checkbox" id="switch-toggle-2" name="switch-toggle" class="switch-checkbox" checked/>
-  <label class="switch-label" for="switch-toggle-2">
-    <div class="switch-inner"></div>
-    <div class="switch-toggle-switch"></div>
-  </label>
-</div>

data/source/_toggle-cards.html.erb

@@ -1,64 +0,0 @@
-<div class="course-cards-wrapper" id="programs">
-  <ul class="course-cards">
-    <li>
-      <a class="card active" href="#js-first">
-        <h1>Lorem</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, maiores ad molestias esse totam nesciunt explicabo, magnam, adipisci, atque harum distinctio dignissimos voluptate voluptatibus minus vitae quae.</p>
-          <div class="pointer"></div>
-      </a>
-    </li>
-    <div id="js-first" class="course-detail bootcamp">
-        <h1>First</h1>
-    </div>
-
-    <li>
-      <div class="card" href="#js-second">
-        <h1>Lorem</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, maiores ad molestias esse totam nesciunt explicabo voluptatibus. Quibusdam, delectus, magnam, adipisci, atque harum distinctio dignissimos voluptate voluptatibus minus vitae quae.</p>
-          <div class="pointer"></div>
-      </div>
-    </li>
-
-    <li>
-      <div class="card" href="#js-third">
-        <h1>Lorem</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, maiores ad molestias esse totam nesciunt explicabo voluptatibus. Quibusdam, delectus, magnam, adipisci, atque harum distinctio dignissimos voluptate voluptatibus minus vitae quae.</p>
-          <div class="pointer"></div>
-      </div>
-    </li>
-  </ul>
-</div>
-
-
-
-
-
-<div class="course-content">
-  <div class="course-content-inner">
-    
-
-    <div id="js-second" class="course-detail intensive">
-        <h1>Second</h1>
-    </div>
-    <div id="js-third" class="course-detail intensive">
-        <h1>Third</h1>
-    </div>
-  </div>
-</div>
-
-
-<script>
-  $(function() {
-    $('.course-content .course-detail').hide();
-    $('.course-content .bootcamp').show();
-
-    $('.course-cards .card').click(function() {
-      $('.course-cards .card').removeClass('active');
-      $(this).addClass('active');
-      var target_id = $(this).attr('href');
-      $('.course-content .course-detail').hide();
-      $(target_id).show();
-      return false;
-    });
-  });
-</script>    

data/source/stylesheets/refills/_dashboard.scss

@@ -1,33 +0,0 @@
-.dashboard {
-	@include clearfix;
-	background-color: $light-gray;
-	border-radius: $base-border-radius;
-	width: 100%;
-	padding: 1em;
-	
-	.dashboard-item {
-		@include span-columns(3);
-		h1 {
-			font-size: $base-font-size * 5;
-			text-align: center;
-			font-weight: 200;
-			margin: 0;
-
-			span {
-				font-size: $base-font-size/2;
-				margin: 5px;
-				font-weight: 300;
-			}
-		}
-
-		p {
-			border-top: 1px solid;
-			text-transform: uppercase;
-			font-weight: bold;
-			padding-top: 1em;
-			text-align: center;
-			margin-left: 3em;
-			margin-right: 3em;
-		}
-	}
-}

data/source/stylesheets/refills/_dropdown-menu.scss

@@ -1,65 +0,0 @@
-@mixin ui-dropdown($align: center, $width: 180px, $style: null) {
-
-  @if $style == null {
-    background-color: #fff;
-    border-radius: 4px;
-    border: 1px solid rgb(150,150,150);
-    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.3);
-    margin: 0px;
-    padding: 1px;
-    text-align: left;
-
-    ul, ol {
-      margin: 0px;
-      overflow: scroll;
-      padding: 0px;
-
-      > li {
-        list-style: none;
-
-        > a {
-          display: block;
-          margin: 2px 0px;
-          padding: 6px 15px;
-          text-decoration: none;
-
-          &:hover {
-            background: rgb(248,248,248);
-          }
-        }
-      }
-    }
-  }
-
-  @else {
-    @extend %#{$style};
-  }
-
-  display: none;
-  position: absolute;
-  width: $width;
-  z-index: 20;
-
-  // position the dropdown absolute to its container
-  @if $align == center {
-    left: 50%;
-    margin-left: -($width/2);
-  }
-  @else {
-    #{$align}: 0%;
-  }
-}
-
-.dropdown {
-  display: inline-block;
-  position: relative;
-}
-
-.dropdown-link {
-  @include button(simple, $base-accent-color);
-  font-size: $base-font-size;
-}
-
-.dropdown-menu {
-  @include ui-dropdown(left, 11.25em);
-}

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

@@ -1,102 +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
-}
-
-.image-cards {
-  $image-card-border-color: $base-border-color;
-  $image-card-border: 1px solid $image-card-border-color;
-  $image-card-color: lighten($image-card-border-color, 10);
-  $image-card-header-color: $image-card-color;
-  $image-card-hover-color: darken($image-card-color, 5);
-
-  $image-card-height: 300px;
-
-  @include clearfix;
-  cursor: pointer;
-  margin-bottom: 1em;
-
-  .image-card {
-    height: $image-card-height;
-    border: $image-card-border;
-    background-color: $image-card-color;
-    border-radius: $base-border-radius;
-    margin-bottom: $base-line-height;
-
-    @include media($medium-screen) {
-      @include span-columns(4 of 12);
-    }
-
-    &.top {
-      .image-wrapper {
-        height: $image-card-height /2;
-        border-top-left-radius: $base-border-radius;
-        border-bottom-left-radius: $base-border-radius;
-      }
-    }
-
-    &.left {
-      .image-wrapper {
-        float: left;
-        height: $image-card-height;
-        width: 5%;
-        border-top-left-radius: $base-border-radius;
-        border-bottom-left-radius: $base-border-radius;
-      }
-      .image-card-content {
-        float: right;
-        width: 95%;
-      }
-    }
-
-    &.bottom {
-      position: relative;
-      .image-wrapper {
-        height: $image-card-height /2;
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        left: 0;
-      }
-    }
-
-    .image-wrapper {
-      @include texture($light-gray, 1); 
-      // see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin
-    }
-
-    .image-card-content {
-      padding-left: 1em;
-      padding-right: 1em;
-      padding-top: 1em;
-      
-      p {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-      }  
-    }
-
-    h3 {
-      font-weight: 800;
-    }
-
-    &:hover {
-      background-color: $image-card-hover-color;
-      .card-header {
-        background-color: $image-card-hover-color;
-      }
-    }
-
-    &:active {
-      background-color: $image-card-color;
-      .card-header {
-        background-color: $image-card-color;
-      }
-    }
-  }
-}