From 47002dc63db32591fbebaf63c14806e74f2067cf Mon Sep 17 00:00:00 2001 From: Pankaj Kumar Bind Date: Fri, 10 May 2024 17:46:30 +0530 Subject: [PATCH] border-radius updated --- assets/css/style.css | 40 ++++++++++++++++------------------------ 1 file changed, 16 insertions(+), 24 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index bc57076c8..d54ca740b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -258,7 +258,7 @@ body { .btn-primary { background-color: var(--old-rose); color: var(--white); - border-radius: 5px; + border-radius: var(--radius-5); } .btn-primary:is(:hover, :focus) { background-color: var(--chinese-violet); } @@ -266,6 +266,7 @@ body { .btn-secondary { border: 1px solid var(--old-rose); color: var(--old-rose); + border-radius: var(--radius-5); } .btn-secondary:is(:hover, :focus) { @@ -373,11 +374,7 @@ body { transition: var(--transition-1); } -.navbar-link:is(:hover, :focus) { - color: var(--old-rose); - transform: scale(1.05); - transition: 0.3s ease-in-out; -} +.navbar-link:is(:hover, :focus) { color: var(--old-rose); } @@ -406,7 +403,7 @@ body { margin-inline: auto; } -.hero-banner .w-100 { border-radius: 10px 30px; } +.hero-banner .w-100 { border-radius: 10px 10px; } .hero-banner::before { top: 30px; @@ -427,7 +424,7 @@ body { color: var(--chinese-violet); font-size: 22px; padding: 24px; - border-radius: 50%; + border-radius: 10; transition: var(--transition-1); animation: pulse 3s ease infinite; } @@ -497,6 +494,7 @@ body { padding: 10px; box-shadow: var(--shadow-3); transition: var(--transition-1); + border-radius: var(--radius-5); } .benefits-card:is(:hover, :focus) .card-icon { box-shadow: none; } @@ -520,7 +518,6 @@ body { border-radius: var(--radius-5); box-shadow: var(--shadow-2); transition: var(--transition-2); - border-radius: 10px; } .chapter-card:is(:hover, :focus-within) { transform: translateY(-10px); } @@ -579,8 +576,6 @@ body { - - /*-----------------------------------*\ #PRICING \*-----------------------------------*/ @@ -590,10 +585,11 @@ body { background-color: var(--white); text-align: center; transition: var(--transition-2); - border-radius: 10px; + border-radius: var(--radius-5); } -.pricing-card:is(:hover, :focus-within){ box-shadow: var(--shadow-4); } +.pricing-card:is(:hover, :focus-within), +.pricing-card.bundle { box-shadow: var(--shadow-4); } .pricing-card:is(:hover, :focus-within) { transform: translateY(-10px); } @@ -626,6 +622,7 @@ body { .author .container { display: grid; gap: 40px; + } .author :is(.section-subtitle, .section-title) { text-align: left; } @@ -689,6 +686,7 @@ body { .contact-form { background-color: var(--seashell); padding: 20px; + border-radius: var(--radius-5); } .input-field { @@ -696,8 +694,8 @@ body { padding: 10px; margin-block-end: 15px; outline: none; + border-radius: var(--radius-5); border-block-end: 2px solid transparent; - border-radius: 8px; } .input-field:focus { border-color: var(--old-rose); } @@ -713,8 +711,8 @@ textarea.input-field { .contact-card { background-color: var(--seashell); + border-radius: var(--radius-5); padding: 30px; - border-radius: 10px; } .contact-card .card-title { @@ -749,6 +747,7 @@ textarea.input-field { font-size: 20px; padding: 5px; box-shadow: var(--shadow-3); + border-radius: var(--radius-5); transition: var(--transition-1); } @@ -835,7 +834,7 @@ textarea.input-field { max-width: 540px; width: 100%; margin-inline: auto; - border-radius: 10px; + border-radius: var(--radius-5); } .section-text { --fs-7: 2rem; } @@ -928,8 +927,6 @@ textarea.input-field { .grid-list { grid-template-columns: 1fr 1fr; } - - /** * HERO */ @@ -1143,8 +1140,7 @@ textarea.input-field { .contact .wrapper { grid-template-columns: 1fr 0.5fr; } - .contact-form { padding: 40px; - border-radius: 10px;} + .contact-form { padding: 40px; } } @@ -1214,10 +1210,6 @@ textarea.input-field { justify-content: space-between; align-items: center; } - .footer-link:hover{ - transform: scale(1.05); - transition: 0.3s ease-in-out; - } .footer .logo { margin-block-end: 0; }