Skip to content

Instantly share code, notes, and snippets.

@darlacameron
Created November 6, 2018 23:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save darlacameron/046795f3d5ec8b27ab826ae08fa24c0c to your computer and use it in GitHub Desktop.
Save darlacameron/046795f3d5ec8b27ab826ae08fa24c0c to your computer and use it in GitHub Desktop.
<style class="dv201808">
.dv201808-graphic {
clear: both;
margin-bottom: 1.25rem;
margin-top: 1.25rem;
padding-left: .85rem;
padding-right: .85rem;
}
.dv201808-graphic--centered {
margin-left: auto;
margin-right: auto;
}
.dv201808-graphic--centered-giant {
max-width: 60rem;
}
.dv201808-graphic--centered-narrow {
max-width: 30rem;
}
@media screen and (min-width: 43.75em) {
.dv201808-graphic {
padding-left: 0;
padding-right: 0;
}
.dv201808-graphic--side-wide {
margin-right: 10%;
max-width: 40rem;
padding-left: 0;
padding-right: 0;
width: 50%;
}
.dv201808-graphic--side-narrow {
margin-right: 15%;
max-width: 22.5rem;
padding-left: 0;
padding-right: 0;
width: 50%;
}
.dv201808-graphic--side-right {
float: right;
margin-left: 1.1rem;
margin-top: 0;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment