first commit
This commit is contained in:
+151
@@ -0,0 +1,151 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar {
|
||||
--cnvs-posts-sidebar-thumbnail-width: 80px;
|
||||
--cnvs-posts-sidebar-thumbnail-gutter: 2rem;
|
||||
--cnvs-posts-sidebar-number-top: 0;
|
||||
--cnvs-posts-sidebar-number-right: 0;
|
||||
--cnvs-posts-sidebar-number-left: initial;
|
||||
--cnvs-posts-sidebar-number-bottom: initial;
|
||||
--cnvs-posts-sidebar-number-width: 30px;
|
||||
--cnvs-posts-sidebar-number-height: 30px;
|
||||
--cnvs-posts-sidebar-number-line-height: 30px;
|
||||
--cnvs-posts-sidebar-number-background: #000;
|
||||
--cnvs-posts-sidebar-number-color: white;
|
||||
--cnvs-posts-sidebar-number-font-size: 80%;
|
||||
--cnvs-posts-sidebar-number-border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar .cnvs-posts-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-outer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail {
|
||||
position: relative;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
margin-left: var(--cnvs-posts-sidebar-thumbnail-gutter);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail img {
|
||||
width: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
height: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
font-family: 'object-fit: cover;';
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-number {
|
||||
background: var(--cnvs-posts-sidebar-number-background);
|
||||
position: absolute;
|
||||
top: var(--cnvs-posts-sidebar-number-top);
|
||||
right: var(--cnvs-posts-sidebar-number-left);
|
||||
left: var(--cnvs-posts-sidebar-number-right);
|
||||
bottom: var(--cnvs-posts-sidebar-number-bottom);
|
||||
width: var(--cnvs-posts-sidebar-number-width);
|
||||
height: var(--cnvs-posts-sidebar-number-height);
|
||||
line-height: var(--cnvs-posts-sidebar-number-line-height);
|
||||
color: var(--cnvs-posts-sidebar-number-color);
|
||||
text-align: center;
|
||||
font-size: var(--cnvs-posts-sidebar-number-font-size);
|
||||
border-radius: var(--cnvs-posts-sidebar-number-border-radius);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .meta-category {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .entry-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .avatar {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + * {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + *:before {
|
||||
content: "\b7";
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .published + .updated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail {
|
||||
margin-left: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
+151
@@ -0,0 +1,151 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar {
|
||||
--cnvs-posts-sidebar-thumbnail-width: 80px;
|
||||
--cnvs-posts-sidebar-thumbnail-gutter: 2rem;
|
||||
--cnvs-posts-sidebar-number-top: 0;
|
||||
--cnvs-posts-sidebar-number-left: 0;
|
||||
--cnvs-posts-sidebar-number-right: initial;
|
||||
--cnvs-posts-sidebar-number-bottom: initial;
|
||||
--cnvs-posts-sidebar-number-width: 30px;
|
||||
--cnvs-posts-sidebar-number-height: 30px;
|
||||
--cnvs-posts-sidebar-number-line-height: 30px;
|
||||
--cnvs-posts-sidebar-number-background: #000;
|
||||
--cnvs-posts-sidebar-number-color: white;
|
||||
--cnvs-posts-sidebar-number-font-size: 80%;
|
||||
--cnvs-posts-sidebar-number-border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar .cnvs-posts-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-outer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail {
|
||||
position: relative;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
margin-right: var(--cnvs-posts-sidebar-thumbnail-gutter);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail img {
|
||||
width: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
height: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
font-family: 'object-fit: cover;';
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-number {
|
||||
background: var(--cnvs-posts-sidebar-number-background);
|
||||
position: absolute;
|
||||
top: var(--cnvs-posts-sidebar-number-top);
|
||||
left: var(--cnvs-posts-sidebar-number-left);
|
||||
right: var(--cnvs-posts-sidebar-number-right);
|
||||
bottom: var(--cnvs-posts-sidebar-number-bottom);
|
||||
width: var(--cnvs-posts-sidebar-number-width);
|
||||
height: var(--cnvs-posts-sidebar-number-height);
|
||||
line-height: var(--cnvs-posts-sidebar-number-line-height);
|
||||
color: var(--cnvs-posts-sidebar-number-color);
|
||||
text-align: center;
|
||||
font-size: var(--cnvs-posts-sidebar-number-font-size);
|
||||
border-radius: var(--cnvs-posts-sidebar-number-border-radius);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .meta-category {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .entry-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .avatar {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + * {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + *:before {
|
||||
content: "\b7";
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .published + .updated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail {
|
||||
margin-right: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
+145
@@ -0,0 +1,145 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar {
|
||||
--cnvs-posts-sidebar-thumbnail-width: 80px;
|
||||
--cnvs-posts-sidebar-thumbnail-gutter: 2rem;
|
||||
--cnvs-posts-sidebar-number-top: 0;
|
||||
--cnvs-posts-sidebar-number-right: 0;
|
||||
--cnvs-posts-sidebar-number-left: initial;
|
||||
--cnvs-posts-sidebar-number-bottom: initial;
|
||||
--cnvs-posts-sidebar-number-width: 30px;
|
||||
--cnvs-posts-sidebar-number-height: 30px;
|
||||
--cnvs-posts-sidebar-number-line-height: 30px;
|
||||
--cnvs-posts-sidebar-number-background: #000;
|
||||
--cnvs-posts-sidebar-number-color: white;
|
||||
--cnvs-posts-sidebar-number-font-size: 80%;
|
||||
--cnvs-posts-sidebar-number-border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar .cnvs-posts-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-outer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail {
|
||||
position: relative;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
margin-left: var(--cnvs-posts-sidebar-thumbnail-gutter);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail img {
|
||||
width: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
height: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
font-family: 'object-fit: cover;';
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-number {
|
||||
background: var(--cnvs-posts-sidebar-number-background);
|
||||
position: absolute;
|
||||
top: var(--cnvs-posts-sidebar-number-top);
|
||||
right: var(--cnvs-posts-sidebar-number-left);
|
||||
left: var(--cnvs-posts-sidebar-number-right);
|
||||
bottom: var(--cnvs-posts-sidebar-number-bottom);
|
||||
width: var(--cnvs-posts-sidebar-number-width);
|
||||
height: var(--cnvs-posts-sidebar-number-height);
|
||||
line-height: var(--cnvs-posts-sidebar-number-line-height);
|
||||
color: var(--cnvs-posts-sidebar-number-color);
|
||||
text-align: center;
|
||||
font-size: var(--cnvs-posts-sidebar-number-font-size);
|
||||
border-radius: var(--cnvs-posts-sidebar-number-border-radius);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .meta-category {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .entry-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .avatar {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + * {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + *:before {
|
||||
content: "\b7";
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .published + .updated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail {
|
||||
margin-left: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
+145
@@ -0,0 +1,145 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar {
|
||||
--cnvs-posts-sidebar-thumbnail-width: 80px;
|
||||
--cnvs-posts-sidebar-thumbnail-gutter: 2rem;
|
||||
--cnvs-posts-sidebar-number-top: 0;
|
||||
--cnvs-posts-sidebar-number-left: 0;
|
||||
--cnvs-posts-sidebar-number-right: initial;
|
||||
--cnvs-posts-sidebar-number-bottom: initial;
|
||||
--cnvs-posts-sidebar-number-width: 30px;
|
||||
--cnvs-posts-sidebar-number-height: 30px;
|
||||
--cnvs-posts-sidebar-number-line-height: 30px;
|
||||
--cnvs-posts-sidebar-number-background: #000;
|
||||
--cnvs-posts-sidebar-number-color: white;
|
||||
--cnvs-posts-sidebar-number-font-size: 80%;
|
||||
--cnvs-posts-sidebar-number-border-radius: 0;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.cnvs-block-posts-sidebar .cnvs-posts-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-outer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail {
|
||||
position: relative;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
margin-right: var(--cnvs-posts-sidebar-thumbnail-gutter);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-thumbnail img {
|
||||
width: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
height: var(--cnvs-posts-sidebar-thumbnail-width);
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
font-family: 'object-fit: cover;';
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-number {
|
||||
background: var(--cnvs-posts-sidebar-number-background);
|
||||
position: absolute;
|
||||
top: var(--cnvs-posts-sidebar-number-top);
|
||||
left: var(--cnvs-posts-sidebar-number-left);
|
||||
right: var(--cnvs-posts-sidebar-number-right);
|
||||
bottom: var(--cnvs-posts-sidebar-number-bottom);
|
||||
width: var(--cnvs-posts-sidebar-number-width);
|
||||
height: var(--cnvs-posts-sidebar-number-height);
|
||||
line-height: var(--cnvs-posts-sidebar-number-line-height);
|
||||
color: var(--cnvs-posts-sidebar-number-color);
|
||||
text-align: center;
|
||||
font-size: var(--cnvs-posts-sidebar-number-font-size);
|
||||
border-radius: var(--cnvs-posts-sidebar-number-border-radius);
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .meta-category {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-data .entry-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .avatar {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + * {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta > * + *:before {
|
||||
content: "\b7";
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta .published + .updated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar .cnvs-post-meta-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-item:not(:first-child) {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail {
|
||||
margin-right: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
+74
@@ -0,0 +1,74 @@
|
||||
<?php
|
||||
/**
|
||||
* Posts Sidebar
|
||||
*
|
||||
* @link https://codesupply.co
|
||||
* @since 1.0.0
|
||||
*
|
||||
* @package PowerKit
|
||||
* @subpackage PowerKit/templates
|
||||
*/
|
||||
|
||||
// when layout is not selected, used list.php
|
||||
// but we don't need to print any html in this situation.
|
||||
if ( ! isset( $attributes['layout'] ) || ! $attributes['layout'] ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$class_name = $attributes['canvasClassName'];
|
||||
|
||||
$class_name .= sprintf( ' cnvs-block-posts-%s', $attributes['layout'] );
|
||||
?>
|
||||
<div class="cnvs-block-posts-sidebar <?php echo esc_attr( $class_name ); ?>">
|
||||
<div class="cnvs-block-posts-sidebar-inner">
|
||||
<ul class="cnvs-posts-list">
|
||||
<?php
|
||||
while ( $posts->have_posts() ) {
|
||||
$posts->the_post();
|
||||
?>
|
||||
<li class="cnvs-post-item">
|
||||
<article <?php post_class(); ?>>
|
||||
|
||||
<div class="cnvs-post-outer">
|
||||
|
||||
<?php if ( has_post_thumbnail() ) { ?>
|
||||
<div class="cnvs-post-inner cnvs-post-thumbnail">
|
||||
<a href="<?php the_permalink(); ?>" class="post-thumbnail">
|
||||
<?php the_post_thumbnail( $attributes['imageSize'] ); ?>
|
||||
|
||||
<?php if ( 'sidebar-numbered' === $attributes['layout'] ) : ?>
|
||||
<span class="cnvs-post-number">
|
||||
<?php echo esc_html( $posts->current_post + 1 ); ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="cnvs-post-inner cnvs-post-data">
|
||||
<?php
|
||||
// Post Meta.
|
||||
cnvs_block_post_meta( $attributes, 'category' );
|
||||
?>
|
||||
|
||||
<?php
|
||||
// Post Title.
|
||||
$tag = ( 'sidebar-large' === $attributes['layout'] ) ? 'h5' : 'h6';
|
||||
|
||||
the_title( '<' . $tag . ' class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></' . $tag . '>' );
|
||||
|
||||
// Post Meta.
|
||||
cnvs_block_post_meta( $attributes, cnvs_allowed_post_meta( true, 'category' ) );
|
||||
?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user