From b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 Mon Sep 17 00:00:00 2001 From: Koren Lev Date: Thu, 27 Jul 2017 16:42:15 +0300 Subject: adding calipso ui Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4 Signed-off-by: Koren Lev --- ui/imports/ui/components/landing/landing.styl | 80 +++++++++++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 ui/imports/ui/components/landing/landing.styl (limited to 'ui/imports/ui/components/landing/landing.styl') diff --git a/ui/imports/ui/components/landing/landing.styl b/ui/imports/ui/components/landing/landing.styl new file mode 100644 index 0000000..eb8e254 --- /dev/null +++ b/ui/imports/ui/components/landing/landing.styl @@ -0,0 +1,80 @@ +.os-landing + + section + display: flex; + flex-flow: column; + align-items: center; + + .sm-section-content + display: flex; + flex-flow: column nowrap; + align-items: center; + max-width: 1000px; + + .sm-landing-hero-section + background-color: #2196F3; + color: #f9f9f9; + + .sm-section-content + + .sm-login-subsection + display: flex; + justify-content: space-between; + align-self: stretch; + + .sm-main-content + display: flex; + flex-flow: column nowrap; + align-items: center; + + .sm-main-header + display: flex; + flex-flow: row; + justify-content: space-around; + + .sm-logo + padding: 30px; + width: 260px; + + .sm-description + display: flex; + flex-flow: column nowrap; + align-items: center; + + p + text-align: center; + font-size: 20px; + + .sm-landing-section-2 + border-color: #fff; + padding: 40px 0; + + .sm-section-content + font-size: blue; + + .sm-desc-point + display: flex; + flex-flow: row nowrap; + justify-content: center; + + margin: 40px 0; + + .sm-desc-point-content + flex: 0 0 400px; + + li + margin: 10px 0; + + .sm-desc-point-icon + display: flex; + justify-content: center; + align-items: center; + + padding: 0 60px; + + img + width: 300px; + padding: 0 10px; + + img.sm-big-image-icon + width: 600px; -- cgit 1.2.3-korg