From 70553cf71746c53e34011f1bbd857ee01ed7e010 Mon Sep 17 00:00:00 2001 From: Arpittiwari Date: Tue, 18 Jun 2024 12:07:31 +0530 Subject: [PATCH 1/2] calculator section done --- blocks/calculator/calculator.css | 99 ++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) diff --git a/blocks/calculator/calculator.css b/blocks/calculator/calculator.css index e69de29bb2..249bcb06d0 100644 --- a/blocks/calculator/calculator.css +++ b/blocks/calculator/calculator.css @@ -0,0 +1,99 @@ +.calculator-section-css .calculator-wrapper .calculator >div >div p { + font-size: 2rem; + font-family: "Nunito-Regular"; + font-weight: bold; + margin: 0; +} + +.calculator-section-css .default-content-wrapper p { + font-size: 20px; + font-family: "Nunito-Regular"; + color: #666666; + margin-top: 0; +} + +.calculator-section-css .columns-wrapper .columns{ + position: relative; +} + +.calculator-section-css .columns-wrapper .columns >div >div{ + width: 100%; + height: 150px; + overflow: hidden; + border-radius: 32px; +} +.calculator-section-css .columns-wrapper .columns img{ + border-radius: 32px; +} + +.calculator-section-css img:hover { + transition: transform 0.3s ease-in-out; + transform: scale(1.2); +} + +.calculator-section-css .columns-wrapper .columns h4{ + top: 10%; + position: absolute; + font-size: 1.5rem; + color: #ffffff; + padding-left: 20px; + font-family: "Nunito-Regular"; +} + +.calculator-section-css .columns-wrapper .columns .button-container a{ + font-size: 14px; + padding: 15px 18px; + background: #F26841; + color: #ffffff; + border-radius: 8px; + position: absolute; + top: 40%; + margin-left: 20px; +} + +@media screen and (max-width: 767.99px) { + .calculator-section-css .calculator-wrapper .calculator >div >div p { + font-size: 18px; + font-weight: bold; + margin: 0; + } + + .calculator-section-css .default-content-wrapper p { + font-size: 14px; + color: #666666; + margin-top: 0; + } + .calculator-section-css .columns-wrapper .columns img { + width: 100%; + height: 110px; + border-radius: 16px; + } + .calculator-section-css .columns-wrapper .columns > div > div { + position: relative; + } + .calculator-section-css .columns-wrapper .columns h4{ + top: 0%; + position: absolute; + font-size: 1rem; + color: #ffffff; + padding-left: 20px; + font-family: "Nunito-Regular"; + } + + .calculator-section-css .columns-wrapper .columns .button-container a{ + font-size: 14px; + padding: 9px 11px; + background: #F26841; + color: #ffffff; + border-radius: 8px; + position: absolute; + top: 25%; + margin-left: 20px; + } + .calculator-section-css .columns-wrapper .columns > div > div p:first-child{ + margin: 0; + } +} + + + From 28abd738059b0618ea8df3eb93c451d45323196d Mon Sep 17 00:00:00 2001 From: Smit Shah Date: Tue, 18 Jun 2024 12:52:33 +0530 Subject: [PATCH 2/2] href added git status --- component-models.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/component-models.json b/component-models.json index 49b903fce7..382a31434a 100644 --- a/component-models.json +++ b/component-models.json @@ -60,6 +60,13 @@ "name": "alt", "value": "Default alt", "label": "Alt Text" + }, + { + "component": "text", + "valueType": "string", + "name": "href", + "value": "", + "label": "Link" } ] },