CSS code snippets for the "Swipe activated gallery" tutorial on medium. Article URL to be confirmed.

screen.css (snippet 3.1)

// Gallery specific styles.
.gallery-module {
  position: relative;
  background-color: #fafafa;
  border-bottom: 1px solid white;
}
.gallery-module .gallery-module__wrapper {
  *zoom: 1;
}
.gallery-module .gallery-module__wrapper:before,
.gallery-module .gallery-module__wrapper:after {
  content: ' ';
  display: table;
}
.gallery-module .gallery-module__wrapper:after {
  clear: both;
}
.gallery-module .gallery-module__slide {
  float: left;
  display: block;
}

// Navigation specific styles.
.navigation-module {
  width: 100%;
  text-align: center;
}
.navigation-module .navigation-module__item {
  width: 12px;
  height: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 0 6px;
  background-color: #cacaca;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid transparent;
  text-indent: -999px;
  overflow: hidden;
}
.navigation-module .navigation-module__item.is-active {
  background-color: #e14d3f;
}