Skip to content

Instantly share code, notes, and snippets.

@tobymarsden
Created March 26, 2017 08:21
Show Gist options
  • Save tobymarsden/b23e44290cf148ee225e7a46a9951f25 to your computer and use it in GitHub Desktop.
Save tobymarsden/b23e44290cf148ee225e7a46a9951f25 to your computer and use it in GitHub Desktop.
.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