tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added shared buttons and icons; responsive colums.

This commit is contained in:
Fabiano 2018-05-29 10:51:22 -03:00
parent 0db9ba4500
commit c71cd7cc2e
5 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/facebook-circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 898 B

BIN
src/assets/images/google-plus-circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/images/twitter-circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
src/assets/scss/_post.scss
View File

@ -75,12 +75,15 @@
h3{ h3{
color: #000; color: #000;
font-size: 14pt; font-size: 14pt;
font-weight: 600; font-weight: 800;
} }
p { p {
color: #000; color: #000;
font-size: 12pt; font-size: 12pt;
} }
.item-card-link--sharing{
margin-right: 0.5rem;
}
} }
} }
} }

10
src/tainacan/single-items.php
View File

@ -64,20 +64,20 @@
<section class="tainacan-content single-item-collection text-tundora"> <section class="tainacan-content single-item-collection text-tundora">
<div class="single-item-collection--information justify-content-center"> <div class="single-item-collection--information justify-content-center">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-12 col-md-4">
<div class="card border-0"> <div class="card border-0">
<div class="card-body bg-white border-0 pl-0 pt-0 pb-1"> <div class="card-body bg-white border-0 pl-0 pt-0 pb-1">
<h3>Miniature</h3> <h3>Miniature</h3>
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID()) ?>" class="item-card--thumbnail mt-2"> <img src="<?php echo get_the_post_thumbnail_url(get_the_ID()) ?>" class="item-card--thumbnail mt-2">
</div> </div>
</div> </div>
<div class="card border-0 mt-3"> <div class="card border-0 my-3">
<div class="card-body bg-white border-0 pl-0 pt-0 pb-1"> <div class="card-body bg-white border-0 pl-0 pt-0 pb-1">
<h3>Sharing</h3> <h3>Sharing</h3>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<a type="button" class="m-1"></a> <a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/facebook-circle.png'; ?>" alt=""></a>
<a type="button" class="m-1"></a> <a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/twitter-circle.png'; ?>" alt=""></a>
<a type="button" class="m-1"></a> <a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/google-plus-circle.png'; ?>" alt=""></a>
</div> </div>
</div> </div>
</div> </div>