Skip to content
This repository has been archived by the owner on Aug 30, 2018. It is now read-only.

Moved gift card icon to svg so color can change #342

Merged
merged 3 commits into from
Mar 2, 2015
Merged

Moved gift card icon to svg so color can change #342

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b6a3e5b
Moved gift card icon to svg so color can change
cshold Feb 25, 2015
aecea01
Remove svg icon in ie8
cshold Feb 25, 2015
972d5a5
Minor style updates in giftcard
cshold Mar 2, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 10 additions & 3 deletions assets/gift-card.scss.liquid
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,10 @@ $gutter: 30px;
/*============================================================================
#Base Styles
==============================================================================*/
header, nav, section, article, aside, footer {
display:block;
}

.template-giftcard,
.template-giftcard body {
background: $colorBody;
Expand Down Expand Up @@ -363,9 +367,12 @@ $gutter: 30px;


.giftcard__icon {
width: 45px;
display: inline-block;
vertical-align: baseline;
display: none;

.svg & {
display: inline-block;
vertical-align: baseline;
}
}

#QrCode {
Expand Down
1 change: 1 addition & 0 deletions assets/ico-gift-card.svg.liquid
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<svg width="46" height="30" xmlns="http://www.w3.org/2000/svg" stroke="{{ settings.color_borders }}" fill="none" stroke-width="2"><g transform="translate(1 1)"><path d="M22 12c0 3.866-4.477 7-10 7M22 12c0 3.866 4.477 7 10 7"/><path d="M26 7c-2.21 0-4 1.79-4 4v3.993h3.864c.046.002.09.007.136.007 2.21 0 4-1.79 4-4s-1.79-4-4-4zM18 7c2.21 0 4 1.79 4 4v3.993h-3.865c-.045.002-.09.007-.135.007-2.21 0-4-1.79-4-4s1.79-4 4-4zM22 .5V27M1 15h42"/><rect width="44" height="28" rx="2"/></g></svg>
6 changes: 3 additions & 3 deletions templates/gift_card.liquid
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,11 +41,11 @@
<header class="giftcard-header" role="banner">
<div class="h1 header-logo" itemscope itemtype="http://schema.org/Organization">
{% if settings.logo_use_image %}
<a href="/" itemprop="url">
<a href="{{ shop.url }}" itemprop="url">
<img src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" itemprop="logo">
</a>
{% else %}
<a href="/" itemprop="url">{{ shop.name }}</a>
<a href="{{ shop.url }}" itemprop="url">{{ shop.name }}</a>
{% endif %}
</div>
<div class="shop-url">{{ shop.url }}</div>
Expand Down Expand Up @@ -115,7 +115,7 @@
</main>

<footer class="giftcard__footer" role="contentinfo">
<img src="{{ 'gift-card/icon-bug.png' | shopify_asset_url }}" class="giftcard__icon" alt="{{ 'gift_cards.issued.subtext' | t }}">
<img src="{{ 'ico-gift-card.svg' | asset_url }}" class="giftcard__icon" alt="{{ 'gift_cards.issued.subtext' | t }}">
</footer>

</div>
Expand Down