File: D:/HostingSpaces/SBogers26/gripp.nu/wwwroot/css/dynamic/_contentBlock.sass
.content-block
padding: 0 0 45px
.content-container
position: relative
z-index: 10
.image-side
float: left
padding-left: 10px
&.right
float: right
&.content66
width: calc(100% / 3)
img.large
display: none
&.content50
width: calc(100% / 2)
img.medium
display: none
&.content33
width: calc(100% / 3 * 2)
img.medium
display: none
img
width: 100%
&.left
padding-left: 0
padding-right: 10px
.content-side
float: left
padding-right: 10px
&.right
float: right
padding-right: 0
.inner
width: 100%
margin: auto
padding: 0
background: white
h1, h2
text-align: left
+font-bold(24px)
color: $orange
p, em, ul, li, em
+font-default(16px, 22px)
color: $gray
strong, a
+font-default(16px, 22px)
color: $orange
a
text-decoration: underline
&.content66
width: calc(100% / 3 * 2 - 20px)
&.content50
width: calc(100% / 2 - 20px)
&.content33
width: calc(100% / 3 - 20px)
&.left
padding-left: 10px
padding-right: 0
+media-query(1100px)
.content-block
.content-container.content33
padding-bottom: 0
.content-side, .image-side
width: 80% !important
padding: 0 0 80px !important
margin: 0 auto
float: none !important
.content-side
.inner
width: 100%
+media-query(900px)
.content-block
margin-bottom: -20px
.content-container.content33
.image-side
img.medium
display: block
img.large
display: none
.content-container.content50
padding-bottom: 0
.content-side, .image-side
width: 100% !important
padding: 0 0 20px !important
margin: 0 auto
float: none !important
.content-side
.inner
width: 100%
+media-query(800px)
.content-block
.content-container
.content-side
h1, h2
+font-bold(28px)
p, em
+font-default(19px, 26px)
strong, a
+font-default(19px, 26px)
+media-query(780px)
.content-block
.content-container
padding-bottom: 0
.content-side, .image-side
width: 100% !important
padding: 0 0 20px !important
margin: 0 auto
float: none !important
.content-side
.inner
width: 100%