From e5287ac83542684af6465b2a4eeda85d96d2c9eb Mon Sep 17 00:00:00 2001 From: Moris Zen Date: Mon, 2 Jul 2018 20:33:44 +0200 Subject: [PATCH] Add style after new guidelines, markup and restructuring of components --- src/components/Button.js | 4 +- src/components/Header.js | 34 +- src/components/SectionIntro.js | 6 +- src/images/bg-saburly-default.svg | 21 + ...-saburly.svg => logo-saburly-colorful.svg} | 0 src/images/logo-saburly-white.svg | 36 + src/layouts/index.js | 3 +- src/pages/index.js | 12 +- src/styles/custom.css | 9 + src/styles/index.css | 1060 ++++++++++++++++- tailwind.config.js | 10 +- 11 files changed, 1132 insertions(+), 63 deletions(-) create mode 100644 src/images/bg-saburly-default.svg rename src/images/{logo-saburly.svg => logo-saburly-colorful.svg} (100%) create mode 100644 src/images/logo-saburly-white.svg create mode 100644 src/styles/custom.css diff --git a/src/components/Button.js b/src/components/Button.js index 2f3a02b..6e20ed6 100644 --- a/src/components/Button.js +++ b/src/components/Button.js @@ -1,16 +1,14 @@ import React from 'react' import Link from 'gatsby-link' -let defaultClasses = 'px-4 py-2 leading-none inline-block text-sm no-underline uppercase' +let defaultClasses = 'px-6 py-3 leading-none inline-block text-sm no-underline uppercase' let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal' let filledBtn = 'text-grey-lightest bg-grey-darkest hover:bg-teal' const Button = ({ ...props }) => ( -
{props.text} -
) export default Button \ No newline at end of file diff --git a/src/components/Header.js b/src/components/Header.js index e6faa2d..f71216f 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -1,18 +1,18 @@ import React from 'react' import Link from 'gatsby-link' -import LogoSaburly from "../images/logo-saburly.svg" +import LogoSaburly from "../images/logo-saburly-white.svg" import Button from './Button' import "./Header.css" +let menuClasses = "no-underline mt-4 lg:inline-block opacity-50 lg:mt-0 text-white hover:opacity-100 uppercase mr-4" + const Header = () => ( -
-