From bba003edc9c1600c0f9e04757321161c66c49632 Mon Sep 17 00:00:00 2001 From: Leo Date: Sat, 10 Jun 2023 18:46:58 -0500 Subject: [PATCH] - Add Step Progress Bar. - Prefix partials with `_`. --- scss/elements/{footer.scss => _footer.scss} | 0 scss/elements/{radio.scss => _radio.scss} | 0 scss/elements/{sidebar.scss => _sidebar.scss} | 0 scss/elements/_step-progress-bar.scss | 22 +++++++++++++++++++ scss/essence.scss | 1 + scss/vendors/{prismjs.scss => _prismjs.scss} | 0 6 files changed, 23 insertions(+) rename scss/elements/{footer.scss => _footer.scss} (100%) rename scss/elements/{radio.scss => _radio.scss} (100%) rename scss/elements/{sidebar.scss => _sidebar.scss} (100%) create mode 100644 scss/elements/_step-progress-bar.scss rename scss/vendors/{prismjs.scss => _prismjs.scss} (100%) diff --git a/scss/elements/footer.scss b/scss/elements/_footer.scss similarity index 100% rename from scss/elements/footer.scss rename to scss/elements/_footer.scss diff --git a/scss/elements/radio.scss b/scss/elements/_radio.scss similarity index 100% rename from scss/elements/radio.scss rename to scss/elements/_radio.scss diff --git a/scss/elements/sidebar.scss b/scss/elements/_sidebar.scss similarity index 100% rename from scss/elements/sidebar.scss rename to scss/elements/_sidebar.scss diff --git a/scss/elements/_step-progress-bar.scss b/scss/elements/_step-progress-bar.scss new file mode 100644 index 0000000..dd86987 --- /dev/null +++ b/scss/elements/_step-progress-bar.scss @@ -0,0 +1,22 @@ +.step-progress-bar { + .step-progress-bar-labels { + display: flex; + flex-flow: row; + padding-top: 0.75rem; + + div { + flex-grow: 1; + text-align: center; + color: $secondary; + font-weight: bold; + + &:first-child { + text-align: left; + } + + &:last-child { + text-align: right; + } + } + } +} \ No newline at end of file diff --git a/scss/essence.scss b/scss/essence.scss index a208726..5e787fb 100644 --- a/scss/essence.scss +++ b/scss/essence.scss @@ -18,6 +18,7 @@ @import 'elements/sidebar'; @import 'elements/footer'; @import 'elements/radio'; +@import 'elements/step-progress-bar'; // Vendors @import 'vendors/prismjs'; \ No newline at end of file diff --git a/scss/vendors/prismjs.scss b/scss/vendors/_prismjs.scss similarity index 100% rename from scss/vendors/prismjs.scss rename to scss/vendors/_prismjs.scss