Jelajahi Sumber

Professional Business: Edit link style adjustment

Takashi Irie 6 tahun lalu
induk
melakukan
6fd2f8733b

+ 4 - 1
professional-business/sass/blocks/_blocks.scss

@@ -1090,13 +1090,16 @@
 		}
 	}
 
+	.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;
-		margin-left: calc(.5 * #{$size__spacing-unit});
 		padding: 0 .4rem .1rem;
 
 		&:hover,

+ 178 - 0
professional-business/style-rtl.css

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

+ 4 - 1
professional-business/style.css

@@ -4528,13 +4528,16 @@ body.page .main-navigation {
   }
 }
 
+.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;
-  margin-left: calc(.5 * 1rem);
   padding: 0 .4rem .1rem;
 }