From f87072a43a7b0bec1e6df669ee2a83e5d38305da Mon Sep 17 00:00:00 2001 From: Max Date: Sun, 10 Feb 2019 18:51:39 +0100 Subject: Finalizes design for special offer page. --- sass/theme.scss | 1 + sass/theme/_offer.scss | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+) create mode 100644 sass/theme/_offer.scss (limited to 'sass') diff --git a/sass/theme.scss b/sass/theme.scss index 5cbd95f..27d7d23 100644 --- a/sass/theme.scss +++ b/sass/theme.scss @@ -24,3 +24,4 @@ // Any additional imported files // @import "theme/contact-form7"; // Contact Form 7 - Bootstrap 4 support @import "theme/theme"; // <--------- That's where you can add your own design. Thats your part! +@import "theme/offer"; // <--------- That's where you can add your own design. Thats your part! diff --git a/sass/theme/_offer.scss b/sass/theme/_offer.scss new file mode 100644 index 0000000..710b18f --- /dev/null +++ b/sass/theme/_offer.scss @@ -0,0 +1,34 @@ +.offer-page { + margin-bottom: 2rem; +} + +.card { + margin-bottom: 1rem; +} + +.card-img { + padding: 5px; + padding-top: 1rem; +} + +.card p { + font-size: 18px; +} + +.card-header { + padding-bottom: 0; +} + +.off-badge { + color: white; + background-color: #F82F06 !important; + font-size: 150%; + padding-right: 10px; + padding-left:10px; + opacity: 0.9; + margin-bottom: 150% !important; + margin-right: 1rem; +} +.off-badge-small { + font-size: 120%; +} -- cgit v1.2.3