Skip to content

Instantly share code, notes, and snippets.

Matthew Pennell matthewpennell

View GitHub Profile
View preview.json
{
"name": "Clark Kent",
"information": "Clark Joseph Kent is a fictional character appearing in American comic books published by DC Comics. Created by Jerry Siegel and Joe Shuster, he debuted in Action Comics #1 (June 1938) and serves as the civilian and secret identity of the superhero Superman."
}
View response.json
[
{
"id": 1,
"name": "Clark Kent",
"balance": 10180.98,
"date": "2019-03-19",
"active": true
},
{
"id": 2,
View products.json
[
{
"id": 1,
"value": "attractions",
"text": "Attractions"
},
{
"id": 2,
"value": "booking_basic",
"text": "Booking.Basic"
View Markup for use with Glue and Jinja template
<div class="calendar sprite-container">
<i class="sprite calendar-icon"></i>
<h2>Calendar</h2>
</div>
View Jinja template for use with Glue
.sprite {
background-image: url('/path/to/sprite.png');
background-repeat: no-repeat;
}
{% for image in images %}
{% if image.pseudo %}
.sprite .sprite-container{{ image.pseudo }} .{{ image.label }},
{% endif %}
.{{ image.label }}{{ image.pseudo }} {
View Improved CSS rules for use with Glue
/* This file is generated by an automatic script.
Do not attempt to make changes to it manually! */
.sprite {
background-image: url('/path/to/sprite.png');
background-repeat: no-repeat;
}
.foo {
background-position: 0 0;
width: 25px;
View Example CSS rules using Glue
.sprite-source-foo, .sprite-source-bar, .sprite-source-baz {
background-image:url('source.png');
background-repeat:no-repeat;
}
.sprite-source-foo {
background-position: 0 0;
width: 25px;
height: 25px;
}
View css_selector
.demo {
display: inline-block;
overflow: visible;
background-color: #e6edf6;
color: #666;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
margin-left: 1em;
View gist:5951589
.columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
margin-bottom: 300px;
padding-bottom: 100px;
background: url(divider.png) no-repeat 50% 100%;
You can’t perform that action at this time.