Created
March 26, 2017 08:21
-
-
Save tobymarsden/b23e44290cf148ee225e7a46a9951f25 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.hypervisual__content-block--2up-quote { | |
width: 100%; | |
} | |
.hypervisual__quote-image { | |
margin: auto; | |
clear: both; | |
float: none; | |
} | |
.hypervisual__quote-image-left, .hypervisual__quote-image-right { | |
float: none; | |
left: auto; | |
} | |
.hypervisual__content-block--2up-quote .hypervisual__quote-text { | |
width: 100%; | |
padding: 20px; | |
text-align: center; | |
} | |
.hypervisual__content-block--text-image .hypervisual__text-left { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--text-image .hypervisual__image-right { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--html-image .hypervisual__html-left { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--html-image .hypervisual__image-right { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--text-video .hypervisual__text-left { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--text-video .hypervisual__video-right { | |
position: initial; | |
left: auto; | |
} | |
.hypervisual__content-block--text-image { | |
display: block; | |
} | |
.hypervisual__content-block--html-image { | |
display: block; | |
} | |
.hypervisual__content-block--text-video { | |
display: block; | |
} | |
.hypervisual__content-block--text { | |
padding: 0 20px; | |
} | |
/*.hypervisual__content-block--columns .hypervisual__content-block--text .hypervisual__text-wrapper { | |
padding-top: 20px !important; | |
padding-bottom: 20px !important; | |
}*/ | |
.hypervisual__text-align-right { | |
text-align: left; | |
} | |
.hypervisual__content-block--text-image .hypervisual__text { | |
display: block; | |
} | |
.hypervisual__content-block--html-image .hypervisual__html { | |
display: block; | |
} | |
.hypervisual__content-block--text-video .hypervisual__text { | |
display: block; | |
} | |
.hypervisual__content-block--columns, .hypervisual__content-block--columns .hypervisual__column { | |
display: block; | |
} | |
.hypervisual__content-block--columns .hypervisual__column { | |
left: 0; | |
} | |
.hypervisual__video-left, | |
.hypervisual__video-right, | |
.hypervisual__image-left, | |
.hypervisual__image-right, | |
.hypervisual__content-block--text-image | |
.hypervisual__text, | |
.hypervisual__content-block--text-video .hypervisual__text, | |
.hypervisual__text-right, | |
.hypervisual__text-left, | |
.hypervisual__content-block--html-image .hypervisual__html, | |
.hypervisual__content-block--columns .hypervisual__column { | |
width: 100%; | |
float: none; | |
} | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_10, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_15, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_20, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_25, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_30, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_35, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_40, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_45, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_50, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_55, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_60, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_65, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_70, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_75, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_80, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_85, | |
.hypervisual__content-block--columns .hypervisual__column.hypervisual__column_width_90 { width: 100%; float: none; left: 0;} | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_90, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_90, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_85, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_85, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_80, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_80, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_75, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_75, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_70, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_70, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_65, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_65, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_60, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_60, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_55, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_55, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_50, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_50, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_45, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_45, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_40, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_40, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_35, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_35, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_30, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_30, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_25, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_25, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_20, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_20, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_15, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_15, | |
.hypervisual__column_stacking_reverse .hypervisual__column1-block.hypervisual__column_width_10, | |
.hypervisual__column_stacking_reverse .hypervisual__column2-block.hypervisual__column_width_10 { left: 0; } | |
.hypervisual__image, .hypervisual__image img { | |
display: block; | |
} | |
.hypervisual__video { | |
display: block; | |
} | |
.hypervisual__devices-mobile-only { | |
display: block; | |
} | |
.hypervisual__devices-desktop-only { | |
display: none; | |
} | |
/* LIBRARY */ | |
.hypervisual__library-pricing-table-column-3up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-pricing-table-column-4up { | |
width: 50%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-pricing-table-4up-divider { | |
clear: both; | |
} | |
.hypervisual__library-multi-column-image-text-column-2up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-image-text-column-3up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-image-text-column-4up { | |
width: 50%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-image-text-4up-divider { | |
clear: both; | |
} | |
.hypervisual__library-multi-column-4up-divider { | |
clear: both; | |
} | |
.hypervisual__library-multi-column-product-column-2up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-product-column-3up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-product-column-4up { | |
width: 50%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__collection-2up .hypervisual__collection-product-column { | |
width: 100%; | |
margin-bottom: 30px; | |
margin-left: auto; | |
margin-right: auto; | |
float: none; | |
} | |
.hypervisual__collection-3up .hypervisual__collection-product-column { | |
width: 100%; | |
margin-bottom: 30px; | |
margin-left: auto; | |
margin-right: auto; | |
float: none; | |
} | |
.hypervisual__collection-4up .hypervisual__collection-product-column { | |
width: 50%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-vertical-image-text-image { | |
margin-left: -20px; | |
margin-right: -20px; | |
} | |
@media (max-width: 480px) { | |
.hypervisual__library-pricing-table-column-4up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-image-text-column-4up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__library-multi-column-product-column-4up { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.hypervisual__collection-4up .hypervisual__collection-product-column { | |
width: 100%; | |
margin-left: auto; | |
margin-right: auto; | |
margin-bottom: 30px; | |
float: none; | |
} | |
.hypervisual__text-small, .hypervisual__text-small *, .hypervisual__button.hypervisual__text-small { | |
font-size: 13px; | |
line-height: 18px; | |
} | |
.hypervisual__text-medium, .hypervisual__text-medium *, .hypervisual__button.hypervisual__text-medium { | |
font-size: 16px; | |
line-height: 23px; | |
} | |
.hypervisual__text-large, .hypervisual__text-large *, .hypervisual__button.hypervisual__text-large { | |
font-size: 21px; | |
line-height: 26px; | |
} | |
.hypervisual__text-xlarge, .hypervisual__text-xlarge *, .hypervisual__button.hypervisual__text-xlarge { | |
font-size: 32px; | |
line-height: 40px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment