Skip to content

Commit 3c1859a

Browse files
magefanmagefan
authored
Merge pull request #1 from magefan/changes-20230323
Fixes from demo
2 parents 2de7dfa + bdcf33b commit 3c1859a

File tree

2 files changed

+74
-19
lines changed

2 files changed

+74
-19
lines changed

‎Magefan_Blog/web/css/blog-custom.css‎

Lines changed: 73 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,28 @@
1-
/* Blog Extra */
1+
body.blog-page {
2+
--color-white: #ffffff;
3+
--color-green: #28a745;
4+
--color-yellow: #ffc107;
5+
--color-blue: #4db2ec;
6+
--color-black: #222222;
7+
--color-gray: #bbbbbb;
8+
--color-red: #dc3545;
9+
--border-color: #d5d6da;
10+
11+
/* for light theme */
12+
/*--color-primary: #1a1a1a;*/
13+
/*--color-primary-alt: f5f5f5;*/
14+
/*--color-secondary: #ba933e;*/
15+
--block-title-color: #222222;
16+
17+
/* for dark theme */
18+
/*--color-primary: #1b1b1b;*/
19+
/*--color-primary-alt: #343434;*/
20+
/*--color-secondary: #d23d43;*/
21+
/*--block-title-color: #cdcdcd;*/
22+
}
23+
24+
25+
/* Blog Extra *********************************************************************************************************/
226
[class^=mosaica] .block-title-wrap {line-height: 24px;}
327
[class^=mosaica] .block-title-wrap h4 {padding: 7px 12px 5px;}
428
[class^=mosaica] h3.post-title a {display: inline-block;padding: 0 7px;}
@@ -7,26 +31,57 @@
731
[class^=template-] .block-title-wrap {line-height: 24px;}
832
[class^=template-] .block-title-wrap h4 {padding: 7px 12px 5px;line-height: 16px;}
933
[class^=template-] .post-info a {transition: all .2s ease;}
34+
/* END Blog Extra *****************************************************************************************************/
35+
36+
1037

11-
/* Blog */
12-
.blog-post-view .post-bottom .block.related .block-title strong {padding-bottom: 3px;}
13-
.blog-post-view .post-list.modern .post-info .post-description a {color: var(--color-secondary);}
38+
/* Blog ***************************************************************************************************************/
39+
/* Block Title ******/
40+
.blog-post-view .post-bottom .block.related .block-title {border-color: var(--block-title-color);color: var(--block-title-color);}
41+
.blog-post-view .post-bottom .block.related .block-title strong {padding-bottom: 3px;border-color: var(--block-title-color);}
42+
/* Comments */
43+
.optimized-theme.blog-page .block.comments .c-count {border-color: var(--block-title-color);color: var(--block-title-color);}
44+
.optimized-theme.blog-page .block.comments .c-count strong {border-color: var(--block-title-color);}
1445

1546

47+
/* Blog Post View *****************************************************************************************************/
48+
/* Category */
49+
.blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;border: 1px solid #fff;transition: all .3s ease;}
50+
.blog-post-view .post-category a:hover {background: #555;transition: all .3s ease;}
51+
/* Post View */
52+
/*.blog-post-view .post-view-modern .mf-blog-icon.mfbi-views {background-image: none;}*/
53+
/*.blog-post-view .post-view-modern .mf-blog-icon.mfbi-views svg {fill: currentColor;}*/
54+
/* Post Comments */
55+
/*.blog-post-view .post-view-modern .mf-blog-icon.mfbi-comments {background-image: none;}*/
56+
/*.blog-post-view .post-view-modern .mf-blog-icon.mfbi-comments svg {fill: currentColor;}*/
57+
/* Tags */
58+
.blog-post-view .post-tag {margin-bottom: 20px;}
59+
.blog-post-view .post-tag .post-tag-title {border: 1px solid var(--border-color);}
60+
.blog-post-view .post-tag .post-tags a {color: #ffffff;background: #222;transition: all .3s ease;}
61+
.blog-post-view .post-tag .post-tags a.current,
62+
.blog-post-view .post-tag .post-tags a:hover {background: #555;color: #fff;transition: all .3s ease;}
63+
64+
/* Post Navigation */
65+
.blog-post-view .post-nextprev .post-prev .nextprev-link {text-align: left;}
66+
1667
/* Fix Related Products */
17-
/*.blog-post-view .mfblog-related-products-block .block-content {padding: 0;}*/
18-
/*.blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;margin: 0;}*/
19-
/*.blog-post-view .mfblog-related-products-block .products-grid .product-items .product-item {border: 1px solid transparent;transition: all .3s ease;}*/
20-
/*.blog-post-view .mfblog-related-products-block .products-grid .product-items .product-item.product-item-info {width: auto;}*/
21-
/*@media (min-width: 769px){*/
22-
/* .blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;}*/
23-
/*}*/
24-
/*@media (min-width: 1024px){*/
25-
/* .blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1rem;}*/
26-
/*}*/
27-
/* END Fix Related Products */
68+
.blog-post-view .mfblog-related-products-block .block-content {padding: 0;}
69+
.blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;margin: 0;}
70+
.blog-post-view .mfblog-related-products-block .products-grid .product-items .product-item {width: 100%;border: 1px solid transparent;transition: all .3s ease;}
71+
.blog-post-view .mfblog-related-products-block .products-grid .product-items .product-item.product-item-info {width: auto;}
72+
@media (min-width: 769px){
73+
.blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;}
74+
}
75+
@media (min-width: 1024px){
76+
.blog-post-view .mfblog-related-products-block .products-grid .product-items {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1rem;}
77+
}
78+
/* END Blog Post View *************************************************************************************************/
79+
2880

81+
/* Sidebar ************************************************************************************************************/
2982
/* Search Widget */
30-
/*.widget.blog-search .action.search {background: none;}*/
31-
/*.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '\e615';font-family: 'icons-blank-theme';font-size: 22px;line-height: 22px;color: #8f8f8f;font-weight: normal;margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 22px;height: 22px;opacity: 1;background-image: none;}*/
32-
/* Search Widget */
83+
.widget.blog-search .action.search {background: none;}
84+
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '\e615';font-family: 'icons-blank-theme';font-size: 22px;line-height: 22px;color: #8f8f8f;font-weight: normal;margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 22px;height: 22px;opacity: 1;background-image: none;}
85+
.widget.blog-search .action.search:hover:before {}
86+
/* END Sidebar ********************************************************************************************************/
87+
/* END Blog ***********************************************************************************************************/

‎Magento_Catalog/web/css/source/module/_listings.less‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -226,7 +226,7 @@
226226

227227
.product-items {
228228
display: grid;
229-
grid-template-columns: repeat(2, 1fr);
229+
//grid-template-columns: repeat(2, 1fr);
230230
grid-template-columns: repeat(auto-fill, minmax(calc((100% - (10px * (2 - 1))) / 2), 1fr));
231231
grid-gap: 10px;
232232

0 commit comments

Comments
 (0)