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

Friendly Business: Edit style adjustment

Browse source
This commit is contained in:
Takashi Irie 2019-05-21 12:58:11 +01:00
parent d70fe1bd10
commit 2dd0b5207b
3 changed files with 156 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1100,14 +1100,17 @@
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;
margin-left: calc(.5 * #{$size__spacing-unit});
padding: .1rem .4rem;
padding: .05rem .4rem;
&:hover,
&:focus {

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

@ -4331,6 +4331,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: #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__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;
margin-right: calc(.5 * 1rem);
padding: .1rem .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 {

7
friendly-business/style.css
View file

@ -4419,14 +4419,17 @@ body.page .main-navigation {
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;
margin-left: calc(.5 * 1rem);
padding: .1rem .4rem;
padding: .05rem .4rem;
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {