From d6212d2b1841ff1b2c04ec46be497983d40af77c Mon Sep 17 00:00:00 2001 From: Kipruto <43873157+kelvinkipruto@users.noreply.github.com> Date: Mon, 20 Nov 2023 17:14:56 +0300 Subject: [PATCH] FAQ FIx Signed-off-by: Kipruto <43873157+kelvinkipruto@users.noreply.github.com> --- .../assets/css/dist/widgets/faq.css | 150 +++++++++++++++++- .../assets/css/dist/widgets/faq.css.map | 2 +- .../assets/css/src/widgets/faq.scss | 32 +++- 3 files changed, 180 insertions(+), 4 deletions(-) diff --git a/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css b/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css index cdf4a54b..e5257cf5 100644 --- a/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css +++ b/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css @@ -1,9 +1,157 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, +q:before, q:after { + content: ""; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +.button { + text-transform: uppercase; + font-weight: 800; + line-height: 19px; + letter-spacing: 1.6px; + font-size: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + color: #FFFFFF; + border: none; + border-radius: 0; + cursor: pointer; +} +.button .icon { + font-size: 16px; + color: #FFFFFF; +} +.button-icon { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; +} +.button.small { + padding: 8px 16px; +} +.button.medium { + padding: 12px 16px; +} +.button.large { + padding: 24px; +} +.button.cta { + background: #ED1C24; + border: 1px solid #ED1C24; +} +.button.cta:hover { + background: #FEECED; + color: #ED1C24; +} +.button.primary { + background: #0C1A81; + border: 1px solid #0C1A81; +} +.button.primary:hover { + background: #EFF0FD; + color: #0C1A81; +} +.button.secondary { + background: #FEECED; + border: 1px solid #FEECED; +} +.button.secondary:hover { + background: #ED1C24; + color: #FFFFFF; + border: 1px solid #ED1C24; +} +.button.disabled { + background: #CCCFDA; + color: #616582; + border: 1px solid #CCCFDA; + cursor: not-allowed; +} + .faq-list { - padding: 20px; + padding: 80px 16px; } .faq-list .title { display: flex; justify-content: start; } +.faq-list .title .cfa-title { + font-size: 40px; + line-height: 48px; +} +.faq-list .title .cfa-title::after { + left: unset; + transform: unset; +} +@media (min-width: 768px) { + .faq-list { + padding: 80px 24px; + } +} +@media (min-width: 1152px) { + .faq-list { + padding: 80px 60px; + } +} +@media (min-width: 1440px) { + .faq-list { + padding: 80px 148px; + } +} +@media (min-width: 1920px) { + .faq-list { + padding: 80px 388px; + } +} /*# sourceMappingURL=faq.css.map */ diff --git a/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css.map b/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css.map index efdf55ab..8ddc303b 100644 --- a/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css.map +++ b/wp-content/themes/academyAfrica/assets/css/dist/widgets/faq.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/widgets/faq.scss"],"names":[],"mappings":"AAAA;EACI;;AAEA;EACI;EACA","file":"faq.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/abstracts/_reset.scss","../../src/abstracts/_buttons.scss","../../src/abstracts/_colors.scss","../../src/widgets/faq.scss","../../src/abstracts/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EACA;EACA;EACA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AC5CD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC0CmB;EDzCnB;EACA;EACA;;AAEA;EACE;EACA,OCmCiB;;ADhCnB;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE,YCbkB;EDclB;;AACA;EACE,YCrBe;EDsBf,OCjBgB;;ADqBpB;EACE,YCxCgB;EDyChB;;AACA;EACE,YClDa;EDmDb,OC5Cc;;ADgDlB;EACE,YCpCiB;EDqCjB;;AACA;EACE,YClCgB;EDmChB,OCVe;EDWf;;AAIJ;EACE,YCtDgB;EDuDhB,OClDgB;EDmDhB;EACA;;;AEtEJ;EACI;;AACA;EACI;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;ACPR;EDLR;IAkBQ;;;ACTA;EDTR;IAsBQ;;;ACTA;EDbR;IA0BQ;;;ACTA;EDjBR;IA8BQ","file":"faq.css"} \ No newline at end of file diff --git a/wp-content/themes/academyAfrica/assets/css/src/widgets/faq.scss b/wp-content/themes/academyAfrica/assets/css/src/widgets/faq.scss index 44531225..2cd14b04 100644 --- a/wp-content/themes/academyAfrica/assets/css/src/widgets/faq.scss +++ b/wp-content/themes/academyAfrica/assets/css/src/widgets/faq.scss @@ -1,9 +1,37 @@ -.faq-list { - padding: 20px; +@use "../abstracts/" as *; + +.faq-list { + padding: 80px 16px; .title { display: flex; justify-content: start; + + .cfa-title { + font-size: 40px; + line-height: 48px; + + &::after { + left: unset; + transform: unset; + } + } + } + + @include media-breakpoint-up(tablet) { + padding: 80px 24px; + } + + @include media-breakpoint-up(desktop) { + padding: 80px 60px; + } + + @include media-breakpoint-up(large) { + padding: 80px 148px; + } + + @include media-breakpoint-up(xlarge) { + padding: 80px 388px; } } \ No newline at end of file