Skip to content

Instantly share code, notes, and snippets.

@bdbch
Created May 16, 2017 20:09
Show Gist options
  • Select an option

  • Save bdbch/4c0b14199eba24b31a8c37c4ade32569 to your computer and use it in GitHub Desktop.

Select an option

Save bdbch/4c0b14199eba24b31a8c37c4ade32569 to your computer and use it in GitHub Desktop.
$rupture.scale = lookup('$global-layout-scale') || (0 400px 800px 1200px)
$rupture.anti-overlap = lookup('$global-layout-overlap') || -1px
$gutterWidth = lookup('$global-layout-gutterWidth') || 15px
$containerMaxWidth = lookup('$global-layout-containerMaxWidth') || 1140px
$containerPadding = lookup('$global-layout-containerPadding') || 15px
.flyntComponent[is="flynt-block-post"]
*,
*:before,
*:after
box-sizing: border-box
.post
center($containerMaxWidth, $containerPadding)
margin-bottom: 30px
margin-top: 30px
&-title
font-size: 32px
font-weight: 600
+below('s')
font-size: 24px
&-author
color: #aaa
font-size: 20px
+below('s')
font-size: 18px
&-content
font-size: 18px
margin-top: 2em
+below('s')
font-size: 14px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment