Skip to content

Instantly share code, notes, and snippets.

@pouyakary
Created June 30, 2016 15:28
Show Gist options
  • Save pouyakary/c5c13553ea36ba06df86acc4cc6217cf to your computer and use it in GitHub Desktop.
Save pouyakary/c5c13553ea36ba06df86acc4cc6217cf to your computer and use it in GitHub Desktop.
Sample Legend CSS
/*
* If using Legend in please make sure you have all these classes defined.
*/
.legend-section {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.legend-paragraph {
flex: 3;
}
@media ( max-width: 800 ) {
.legend-paragraph {
flex: 2;
}
}
.legend-sidebar {
min-width: 160px;
max-width: 200px;
flex-basis: auto;
flex-grow: 1;
font-size: 0.7rem;
}
.legend-sidebar ul {
margin-top: 0;
padding-top: 0;
}
.legend-bullet {
padding-bottom: 0.7rem;
}
.legend-sup a,
.legend-sup a:visited {
color: #009BFF;
background: none;
}
.legend-sup a:hover,
.legend-sup a:focus {
background: none;
text-decoration: underline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment