From 993c3210546ca6c65d70093a043e8ccef7c8175f Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Mon, 24 Jul 2023 08:31:49 +0700 Subject: [PATCH] Update mixin.pug code --- practice/practice-02/src/includes/mixins.pug | 29 +++++++++----------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/practice/practice-02/src/includes/mixins.pug b/practice/practice-02/src/includes/mixins.pug index 73b11dd..0fa72f2 100644 --- a/practice/practice-02/src/includes/mixins.pug +++ b/practice/practice-02/src/includes/mixins.pug @@ -1,28 +1,25 @@ - var values = [1, 2, 3]; mixin cardFoodItem(itemFood, price, ratePoint, foodName, foodDescription) - .offer__card-item - img.offer__card-img( - src=offer_img_path + "item-card.png", - alt="Item card image" - ) - img.offer__food-image( + .card-item + img.card-img(src=offer_img_path + "item-card.png", alt="Item card image") + img.food-image( src=offer_img_path + "food-" + itemFood + ".png", alt="Food " + itemFood + " image" ) - span.offer__price= price + "$" - .offer__content-card - .offer__rate - .offer__avatar-container + span.price= price + "$" + .content-card + .rate + .avatar-container each val in values img( src=offer_img_path + "avatar-" + val + "-item-" + itemFood + ".png", alt="Avatar user rate", - class="offer__avatar-" + val + class="avatar-" + val ) - .offer__star-container + .star-container img(src=offer_img_path + "star.png", alt="Star image") - span.offer__rate-point= "(" + ratePoint + ")" - span.offer__food-name= foodName - p.offer__food-description= foodDescription - a.offer__order-btn.btn.no-underline(href="javascript:void(0)") Order now + span.rate-point= "(" + ratePoint + ")" + span.food-name= foodName + p.food-description= foodDescription + a.order-btn.btn.no-underline(href="javascript:void(0)") Order now