Skip to content

M
makura-2025
Commit 0ecde270 by jhukal9@gmail.com
Options

updated the minor changes

parent c9b85799
Showing with 24 additions and 19 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/sass/pages/resources/_resource-listing.scss
...@@ -115,6 +115,13 @@ ...@@ -115,6 +115,13 @@
.resource-item { .resource-item {
height: 100%; height: 100%;
.resource-content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 0 auto;
}
} }
} }
} }
...@@ -166,16 +173,14 @@ ...@@ -166,16 +173,14 @@
.resource-item { .resource-item {
.resource-image { .resource-image {
height: unset; height: unset;
width: 30%; width: 31%;
min-width: 30%; min-width: 31%;
max-height: 180px; max-height: 180px;
overflow: hidden; overflow: hidden;
} }
.resource-content { .resource-content {
padding: 16px 12px 16px 20px; padding: 16px 12px 16px 20px;
display: flex; flex: 0 1 auto;
flex-direction: column;
justify-content: space-between;
a.mc-btn-underlined { a.mc-btn-underlined {
opacity: 0; opacity: 0;
......
template-parts/resource-page/resource-list.php
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
<div class="resources"> <div class="resources">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-xl-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt=""
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt=""
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-04.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-04.png" alt=""
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-05.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-05.png" alt=""
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-06.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-06.png" alt=""
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-07.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-07.png" alt=""
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
<div class="resources"> <div class="resources">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt=""
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt=""
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-04.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-04.png" alt=""
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-05.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-05.png" alt=""
...@@ -259,7 +259,7 @@ ...@@ -259,7 +259,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-06.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-06.png" alt=""
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-07.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-07.png" alt=""
...@@ -314,7 +314,7 @@ ...@@ -314,7 +314,7 @@
<div class="resources"> <div class="resources">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-02.png" alt=""
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,7 @@
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="resource-item d-xl-flex justify-content-start slide-up"> <div class="resource-item d-sm-flex flex-sm-column flex-xl-row justify-content-start slide-up">
<div class="resource-image"> <div class="resource-image">
<a href="#" class="d-block"> <a href="#" class="d-block">
<img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt="" <img src="<?php echo get_parent_theme_file_uri();?>/assets/img/placeholder-03.png" alt=""
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment