From 7443525e6fa7a1e9270f0b9bd5c08ccd220f5b2d Mon Sep 17 00:00:00 2001 From: Tony Air Date: Wed, 18 Jul 2018 13:48:55 +0700 Subject: [PATCH] Minor updates --- app/client/src/img/.gitkeep | 0 app/client/src/img/icon-cfpb.png | Bin 4006 -> 0 bytes app/client/src/img/icon-lender.png | Bin 946 -> 0 bytes app/client/src/img/logo.png | Bin 5209 -> 0 bytes .../src/scss/_components/_ui.bootstrap.scss | 35 +++++ .../src/scss/_components/_ui.carousel.scss | 25 ++-- .../src/scss/_components/_ui.elemental.scss | 28 ++++ .../src/scss/_components/_ui.fontawesome.scss | 3 + .../src/scss/_components/_ui.lightbox.scss | 5 + app/client/src/scss/_components/_ui.main.scss | 63 ++++++++ app/client/src/scss/app.scss | 140 +----------------- app/templates/Includes/FlexSlider.ss | 2 +- package.json | 17 +-- 13 files changed, 163 insertions(+), 155 deletions(-) create mode 100644 app/client/src/img/.gitkeep delete mode 100644 app/client/src/img/icon-cfpb.png delete mode 100644 app/client/src/img/icon-lender.png delete mode 100644 app/client/src/img/logo.png create mode 100644 app/client/src/scss/_components/_ui.bootstrap.scss create mode 100644 app/client/src/scss/_components/_ui.elemental.scss create mode 100644 app/client/src/scss/_components/_ui.fontawesome.scss create mode 100644 app/client/src/scss/_components/_ui.lightbox.scss create mode 100644 app/client/src/scss/_components/_ui.main.scss diff --git a/app/client/src/img/.gitkeep b/app/client/src/img/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/app/client/src/img/icon-cfpb.png b/app/client/src/img/icon-cfpb.png deleted file mode 100644 index eddc461afe269c3561ee5feedc05a102252cc661..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4006 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 CcJXuo diff --git a/app/client/src/img/icon-lender.png b/app/client/src/img/icon-lender.png deleted file mode 100644 index ea52e0c39c2da5dc55d23775de49a385538e88f3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 946 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 diff --git a/app/client/src/scss/_components/_ui.bootstrap.scss b/app/client/src/scss/_components/_ui.bootstrap.scss new file mode 100644 index 0000000..c5b4dd3 --- /dev/null +++ b/app/client/src/scss/_components/_ui.bootstrap.scss @@ -0,0 +1,35 @@ +// Bootstrap +@import "~bootstrap/scss/root"; +@import "~bootstrap/scss/reboot"; +@import "~bootstrap/scss/type"; +@import "~bootstrap/scss/images"; +@import "~bootstrap/scss/code"; +@import "~bootstrap/scss/grid"; +@import "~bootstrap/scss/tables"; +@import "~bootstrap/scss/forms"; +@import "~bootstrap/scss/buttons"; +@import "~bootstrap/scss/transitions"; +@import "~bootstrap/scss/dropdown"; +@import "~bootstrap/scss/button-group"; +@import "~bootstrap/scss/input-group"; +@import "~bootstrap/scss/custom-forms"; +@import "~bootstrap/scss/nav"; +@import "~bootstrap/scss/navbar"; +@import "~bootstrap/scss/card"; +@import "~bootstrap/scss/breadcrumb"; +@import "~bootstrap/scss/pagination"; +@import "~bootstrap/scss/badge"; +@import "~bootstrap/scss/jumbotron"; +@import "~bootstrap/scss/alert"; +@import "~bootstrap/scss/progress"; +@import "~bootstrap/scss/media"; +@import "~bootstrap/scss/list-group"; +@import "~bootstrap/scss/close"; +@import "~bootstrap/scss/modal"; +@import "~bootstrap/scss/tooltip"; +@import "~bootstrap/scss/popover"; +@import "~bootstrap/scss/carousel"; +@import "~bootstrap/scss/utilities"; +@import "~bootstrap/scss/print"; + +@import "_ui.carousel"; diff --git a/app/client/src/scss/_components/_ui.carousel.scss b/app/client/src/scss/_components/_ui.carousel.scss index 085366d..3d3c1f2 100644 --- a/app/client/src/scss/_components/_ui.carousel.scss +++ b/app/client/src/scss/_components/_ui.carousel.scss @@ -1,19 +1,24 @@ +/* + * Bootstrap carousel improvement + */ + .carousel-control-prev, .carousel-control-next { - z-index: 2; - font-size: 3rem; - text-shadow: 1px 1px #000; - &:hover, - &:focus { - background: rgba(0, 0, 0, 0.6); - } + z-index: 2; + font-size: 3rem; + text-shadow: 1px 1px #000; + + &:hover, + &:focus { + background: rgba(0, 0, 0, 0.6); + } } .carousel-indicators li { - box-shadow: 1px 1px #000; + box-shadow: 1px 1px #000; } .carousel-title, .carousel-content { - text-shadow: 1px 1px #000; -} \ No newline at end of file + text-shadow: 1px 1px #000; +} diff --git a/app/client/src/scss/_components/_ui.elemental.scss b/app/client/src/scss/_components/_ui.elemental.scss new file mode 100644 index 0000000..5bec13f --- /dev/null +++ b/app/client/src/scss/_components/_ui.elemental.scss @@ -0,0 +1,28 @@ +/* + * Basic styles for silverstripe-elemental + */ + +// hide default page title cuz elemental object will be used to display titles +h1 { + display: none; +} + +// add top/bottom paddings for basic elements +.page-content > .element { + position: relative; + padding: ($grid-gutter-height / 2) 0; + + // remove paddings of the slideshow + &.dynamic__elements__image__elements__elementimage, + &.dynamic__elements__flexslider__elements__elementslideshow { + padding: 0; + } +} + +// remove container paddings for the slideshow +.dynamic__elements__image__elements__elementimage, +.dynamic__elements__flexslider__elements__elementslideshow { + .container-fluid { + padding: 0; + } +} diff --git a/app/client/src/scss/_components/_ui.fontawesome.scss b/app/client/src/scss/_components/_ui.fontawesome.scss new file mode 100644 index 0000000..b5c3c8d --- /dev/null +++ b/app/client/src/scss/_components/_ui.fontawesome.scss @@ -0,0 +1,3 @@ +$fa-font-path: "~font-awesome/fonts"; + +@import "~font-awesome/scss/font-awesome"; diff --git a/app/client/src/scss/_components/_ui.lightbox.scss b/app/client/src/scss/_components/_ui.lightbox.scss new file mode 100644 index 0000000..e484209 --- /dev/null +++ b/app/client/src/scss/_components/_ui.lightbox.scss @@ -0,0 +1,5 @@ +$lightbox-breakpoint: map-get($grid-breakpoints, "sm"); +$lightbox-link-hover-color: $link-hover-color; + +@import "~meta-lightbox/scss/meta-lightbox"; +@import "~meta-lightbox/scss/meta-lightbox-theme"; diff --git a/app/client/src/scss/_components/_ui.main.scss b/app/client/src/scss/_components/_ui.main.scss new file mode 100644 index 0000000..a077118 --- /dev/null +++ b/app/client/src/scss/_components/_ui.main.scss @@ -0,0 +1,63 @@ +/* + * some basic styles + */ + +// don't let images be wider than the parent layer +iframe, +img { + max-width: 100%; +} + +a:hover, +a:focus { + opacity: .8; + + .fas, + .fab, + &.fas, + &.fab { + transform: rotate(-180deg); + } +} + +// transactions +.transition, +a, a img, +a .fas, a .fab, +a.fas, a.fab, +button, input, optgroup, select, textarea, +.btn, +.alert, +.dropdown, +[data-target], +.container, +.container-fluid, +.row, +[class="col-*"] { + transition: all 0.4s ease; +} + +// stick navbar to top using mobile layout +#Header { + position: relative; + padding-top: $grid-gutter-height / 2; + padding-bottom: 1rem; + + @media (min-width: map-get($grid-breakpoints, "lg")) { + padding-top: 1rem; + padding-bottom: 0; + } +} + +#Navigation { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 10; + + @media (min-width: map-get($grid-breakpoints, "lg")) { + position: relative; + margin-top: 1rem; + } +} diff --git a/app/client/src/scss/app.scss b/app/client/src/scss/app.scss index 5da7413..3d9f20b 100644 --- a/app/client/src/scss/app.scss +++ b/app/client/src/scss/app.scss @@ -1,141 +1,13 @@ // Your custom variables @import "_variables"; -// Bootstrap -@import "~bootstrap/scss/root"; -@import "~bootstrap/scss/reboot"; -@import "~bootstrap/scss/type"; -@import "~bootstrap/scss/images"; -@import "~bootstrap/scss/code"; -@import "~bootstrap/scss/grid"; -@import "~bootstrap/scss/tables"; -@import "~bootstrap/scss/forms"; -@import "~bootstrap/scss/buttons"; -@import "~bootstrap/scss/transitions"; -@import "~bootstrap/scss/dropdown"; -@import "~bootstrap/scss/button-group"; -@import "~bootstrap/scss/input-group"; -@import "~bootstrap/scss/custom-forms"; -@import "~bootstrap/scss/nav"; -@import "~bootstrap/scss/navbar"; -@import "~bootstrap/scss/card"; -@import "~bootstrap/scss/breadcrumb"; -@import "~bootstrap/scss/pagination"; -@import "~bootstrap/scss/badge"; -@import "~bootstrap/scss/jumbotron"; -@import "~bootstrap/scss/alert"; -@import "~bootstrap/scss/progress"; -@import "~bootstrap/scss/media"; -@import "~bootstrap/scss/list-group"; -@import "~bootstrap/scss/close"; -@import "~bootstrap/scss/modal"; -@import "~bootstrap/scss/tooltip"; -@import "~bootstrap/scss/popover"; -@import "~bootstrap/scss/carousel"; -@import "~bootstrap/scss/utilities"; -@import "~bootstrap/scss/print"; +@import "_components/_ui.bootstrap"; +@import "_components/_ui.fontawesome"; +@import "_components/_ui.lightbox"; -// Fontawesome -$fa-font-path: "~font-awesome/fonts"; +@import "_components/_ui.main"; +@import "_components/_ui.elemental"; -@import "~font-awesome/scss/font-awesome"; - -// Extra modules -$lightbox-breakpoint: map-get($grid-breakpoints, "sm"); -$lightbox-link-hover-color: $link-hover-color; - -@import "~meta-lightbox/scss/meta-lightbox"; -@import "~meta-lightbox/scss/meta-lightbox-theme"; -@import "_components/ui.carousel"; - -/* - * some basic styles - */ - -// hide default page title cuz elemental object will be used to display titles -h1 { - display: none; -} - -// don't let images be wider than the parent layer -iframe, -img { - max-width: 100%; -} - -a:hover, -a:focus { - opacity: .8; - - .fas, - .fab, - &.fas, - &.fab { - transform: rotate(-180deg); - } -} - -// transactions -.transition, -a, a img, -a .fas, a .fab, -a.fas, a.fab, -button, input, optgroup, select, textarea, -.btn, -.alert, -.dropdown, -[data-target], -.container, -.container-fluid, -.row, -[class="col-*"] { - transition: all 0.4s ease; -} - -// stick navbar to top using mobile layout -#Header { - position: relative; - padding-top: $grid-gutter-height / 2; - padding-bottom: 1rem; - - @media (min-width: map-get($grid-breakpoints, "lg")) { - padding-top: 1rem; - padding-bottom: 0; - } -} - -#Navigation { - position: fixed; - top: 0; - left: 0; - width: 100%; - - @media (min-width: map-get($grid-breakpoints, "lg")) { - position: relative; - margin-top: 1rem; - } -} - -// add top/bottom paddings for basic elements -.page-content > .element { - position: relative; - padding: ($grid-gutter-height / 2) 0; - - // remove paddings of the slideshow - &.dynamic__elements__image__elements__elementimage, - &.dynamic__elements__flexslider__elements__elementslideshow { - padding: 0; - } -} - -// remove container paddings for the slideshow -.dynamic__elements__image__elements__elementimage, -.dynamic__elements__flexslider__elements__elementslideshow { - .container-fluid { - padding: 0; - } -} - -// Your custom UI +// Your custom styling @import "_typography"; @import "_layout"; diff --git a/app/templates/Includes/FlexSlider.ss b/app/templates/Includes/FlexSlider.ss index 35b02a3..580cc22 100644 --- a/app/templates/Includes/FlexSlider.ss +++ b/app/templates/Includes/FlexSlider.ss @@ -1,5 +1,5 @@ <% if $SlideShow %> -