Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<ol>
</ol>

<nav id="nav">
  <p>
    <a href="https://css-tricks.com/examples/nth-child-tester/">css-tricks nth-child tester</a>
  </p>
  <p> Images by kind permission of <a href="https://paperbirdpublishing.co.uk"> paperbirdpublishing.co.uk</a>
  </p>
</nav>

<script type="text/template" class="template">
  <li class="product">
  	<div class="product__wrapper">
    	<img class="product__image" data-filler-image src="data:image/gif;base64,R0lGODlhLAFJAcQfAObk55d0WVmUQKeIbKCdpBkhFGZUR5vRZq7rc0dvMSxMIPmcHL/8fqPca3upUJ9/Zbnv/T83LVvkWbSyt7rPx8OjiG5tcraUd4+PlM7L0Iu9WoOAhpfKZf///wAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA4ODAxMTc0MDcyMDY4MTE4NzFGRTE4MkJFMzRGOEM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBOTQwRTdBRTVGRjExRTVCMDQ0Qjg2RUUxMEJCMzE1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBOTQwRTc5RTVGRjExRTVCMDQ0Qjg2RUUxMEJCMzE1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTM1QkRDODA4MjA2ODExOTJCMDg0OTlCRDUzMTg4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODgwMTE3NDA3MjA2ODExODcxRkUxODJC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" alt="cat in a box" />
    	<h3 class="product__title">Product title</h3>
      <p class="product__detail">Product detail text</p>
  	</div>
  </li>
</script>

            
          
!
            
              /* 
  default settings 
  list items are 33% wide
  except; the first item is 100% 
          and the second and third are 50%
*/
$space: 1rem;
$rowLength: 3;

@mixin break-width($min, $max) {
    @media only screen and (min-width: $min) and (max-width: $max) {
        @content
    }
}
@mixin image-row-item(){
  .product__title,
  .product__detail {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
  }
}
@mixin pill-row-item(){
  .product__wrapper {
    background-color: silver;
    border-radius: $space/4;
    margin: $space/2;
    padding: $space/2;
  }
  .product__image {
    vertical-align: middle;
    width: 30%;
  }
  .product__title,
  .product__detail {
    //display: inline;
    display: inline-block;
    float: right;
    width: 65%;
  }
  .product__detail {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
  }
}
@mixin text-row-item(){
  width: 100%;
  .product__wrapper {
    border-top: 1px dashed #ccc;
    margin-top: 1rem;
    padding-left: 2rem;
  }
  .product__image {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
  }
  .product__title,
  .product__detail {
    display: inline-block;
    margin-top: 1rem;
  }
  .product__title {
    min-width: 30%;
  }
}
@mixin product-grid($rowLength) {
  li {
    width: 100% / $rowLength;
  }
  
  // first row
  li:nth-child(n+0):nth-child(-n+#{$rowLength}) {
    @include image-row-item;
  }

  // second and thrid rows
  li:nth-child(n+#{$rowLength+1}):nth-child(-n+#{$rowLength*3}) {
    @include pill-row-item;
  }

  // everything after the third row
  li:nth-child(n+#{$rowLength*3+1}) {
    @include text-row-item;
  }
}

@include break-width(0, 479px){
  @include product-grid(1);
}

@include break-width(480px, 599px){
  @include product-grid(2);
}
@include break-width(600px, 899px){
  @include product-grid(3);
}

@include break-width(900px, 1199px){
  @include product-grid(5);
}

@include break-width(1200px, 10000px){
  @include product-grid(6);
}







/* basic list layout */
body {
  background-color: #eee;
  font-family: sans-serif;
}
h3, p {
  margin-top: 0;
  margin-bottom: .3rem;
  padding: 0;
}
nav {
  font-size: small;
}
ul, ol {
  background-color: white;
  border-radius: $space;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: $space*2;
  padding: $space $space $space*2 $space ;
  transition: all 200ms;
}
/* list item layout */
li {
  .product__image {
    max-width: 100%;
  }
}


/* list item image template (thanks paperbirdpublishing.co.uk) */



            
          
!
            
              var template = _.template(
  $( "script.template" ).html()
), list=20;

for (var i=0; i<list; i++){
  $("ol").append(template);
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console