Sebastian-Fitzner

/*
 * grunt-contrib-compass
 * http://gruntjs.com/
 *
 * Copyright (c) 2013 Sindre Sorhus, contributors
 * Licensed under the MIT license.
 */

'use strict';

Sebastian-Fitzner

// ----
// libsass (v3.1.0-beta)
// ----

@mixin breakpoint($breakpoint-1, $breakpoint-2: null, $mobile-first: false) {
	@if $breakpoint-2 != null {
		@media only screen and (min-width: $breakpoint-1) and (max-width: $breakpoint-2) {
			@content;
		}
	} @else {

Sebastian-Fitzner

const config = require('../config');
const path = config.options.paths;
const gulp = require('gulp');
const browserify = require('browserify');
const watchify = require('watchify');
const babelify = require('babelify');
const source = require('vinyl-source-stream');
const buffer = require('vinyl-buffer');
const merge = require('utils-merge');
const rename = require('gulp-rename');

Sebastian-Fitzner

const ScrollableList = ({ listItems }) => {
  return (
    <div className="c-scrollable-list">
      <ul className="c-scrollable-list__list">
        {listItems.map((item) => {
          return (
           <li key={item.title} className="c-scrollable-list__list-item">
            <a href="#" className="c-scrollable-list__link">
              {item.title}
            </a>

Sebastian-Fitzner

const ScrollableList = ({ listItems }) => {
  // States
  const [scrollableListWidth, setScrollableListWidth] = React.useState(null);
  const [listWidth, setListWidth] = React.useState(null);
  const [leftButtonWidth, setLeftButtonWidth] = React.useState(null);
  const [rightButtonWidth, setRightButtonWidth] = React.useState(null);
  const [listPosition, setListPosition] = React.useState("left");

  // Refs