beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #817 from Automattic/add/posts-list-block-style

Browse source 
All style variations: Add style for posts list block
This commit is contained in:
Allan Cole 2019-05-24 12:16:48 -04:00 committed by GitHub
commit eefaa696cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 2802 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

157
calm-business/sass/blocks/_blocks.scss
View file

@ -1050,4 +1050,161 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title,
.a8c-posts-list-item__meta {
a {
text-decoration: none;
}
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: inherit;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
margin: 0 auto;
span {
background: $color__background-button;
color: #fff;
display: inline-block;
font-size: $font__size-xs;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
@include media(tablet) {
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0 auto;
@include media(tablet) {
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__meta {
color: $color__text-main;
font-size: $font__size-xs;
margin: 0 auto;
a {
color: $color__text-main;
}
@include media(tablet) {
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__heading;
font-weight: 700;
padding: .05rem .4rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

180
calm-business/style-rtl.css
View file

@ -4653,6 +4653,186 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #8D6708;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #FAF8F5;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #8D6708;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #242424;
font-size: 0.71111em;
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #242424;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #8D6708;
border-radius: 3px;
font-family: "Poppins", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #8D6708;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #FAF8F5;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #FAF8F5;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

180
calm-business/style.css
View file

@ -4665,6 +4665,186 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #8D6708;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #FAF8F5;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #8D6708;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #242424;
font-size: 0.71111em;
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #242424;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #8D6708;
border-radius: 3px;
font-family: "Poppins", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #8D6708;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #FAF8F5;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #FAF8F5;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

147
elegant-business/sass/blocks/_blocks.scss
View file

@ -991,4 +991,151 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title a,
.a8c-posts-list-item__meta a {
text-decoration: none;
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: $color__text-light;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list {
text-align: center;
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
span {
background: $color__background-button;
color: #fff;
display: inline-block;
font-size: $font__size-xxs;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0;
@include media(tablet) {
font-size: $font__size-xl;
}
}
.a8c-posts-list-item__meta {
color: $color__text-light;
font-size: $font__size-xxs;
font-weight: 500;
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__ui;
font-weight: 700;
padding: .05rem .4rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
text-align: left;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__ui;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

147
elegant-business/style-rtl.css
View file

@ -4391,6 +4391,153 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #767676;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #c43d80;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #c43d80;
color: #fff;
display: inline-block;
font-size: 0.59259em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.59259em;
font-weight: 500;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #c43d80;
border-radius: 3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: right;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #c43d80;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

147
elegant-business/style.css
View file

@ -4403,6 +4403,153 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #767676;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #c43d80;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #c43d80;
color: #fff;
display: inline-block;
font-size: 0.59259em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.59259em;
font-weight: 500;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #c43d80;
border-radius: 3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: left;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #c43d80;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

148
friendly-business/sass/blocks/_blocks.scss
View file

@ -1012,4 +1012,152 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title,
.a8c-posts-list-item__meta {
a {
text-decoration: none;
}
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: inherit;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list {
text-align: center;
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
text-align: center;
span {
background: $color__background-button;
color: #fff;
display: inline-block;
font-size: $font__size-xs;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0;
@include media(tablet) {
font-size: $font__size-xl;
}
}
.a8c-posts-list-item__meta {
font-size: $font__size-xs;
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__heading;
font-weight: 700;
padding: .05rem .4rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
text-align: left;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

149
friendly-business/style-rtl.css
View file

@ -4328,6 +4328,155 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #20603c;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fffdf6;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #20603c;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
font-size: 0.71111em;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #20603c;
border-radius: 3px;
font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: right;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #20603c;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fffdf6;
display: inline-block;
font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fffdf6;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

149
friendly-business/style.css
View file

@ -4340,6 +4340,155 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #20603c;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fffdf6;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #20603c;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
font-size: 0.71111em;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #20603c;
border-radius: 3px;
font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: left;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #20603c;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fffdf6;
display: inline-block;
font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fffdf6;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

147
modern-business/sass/blocks/_blocks.scss
View file

@ -1038,4 +1038,151 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title,
.a8c-posts-list-item__meta {
a {
text-decoration: none;
}
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: inherit;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list {
text-align: center;
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
text-align: center;
span {
background: $color__background-button;
color: #fff;
display: inline-block;
font-size: $font__size-xs;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0;
text-align: center;
}
.a8c-posts-list-item__meta {
color: $color__text-light;
font-size: $font__size-xs;
font-weight: 500;
text-align: center;
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__heading;
font-weight: 700;
padding: .05rem .4rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
text-align: left;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

147
modern-business/style-rtl.css
View file

@ -4477,6 +4477,153 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #c43d80;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #c43d80;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #686868;
font-size: 0.71111em;
font-weight: 500;
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #c43d80;
border-radius: 3px;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: right;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #c43d80;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

147
modern-business/style.css
View file

@ -4489,6 +4489,153 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #c43d80;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #c43d80;
color: #fff;
display: inline-block;
font-size: 0.71111em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #686868;
font-size: 0.71111em;
font-weight: 500;
text-align: center;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #c43d80;
border-radius: 3px;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: left;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #c43d80;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

155
professional-business/sass/blocks/_blocks.scss
View file

@ -1029,4 +1029,159 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title,
.a8c-posts-list-item__meta {
a {
text-decoration: none;
}
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: $color__text-light;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
margin: 0 auto;
span {
background: $color__background-button;
color: #fff;
display: inline-block;
font-size: $font__size-sm;
font-weight: 600;
line-height: 1;
padding: .1rem .25rem .25rem;
z-index: 1;
}
@include media(tablet) {
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0 auto;
@include media(tablet) {
font-size: $font__size-xl;
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__meta {
color: $color__text-light;
font-size: $font__size-sm;
margin: 0 auto;
@include media(tablet) {
@include postContentMaxWidth();
}
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__heading;
font-weight: 600;
padding: 0 .4rem .1rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit ( $size__spacing-unit * .5 );
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

181
professional-business/style-rtl.css
View file

@ -4428,6 +4428,187 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #767676;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #0073aa;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #0073aa;
color: #fff;
display: inline-block;
font-size: 0.88889em;
font-weight: 600;
line-height: 1;
padding: .1rem .25rem .25rem;
z-index: 1;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.88889em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #0073aa;
border-radius: 3px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 600;
padding: 0 .4rem .1rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem 0.5rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content {

181
professional-business/style.css
View file

@ -4440,6 +4440,187 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #4a4a4a;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #767676;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #0073aa;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #fff;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured {
margin: 0 auto;
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #0073aa;
color: #fff;
display: inline-block;
font-size: 0.88889em;
font-weight: 600;
line-height: 1;
padding: .1rem .25rem .25rem;
z-index: 1;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__featured {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__title {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.88889em;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__meta {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #0073aa;
border-radius: 3px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 600;
padding: 0 .4rem .1rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem 0.5rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #fff;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content {

148
sophisticated-business/sass/blocks/_blocks.scss
View file

@ -1083,4 +1083,152 @@
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
//! Posts List
.a8c-posts-list-item__title,
.a8c-posts-list-item__meta {
a {
text-decoration: none;
}
}
.a8c-posts-list__view-all {
text-decoration: none;
}
.a8c-posts-list-item__title {
a {
color: inherit;
&:hover,
&:focus {
color: $color__text-hover;
}
}
}
.a8c-posts-list-item__meta {
a {
color: $color__text-light;
&:hover,
&:focus {
color: $color__link;
}
}
.a8c-posts-list-item__edit-link {
a {
color: $color__background-body;
}
}
}
.a8c-posts-list {
text-align: center;
}
.a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * #{$size__spacing-unit});
}
.a8c-posts-list-item__featured {
span {
background: $color__background-button;
color: $color__background-body;
display: inline-block;
font-size: $font__size-xxs;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
}
.a8c-posts-list-item__post-thumbnail {
margin-bottom: $size__vertical-spacing-unit;
img {
display: block;
}
}
.a8c-posts-list-item__title {
font-size: $font__size-lg;
margin: 0;
@include media(tablet) {
font-size: $font__size-xl;
}
}
.a8c-posts-list-item__meta {
color: $color__text-light;
font-size: $font__size-xxs;
}
.a8c-posts-list-item__author {
margin-right: calc(.5 * #{$size__spacing-unit});
}
.a8c-posts-list-item__edit-link {
@include button-transition;
background: $color__background-button;
border-radius: 3px;
font-family: $font__heading;
font-weight: 600;
padding: .05rem .4rem;
&:hover,
&:focus {
background: $color__background-button-hover;
cursor: pointer;
}
}
.a8c-posts-list-item__excerpt {
@include postContentMaxWidth();
margin: 0 auto;
text-align: left;
p {
margin: $size__vertical-spacing-unit 0;
}
}
.a8c-posts-list__view-all {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
display: inline-block;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 600;
line-height: $font__line-height-heading;
margin-top: calc(6 * #{$size__spacing-unit} - #{$size__vertical-spacing-unit});
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}

146
sophisticated-business/style-rtl.css
View file

@ -4446,6 +4446,152 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #c6c6c6;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #cccccc;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #caab57;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #080808;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #caab57;
color: #080808;
display: inline-block;
font-size: 0.59259em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #cccccc;
font-size: 0.59259em;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-left: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #caab57;
border-radius: 3px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 600;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #b59439;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: right;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #caab57;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #080808;
display: inline-block;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 600;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #b59439;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #080808;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #b59439;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {

146
sophisticated-business/style.css
View file

@ -4458,6 +4458,152 @@ body.page .main-navigation {
color: #FFF;
}
.entry .entry-content .a8c-posts-list-item__title a,
.entry .entry-content .a8c-posts-list-item__meta a {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all {
text-decoration: none;
}
.entry .entry-content .a8c-posts-list-item__title a {
color: inherit;
}
.entry .entry-content .a8c-posts-list-item__title a:hover, .entry .entry-content .a8c-posts-list-item__title a:focus {
color: #c6c6c6;
}
.entry .entry-content .a8c-posts-list-item__meta a {
color: #cccccc;
}
.entry .entry-content .a8c-posts-list-item__meta a:hover, .entry .entry-content .a8c-posts-list-item__meta a:focus {
color: #caab57;
}
.entry .entry-content .a8c-posts-list-item__meta .a8c-posts-list-item__edit-link a {
color: #080808;
}
.entry .entry-content .a8c-posts-list {
text-align: center;
}
.entry .entry-content .a8c-posts-list__item:not(:first-child) {
margin-top: calc(6 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__featured span {
background: #caab57;
color: #080808;
display: inline-block;
font-size: 0.59259em;
font-weight: bold;
line-height: 1;
padding: .25rem;
text-transform: uppercase;
z-index: 1;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail {
margin-bottom: 32px;
}
.entry .entry-content .a8c-posts-list-item__post-thumbnail img {
display: block;
}
.entry .entry-content .a8c-posts-list-item__title {
font-size: 1.6875em;
margin: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__title {
font-size: 2.25em;
}
}
.entry .entry-content .a8c-posts-list-item__meta {
color: #cccccc;
font-size: 0.59259em;
}
.entry .entry-content .a8c-posts-list-item__author {
margin-right: calc(.5 * 1rem);
}
.entry .entry-content .a8c-posts-list-item__edit-link {
transition: background 150ms ease-in-out;
background: #caab57;
border-radius: 3px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 600;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #b59439;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list-item__excerpt {
margin: 0 auto;
text-align: left;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .a8c-posts-list-item__excerpt {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .a8c-posts-list-item__excerpt p {
margin: 32px 0;
}
.entry .entry-content .a8c-posts-list__view-all {
transition: background 150ms ease-in-out;
background: #caab57;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #080808;
display: inline-block;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 600;
line-height: 1.2;
margin-top: calc(6 * 1rem - 32px);
outline: none;
padding: 0.76rem 1rem;
vertical-align: bottom;
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #b59439;
cursor: pointer;
}
.entry .entry-content .a8c-posts-list__view-all:visited {
color: #080808;
text-decoration: none;
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #b59439;
outline: thin dotted;
outline-offset: -4px;
}
/* Site Builder */
/* !Site Builder styles */
.entry .entry-content .site-builder__header {