Skip to content

Instantly share code, notes, and snippets.

@jaygidwitz
Last active January 15, 2016 22:04
Show Gist options
  • Save jaygidwitz/333487c5f7dfeedd53b0 to your computer and use it in GitHub Desktop.
Save jaygidwitz/333487c5f7dfeedd53b0 to your computer and use it in GitHub Desktop.
fat cats easy pricing table 4 columns
/* # Pricing Table
---------------------------------------------------------------------------------------------------- */
.ptp-dg6-row-id-4,
#ptp-154 div.ptp-dg6-bullet-item:nth-of-type(5) {
background-color: white;
}
#ptp-154 div.ptp-dg6-highlight {
box-shadow: 0 0 0 5px #e97d68;
margin: 0 5px;
}
.ptp-dg6-pricing-table {
font-family: 'Overpass', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#ptp-154 a.ptp-dg6-button {
text-decoration: none;
text-transform: uppercase;
}
@media only screen and (max-width: 1123px) {
.ptp-dg6-table-holder .ptp-dg6-four-col {
width: 23.3%;
}
}
@media only screen and (max-width: 1040px) {
.ptp-dg6-table-holder .ptp-dg6-four-col {
width: 48.3%;
}
#ptp-154 div.ptp-dg6-col:not(.ptp-dg6-highlight),
#ptp-154 div.ptp-dg6-highlight {
box-shadow: 0 0 0 1px #E4E4E4;
background-color: #fff;
margin: 5px;
}
}
@media only screen and (max-width: 767px) {
.ptp-dg6-table-holder .ptp-dg6-four-col {
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment