partystreusel 1.1.1 → 1.2.0

data/styleguide/source/stylesheets/partystreusel/fallbacks/icons.data.png.css

@@ -0,0 +1,21 @@
+.icon--arrow-left { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHZJREFUSInt0LENglAUheFP3cMRGEVlEUcwIItRO4iNoSbYYEMCdkDeKyDvT2538p+TS2L3HBZk78jQ4YEm5JAK/SC/hBRP5d8Y8mdMeTmRX2PKb6HlxSBfe38cQ6+bS2F8UZ5Ktl1ympmr8cEbZ7zQLilK7JgfSnwyybQ2030AAAAASUVORK5CYII='); }
+
+
+.icon--arrow-right { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHFJREFUSIljYBgFwx4wk6BWlIGBoYeBgSGQgYFBjoGB4RQtHBTEwMDwm4GB4T8DA0MDLSwYXpYE08OSEHIs+U8BxrCEiXzH43QcVQFyENUNWcNraWl4zYAbzkiC4aIMkLBmZWBguMDAwDCDVNeNgmEKAEFqMEcKBBdeAAAAAElFTkSuQmCC'); }
+
+
+.icon--close { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAIlJREFUSIntlMENgCAQBCe2gJQh9p+INSgN6UcSYgxwci9l38fMBi5Az28zAwtgKmYt4AEnEXjgALaCxALhml0kAgPs18EdGAvwUpHHjBlJMzwnUYOnkggM2vCYtLUIPmg1aMn9zjcUr+jpQWtW+DU8JrfCzXAVyVqAp5JYxEsEDvlnN0kEPR/KCbfDPoUgNcDqAAAAAElFTkSuQmCC'); }
+
+
+.icon--download { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJZJREFUSIntlVsKgCAQRY/RDlpXRCuq9tdHy+ixCPvogQjqSEwf0YUBR/QeHXzAL6FaYAFsIEagegKImV8xPYGkzHNjBRpNgD2rgnEAGjKFkvGtMmOs8XLRrtV38H3AwFF7v/44/YMEFDvPfWRen5grAoQgKfMsgA+RmFvIuwddoB3Va0/FpmC+uEmD7E+QxgzUCov+onZMPYrqvxLgPQAAAABJRU5ErkJggg=='); }
+
+
+.icon--folder { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJdJREFUSInt1TEOAUEUxvHfChWtTvYmonICp1G4CZ0r6B1B5wRaKolQUEnWZljLbEQyX/KS92a+vP/MK2ZI+rWyQt7DAkO0At4NJjh+CpvhWhFrdOs0bRfy/A3/CDucXnguWGJa3pirvkGdGBOedSzlTQOypgESIAH+EHCI3HtfXhhgK847tEKHx//gXvd9N7pz6PRJT3UDtv87FXT1figAAAAASUVORK5CYII='); }
+
+
+.icon--menu { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAADBJREFUSIljYBgFo2AUDHXAiEfuPy3tYKKS4aNgFGCA0VQ9CoYfGE3Vo2AUjIKhBwCr2gMKDalJUgAAAABJRU5ErkJggg=='); }
+
+
+.icon--search { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOxJREFUSIntkz0OgkAQhb9APIbIISgslcRTeBO4ioWlhYYrmHgR7IjRTjv/ip0NhCjjgjbqSzaTzb55X1hm4a8OmgAZsAMuUldA3DW4B8yBW8Oaia+VbPgRSIAA8ICB7E8ViLMmlfDoiSeqQMaugEwaE8WXim/pCthJY6D4QvEVroCLNHqKzxffWQusBx2k9pU+e753BWykTpU+e77WAHXFmE8/oU/RFRi6AsDMt4WkmB/qS00pR3TeJhzMC7WQR+tK+RhzAbfSGDPnBWZaCmBBeS35OyBNCn8Dor3YV5QDI2D7hqxGhXzoir5cd56DUN0dOWjRAAAAAElFTkSuQmCC'); }
+
+

data/styleguide/source/stylesheets/partystreusel/fallbacks/icons.data.svg.css

@@ -0,0 +1,21 @@
+.icon--arrow-left { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2011H7.8l5.6-5.6h-2.8L4%2012l6.6%206.6h2.8L7.8%2013H20v-2z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--arrow-right { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2013h12.2l-5.6%205.6h2.8L20%2012l-6.6-6.6h-2.8l5.6%205.6H4v2z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--close { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--download { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%205h-9.6L9.7%203.3C9.5%203.1%209.3%203%209%203H3c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h18c1.1%200%202-.9%202-2V7c0-1.1-.9-2-2-2zm-9%2013l-5-5h3V9h4v4h3l-5%205z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--folder { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.4%204.1h-6c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2v-10c0-1.1-.9-2-2-2h-8l-2-2z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--menu { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M6%208h18v2H6zm0%206h18v2H6zm0%206h18v2H6z%22%2F%3E%3C%2Fsvg%3E'); }
+
+
+.icon--search { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.5%2014h-.8l-.3-.3c1-1.1%201.6-2.6%201.6-4.2C16%205.9%2013.1%203%209.5%203S3%205.9%203%209.5%205.9%2016%209.5%2016c1.6%200%203.1-.6%204.2-1.6l.3.3v.8l5%205%201.5-1.5-5-5zm-6%200C7%2014%205%2012%205%209.5S7%205%209.5%205%2014%207%2014%209.5%2012%2014%209.5%2014z%22%2F%3E%3C%2Fsvg%3E'); }
+
+

data/styleguide/source/stylesheets/partystreusel/fallbacks/icons.fallback.css.scss

@@ -0,0 +1,21 @@
+.icon--arrow-left { background-image: image-url('icons/png/arrow-left.png'); }
+
+
+.icon--arrow-right { background-image: image-url('icons/png/arrow-right.png'); }
+
+
+.icon--close { background-image: image-url('icons/png/close.png'); }
+
+
+.icon--download { background-image: image-url('icons/png/download.png'); }
+
+
+.icon--folder { background-image: image-url('icons/png/folder.png'); }
+
+
+.icon--menu { background-image: image-url('icons/png/menu.png'); }
+
+
+.icon--search { background-image: image-url('icons/png/search.png'); }
+
+

data/styleguide/source/stylesheets/partystreusel/ie8.css.sass

@@ -0,0 +1,18 @@
+// Normalize CSS
+#= require normalize-rails/normalize
+
+// Bourbon imports
+@import bourbon
+
+// Project settings
+@import neat-helpers
+@import settings
+
+// Bourbon Neat imports
+@import neat
+
+@import medium/typo
+
+@import large/typo
+@import large/layout
+@import large/states

data/styleguide/source/stylesheets/partystreusel/large/_layout.sass

@@ -0,0 +1,3 @@
+article,
+.page__header
+  padding: 0 rem(24)

data/styleguide/source/stylesheets/partystreusel/large/_typo.sass

@@ -0,0 +1,21 @@
+h1
+  font-size: $h1-font-size * 2
+  margin-bottom: rem(13)
+
+h3
+  font-size: rem(24)
+
+%h4-styles-l,
+h4, h5, h6
+  font-size: $h4-font-size * 1.25
+  line-height: 1.2
+
+p
+  font-size: $paragraph-font-size * 1.25
+
+hr
+  margin-top: rem(24)
+  margin-bottom: rem(34)
+
+blockquote
+  font-size: rem(20)

data/styleguide/source/stylesheets/partystreusel/large/modules/_accordion.sass

@@ -0,0 +1,19 @@
+.accordion__title
+  min-height: rem(70)
+  padding-top: rem(24)
+  font-size: rem(20)
+  line-height: 1.2
+
+  &:before
+    top: rem(15)
+
+  &:after
+    top: rem(33)
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.accordion__item--open
+  .accordion__title
+    &:after
+      top: rem(32)

data/styleguide/source/stylesheets/partystreusel/large/modules/_breadcrumb.sass

@@ -0,0 +1,2 @@
+.breadcrumb
+  margin-bottom: rem(24)

data/styleguide/source/stylesheets/partystreusel/large/modules/_content.sass

@@ -0,0 +1,5 @@
+.sc-content
+  max-width: rem(780)
+
+.sc-lead
+  font-size: rem(24)

data/styleguide/source/stylesheets/partystreusel/large/modules/_form.sass

@@ -0,0 +1,2 @@
+legend
+  @extend %h4-styles-l

data/styleguide/source/stylesheets/partystreusel/large/modules/_image.sass

@@ -0,0 +1,3 @@
+.image
+  img
+    margin-bottom: rem(24)

data/styleguide/source/stylesheets/partystreusel/large/modules/_links.sass

@@ -0,0 +1,6 @@
+.links__item
+  +span-columns(4)
+  +omega(3n)
+
+  &:nth-child(2n)
+    margin-right: +flex-gutter()

data/styleguide/source/stylesheets/partystreusel/large/modules/_readmore.sass

@@ -0,0 +1,2 @@
+.readmore__button
+  font-size: $paragraph-font-size * 1.125

data/styleguide/source/stylesheets/partystreusel/large/modules/_slider.sass

@@ -0,0 +1,47 @@
+.slider__list
+  z-index: 1
+
+.slider__controls
+  display: block
+
+.slider__control-prev,
+.slider__control-next
+  display: block
+  width: rem(42)
+  height: rem(42)
+  padding-top: rem(6)
+  margin-top: rem(-21)
+  position: absolute
+  top: 50%
+  background-color: $white
+  border: 0
+  border-radius: 100%
+  cursor: pointer
+  z-index: 10
+  color: $black
+
+  &:hover
+    color: $primary-color
+
+.slider__control-prev
+  left: rem(20)
+
+.slider__control-next
+  right: rem(20)
+
+.slider__nav
+  position: absolute
+  margin: 0
+  bottom: rem(10)
+  left: 0
+  right: 0
+  z-index: 10
+
+.slider__nav-item
+  margin: 0 rem(6)
+
+  &:hover
+    border-width: rem(4)
+    width: rem(20)
+    height: rem(20)
+    margin: 0 rem(8) rem(2) rem(8)

data/styleguide/source/stylesheets/partystreusel/large/modules/_tab.sass

@@ -0,0 +1,8 @@
+$tab-space: rem(24)
+.tab__nav
+  margin-top: $tab-space
+  padding: 0 $tab-space
+
+.tab__nav-item
+  margin: $tab-space $tab-space/2 0 0
+  font-size: rem(18)

data/styleguide/source/stylesheets/partystreusel/large/modules/_teaser--assets.sass

@@ -0,0 +1,12 @@
+.teaser--assets
+
+  .teaser__item
+    &:nth-child(3n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +span-columns(3)
+    +omega(4n)
+
+  .teaser__btn
+    font-size: rem(18)

data/styleguide/source/stylesheets/partystreusel/large/modules/_teaser--card.sass

@@ -0,0 +1,8 @@
+.teaser--card
+  .teaser__item
+    &:nth-child(2n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +span-columns(4)
+    +omega(3n)

data/styleguide/source/stylesheets/partystreusel/large/modules/_teaser--list.sass

@@ -0,0 +1,11 @@
+.teaser--list
+  .teaser__item
+    +span-columns(6)
+    +flex(0 1 auto)
+    +omega(2n)
+
+  .teaser__content
+    padding: space(1.5) space(2) 0 space(2)
+
+    p
+      font-size: $paragraph-font-size * 1.25

data/styleguide/source/stylesheets/partystreusel/large/modules/_teaser.sass

@@ -0,0 +1,10 @@
+.teaser
+  padding: space(2) space(2) 0
+
+.teaser__item
+  +span-columns(4)
+  +omega(3n)
+  margin-bottom: space(2)
+
+.teaser__img
+  margin-bottom: space(1.5)

data/styleguide/source/stylesheets/partystreusel/large/modules/_topbar.sass

@@ -0,0 +1,65 @@
+.topbar
+  font-size: rem(18)
+
+.topbar__mobile-menu
+  display: none
+
+.topbar__list
+  &,
+  .topbar--open &
+    +display(flex)
+    +align-items(center)
+    +flex-direction(row)
+
+.topbar__item
+  position: relative
+  border-right: $topbar-border
+  +flex(1 1 auto)
+
+  > a
+    padding: rem(11) rem(18)
+    text-align: center
+
+  &:last-child
+    border-right: 0
+
+    .topbar__sub-list
+      right: 0
+      left: auto
+
+.topbar__sub-list
+  position: absolute
+  left: rem(-1)
+  min-width: rem(230)
+  border: $topbar-border
+  border-top-width: 0
+  box-shadow: rem(2) rem(2) rem(3) 0 $grey-light
+
+.topbar__sub-item
+  a
+    padding: rem(11) rem(18)
+
+// ----------------------------------------------------------
+// Flexbox Fallback
+// ----------------------------------------------------------
+.no-flexbox
+  .topbar__mobile-menu
+    display: none
+
+  .topbar__list
+    width: 100%
+
+    &,
+    .topbar--open &
+      display: table
+
+  .topbar__item
+    display: table-cell
+
+// ----------------------------------------------------------
+// No-JS Fallback
+// ----------------------------------------------------------
+.no-js
+  .topbar__item:hover
+    > .topbar__sub-list
+      display: block

data/styleguide/source/stylesheets/partystreusel/large/modules/_two_column.sass

@@ -0,0 +1,3 @@
+.two-column__first,
+.two-column__second
+  +span-columns(6)

data/styleguide/source/stylesheets/partystreusel/medium/_typo.sass

@@ -0,0 +1,24 @@
+h1
+  font-size: $h1-font-size * 1.5
+  margin-bottom: rem(14)
+
+h2
+  font-size: $h2-font-size * 1.5
+  line-height: $h2-line-height
+
+h3
+  font-size: rem(20)
+  line-height: $h3-line-height
+  margin-bottom: rem(6)
+
+%h4-styles-m,
+h4, h5, h6
+  font-size: $h4-font-size * 1.125
+  margin-bottom: rem(6)
+  line-height: 1
+
+p
+  font-size: $paragraph-font-size * 1.125
+
+blockquote
+  font-size: rem(18)

data/styleguide/source/stylesheets/partystreusel/medium/modules/_content.sass

@@ -0,0 +1,2 @@
+.sc-lead
+  font-size: rem(20)

data/styleguide/source/stylesheets/partystreusel/medium/modules/_form.sass

@@ -0,0 +1,16 @@
+legend
+  @extend %h4-styles-m
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.form--horizontal
+  +outer-container
+  margin-bottom: rem(18)
+
+  label
+    +span-columns(3)
+    padding-top: rem(9)
+  input,
+  select
+    +span-columns(9)

data/styleguide/source/stylesheets/partystreusel/medium/modules/_iconbar.sass

@@ -0,0 +1,7 @@
+.iconbar__list
+  +align-items(center)
+  +flex-direction(row)
+
+.iconbar__item
+  +flex(1 1 auto)
+  min-width: 0

data/styleguide/source/stylesheets/partystreusel/medium/modules/_links.sass

@@ -0,0 +1,5 @@
+.links__item
+  +span-columns(6)
+
+  &:nth-child(2n)
+    margin-right: 0

data/styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--assets.sass

@@ -0,0 +1,15 @@
+.teaser--assets
+  .teaser__item
+    &:nth-child(2n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +span-columns(4)
+    +omega(3n)
+
+  .teaser__btn
+    padding-right: 0
+    font-family: $body-font-family
+    font-size: rem(16)
+    font-weight: bold
+    line-height: 1.33

data/styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--card.sass

@@ -0,0 +1,7 @@
+.teaser--card
+  .teaser__item
+    &:nth-child(3n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +omega(2n)

data/styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--list.sass

@@ -0,0 +1,9 @@
+.teaser--list
+
+  .teaser__item
+    width: 100%
+    margin-right: 0
+
+  .teaser__content
+    p
+      font-size: $paragraph-font-size * 1.125

data/styleguide/source/stylesheets/partystreusel/medium/modules/_teaser.sass

@@ -0,0 +1,13 @@
+.teaser__container
+  +display(flex)
+  +flex-direction(row)
+  +flex-wrap(wrap)
+
+.teaser__container-title
+  width: 100%
+
+.teaser__item
+  +display(flex)
+  +span-columns(4)
+  +flex(0 1 auto)
+  +omega(3n)