initial commit
This commit is contained in:
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Cards Compact",
|
||||
"description": "A compact card-style popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": true,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-cards-compact\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\">{thumb_img}<div class=\"wpp-item-data\"><div class=\"taxonomies\">{taxonomy}</div>{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
.wpp-cards-compact {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
border-bottom: #ddd 1px solid;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-cards-compact li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li:last-of-type,
|
||||
.wpp-cards-compact li:only-child {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li .wpp-thumbnail {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 1em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1;
|
||||
background: #f0f0f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li .taxonomies,
|
||||
.wpp-cards-compact li .wpp-post-title {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li .taxonomies {
|
||||
margin-bottom: 0.25em;
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li .wpp-post-title {
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.wpp-cards-compact li .wpp-excerpt {
|
||||
margin: 0;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Cards",
|
||||
"description": "A card-style popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": true,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": true,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-cards\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\">{thumb_img} <div class=\"wpp-item-data\"><div class=\"taxonomies\">{taxonomy}</div>{title} <p class=\"wpp-excerpt\">{excerpt}</p></div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
.wpp-cards {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-cards li {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
border-bottom: #ddd 1px solid;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-cards li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wpp-cards li:last-of-type,
|
||||
.wpp-cards li:only-child {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wpp-cards li .wpp-thumbnail {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
align-self: flex-start;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 1em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1;
|
||||
background: #f0f0f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wpp-cards li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-cards li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-cards li .taxonomies,
|
||||
.wpp-cards li .wpp-post-title {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wpp-cards li .taxonomies {
|
||||
margin-bottom: 0.25em;
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.wpp-cards li .wpp-post-title {
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.wpp-cards li .wpp-excerpt {
|
||||
margin: 0;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Cardview Compact",
|
||||
"description": "A compact cardview-style popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": true,
|
||||
"build": "manual",
|
||||
"width": 320,
|
||||
"height": 165,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-cardview-compact\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\"><div class=\"wpp-thumbnail-container\">{thumb}<div class=\"taxonomies\">{taxonomy}</div></div> <div class=\"wpp-item-data\">{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,77 @@
|
||||
.wpp-cardview-compact {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li {
|
||||
list-style: none;
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
border-bottom: #ddd 1px solid;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-cardview-compact li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li:last-of-type,
|
||||
.wpp-cardview-compact li:only-child {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact .wpp-thumbnail-container {
|
||||
position: relative;
|
||||
margin-bottom: .8em;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li .wpp-thumbnail {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 0.8em;
|
||||
line-height: 1;
|
||||
background: #f0f0f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li .taxonomies,
|
||||
.wpp-cardview-compact li .wpp-post-title {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li .taxonomies {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 1em;
|
||||
color: #aaa;
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li .taxonomies a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wpp-cardview-compact li .wpp-post-title {
|
||||
margin: 0 0 0.5em;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Cardview",
|
||||
"description": "A cardview-style popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": true,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": true,
|
||||
"build": "manual",
|
||||
"width": 320,
|
||||
"height": 165,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-cardview\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\"><div class=\"wpp-thumbnail-container\">{thumb}<div class=\"taxonomies\">{taxonomy}</div></div> <div class=\"wpp-item-data\">{title} <p class=\"wpp-excerpt\">{excerpt}</p></div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,82 @@
|
||||
.wpp-cardview {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-cardview li {
|
||||
list-style: none;
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
border-bottom: #ddd 1px solid;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-cardview li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wpp-cardview li:last-of-type,
|
||||
.wpp-cardview li:only-child {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wpp-cardview .wpp-thumbnail-container {
|
||||
position: relative;
|
||||
margin-bottom: .8em;
|
||||
}
|
||||
|
||||
.wpp-cardview li .wpp-thumbnail {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 0.8em;
|
||||
line-height: 1;
|
||||
background: #f0f0f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wpp-cardview li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-cardview li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-cardview li .taxonomies,
|
||||
.wpp-cardview li .wpp-post-title {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wpp-cardview li .taxonomies {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 1em;
|
||||
color: #aaa;
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.wpp-cardview li .taxonomies a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wpp-cardview li .wpp-post-title {
|
||||
margin: 0 0 0.5em;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.wpp-cardview li .wpp-excerpt {
|
||||
margin: 0;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Evergreen",
|
||||
"description": "A simple list of popular posts.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": false,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": false,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-evergreen\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\" style=\"--item-position: {item_position}; --total-items: {total_items};\"><div class=\"item-position\"></div> <div class=\"item-data\">{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
.wpp-evergreen {
|
||||
counter-reset: wpp-counter;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
border-right: 6px solid rgb(49, 188, 7);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpp-evergreen li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
counter-increment: wpp-counter;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
background: rgba(49, 188, 7, calc((((var(--total-items) - (var(--item-position) - 1)) * 100)/var(--total-items))/100));
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-evergreen li {
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
}
|
||||
|
||||
.wpp-evergreen li .item-position::before {
|
||||
display: inline-block;
|
||||
flex: 1 0 0;
|
||||
content: counter(wpp-counter);
|
||||
color: rgba(0, 0, 0, 0.15);
|
||||
width: 40px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpp-evergreen li .item-data .wpp-post-title {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.wpp-evergreen li .item-data a {
|
||||
color: #0f470e;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-evergreen li .item-data a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Midnight",
|
||||
"description": "A simple list of popular posts.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": false,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": false,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-midnight\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\" style=\"--item-position: {item_position}; --total-items: {total_items};\"><div class=\"item-position\"></div> <div class=\"item-data\">{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
.wpp-midnight {
|
||||
counter-reset: wpp-counter;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
border-right: 6px solid rgb(0, 51, 51);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpp-midnight li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
counter-increment: wpp-counter;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
background: rgba(0, 51, 51, calc((((var(--total-items) - (var(--item-position) - 1)) * 100)/var(--total-items))/100));
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-midnight li {
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
}
|
||||
|
||||
.wpp-midnight li .item-position::before {
|
||||
display: inline-block;
|
||||
flex: 1 0 0;
|
||||
content: counter(wpp-counter);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
width: 40px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpp-midnight li .item-data .wpp-post-title {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.wpp-midnight li .item-data a {
|
||||
color: #eee;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-midnight li .item-data a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Sunrise",
|
||||
"description": "A simple list of popular posts.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": false,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": false,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-sunrise\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\" style=\"--item-position: {item_position}; --total-items: {total_items};\"><div class=\"item-position\"></div> <div class=\"item-data\">{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
.wpp-sunrise {
|
||||
counter-reset: wpp-counter;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
border-right: 6px solid rgb(255, 255, 124);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpp-sunrise li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
counter-increment: wpp-counter;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
background: rgba(255, 255, 124, calc((((var(--total-items) - (var(--item-position) - 1)) * 100)/var(--total-items))/100));
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-sunrise li {
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
}
|
||||
|
||||
.wpp-sunrise li .item-position::before {
|
||||
display: inline-block;
|
||||
flex: 1 0 0;
|
||||
content: counter(wpp-counter);
|
||||
color: rgba(0, 0, 0, 0.15);
|
||||
width: 40px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpp-sunrise li .item-data .wpp-post-title {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.wpp-sunrise li .item-data a {
|
||||
color: #2b2b09;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-sunrise li .item-data a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Sunset",
|
||||
"description": "A simple list of popular posts.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": false,
|
||||
"build": "manual",
|
||||
"width": 75,
|
||||
"height": 75,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": false,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-sunset\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\" style=\"--item-position: {item_position}; --total-items: {total_items};\"><div class=\"item-position\"></div> <div class=\"item-data\">{title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
.wpp-sunset {
|
||||
counter-reset: wpp-counter;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
border-right: 6px solid rgb(234, 51, 51);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpp-sunset li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
counter-increment: wpp-counter;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
background: rgba(234, 51, 51, calc((((var(--total-items) - (var(--item-position) - 1)) * 100)/var(--total-items))/100));
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-sunset li {
|
||||
margin: 0;
|
||||
padding: 15px 15px 15px 0;
|
||||
}
|
||||
|
||||
.wpp-sunset li .item-position::before {
|
||||
display: inline-block;
|
||||
flex: 1 0 0;
|
||||
content: counter(wpp-counter);
|
||||
color: rgba(0, 0, 0, 0.15);
|
||||
width: 40px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpp-sunset li .item-data .wpp-post-title {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.wpp-sunset li .item-data a {
|
||||
color: #222;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-sunset li .item-data a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "Tiles",
|
||||
"description": "A Tile-styled popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"shorten_title": {
|
||||
"active": false,
|
||||
"length": 25,
|
||||
"words": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false,
|
||||
"length": 75,
|
||||
"keep_format": false,
|
||||
"words": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": true,
|
||||
"build": "manual",
|
||||
"width": 320,
|
||||
"height": 160,
|
||||
"crop": true
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false,
|
||||
"format": "F j, Y"
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-tiles\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\">{thumb}<div class=\"wpp-post-data\">{taxonomy} {title}</div></li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
.wpp-tiles {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-tiles li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-tiles li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-tiles li:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wpp-tiles li .wpp-thumbnail {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 0.8em;
|
||||
line-height: 1;
|
||||
background: #f0f0f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wpp-tiles li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-tiles li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-tiles li .wpp-post-data {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
padding: .75em 1em 1em;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.wpp-tiles li .wpp-post-data .category,
|
||||
.wpp-tiles li .wpp-post-data .wpp-post-title {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wpp-tiles li .wpp-post-data .category {
|
||||
margin: 0;
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.wpp-tiles li .wpp-post-data .wpp-post-title {
|
||||
display: block;
|
||||
margin: 0 0 0;
|
||||
font-size: 1em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "Tiny",
|
||||
"description": "A very compact popular posts list.",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Hector Cabrera",
|
||||
"email": "me@cabrerahector.com",
|
||||
"role": "Creator / Main Developer"
|
||||
}
|
||||
],
|
||||
"config": {
|
||||
"title" : "Trending",
|
||||
"shorten_title": {
|
||||
"active": false
|
||||
},
|
||||
"post-excerpt": {
|
||||
"active": false
|
||||
},
|
||||
"thumbnail": {
|
||||
"active": false
|
||||
},
|
||||
"rating": false,
|
||||
"stats_tag": {
|
||||
"comment_count": false,
|
||||
"views": false,
|
||||
"author": false,
|
||||
"date": {
|
||||
"active": false
|
||||
},
|
||||
"taxonomy": {
|
||||
"active": true,
|
||||
"name": "category"
|
||||
}
|
||||
},
|
||||
"markup": {
|
||||
"wpp-start": "<ul class=\"wpp-list wpp-tiny\">",
|
||||
"wpp-end": "</ul>",
|
||||
"post-html": "<li class=\"{current_class}\"><div class=\"wpp-item-data\">{category}</div> {title}</li>"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
.wpp-tiny {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-tiny li {
|
||||
list-style: none;
|
||||
margin: 0 0 1.2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.in-preview-mode .wpp-tiny li {
|
||||
margin: 0 0 1.2em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpp-tiny li:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wpp-tiny li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpp-tiny li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wpp-tiny li .wpp-post-title {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.wpp-tiny li .wpp-item-data {
|
||||
opacity: 0.5;
|
||||
font-size: 0.65rem;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
Reference in New Issue
Block a user