diff --git a/package.json b/package.json index 34db883..f60bdbb 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "react": "^16.2.0", "react-bootstrap": "^0.32.1", "react-dom": "^16.2.0", + "react-lorem-component": "^0.12.2", "react-scripts": "1.1.1" }, "scripts": { diff --git a/src/App.js b/src/App.js index 4748c7f..6783aa2 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,4 @@ import React, { Component } from 'react'; -import logo from './logo.svg'; import { Navbar, NavItem, @@ -12,78 +11,29 @@ import { Button, Grid, Row, - Col + Col, + PageHeader, } from 'react-bootstrap'; +import Indicators from './components/indicators'; +import Navbars from './components/navbars'; + class App extends Component { render() { - const tooltip = ( - - Holy guacamole! Check this info. - - ); - - const positionerInstance = ( - - - - - - - - - - - - - - - - - - ); - return (
- - - - React-Bootstrap - - - - - - - - +
+ +
- - - {positionerInstance} + + + + Navbar + + diff --git a/src/components/indicators.jsx b/src/components/indicators.jsx new file mode 100644 index 0000000..73a4fdb --- /dev/null +++ b/src/components/indicators.jsx @@ -0,0 +1,117 @@ +import React, {Component} from 'react'; +import { + Alert, + Button, + Grid, + Row, + Col, + Label, + Well, + PageHeader, + NavItem, + Nav, + Badge +} from 'react-bootstrap'; + +class Alerts extends React.Component { + + render() { + + /** + * Nav with badges / Pills + */ + + function handleSelect(selectedKey) { + alert(`selected ${selectedKey}`); + } + + const navInstance = ( + + ); + + /** + * Lables + */ + + const Labels = ( +
+ {' '} + {' '} + {' '} + {' '} + {' '} + +
+ ); + + return (
+ + + + + Indicators + + +

Oh snap! You got an error!

+

+ Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. +

+ + +

Oh snap! You got an error!

+

+ Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. +

+ + + + + + +

Oh snap! You got an error!

+

+ Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. +

+ + + + +

Oh snap! You got an error!

+

+ Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. +

+ + + + +

Oh snap! You got an error!

+

+ Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. +

+ + + + + + {Labels} + + + {navInstance} + + + +
); + } +} + +export default Alerts; diff --git a/src/components/navbars.jsx b/src/components/navbars.jsx new file mode 100644 index 0000000..7a108d2 --- /dev/null +++ b/src/components/navbars.jsx @@ -0,0 +1,52 @@ +import React, { Component } from 'react'; +import { + Navbar, + NavItem, + NavDropdown, + MenuItem, + Nav +} from 'react-bootstrap'; + +class Navbars extends React.Component { + + render() { + + return ( + + + + React-Bootstrap + + + + + + + + + ) + } +} + +export default Navbars; diff --git a/src/styles/scss/App.css b/src/styles/scss/App.css index f78c43f..b60bd57 100644 --- a/src/styles/scss/App.css +++ b/src/styles/scss/App.css @@ -1,8 +1,158 @@ @charset "UTF-8"; -@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700); -.shifter-gradient { +@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i); +.white { + color: #fff; } + +a.white { + color: #fff; } + a.white:hover { + color: #f2f2f2; } + +._white { + background-color: #fff; } + +.fill-white { + fill: #fff; } + +.gray-base { + color: #000; } + +a.gray-base { + color: #000; } + a.gray-base:hover { + color: black; } + +._gray-base { + background-color: #000; } + +.fill-gray-base { + fill: #000; } + +.gray-darker { + color: #222222; } + +a.gray-darker { + color: #222222; } + a.gray-darker:hover { + color: #161616; } + +._gray-darker { + background-color: #222222; } + +.fill-gray-darker { + fill: #222222; } + +.gray-dark { + color: #7b8a8b; } + +a.gray-dark { + color: #7b8a8b; } + a.gray-dark:hover { + color: #6f7d7e; } + +._gray-dark { + background-color: #7b8a8b; } + +.fill-gray-dark { + fill: #7b8a8b; } + +.gray { + color: #95a5a6; } + +a.gray { + color: #95a5a6; } + a.gray:hover { + color: #87999a; } + +._gray { + background-color: #95a5a6; } + +.fill-gray { + fill: #95a5a6; } + +.gray-light { + color: #b4bcc2; } + +a.gray-light { + color: #b4bcc2; } + a.gray-light:hover { + color: #a6afb7; } + +._gray-light { + background-color: #b4bcc2; } + +.fill-gray-light { + fill: #b4bcc2; } + +.gray-lighter { + color: #ecf0f1; } + +a.gray-lighter { + color: #ecf0f1; } + a.gray-lighter:hover { + color: #dde4e6; } + +._gray-lighter { + background-color: #ecf0f1; } + +.fill-gray-lighter { + fill: #ecf0f1; } + +.purple { + color: #bc4e9c; } + +a.purple { + color: #bc4e9c; } + a.purple:hover { + color: #ae428f; } + +._purple { + background-color: #bc4e9c; } + +.fill-purple { + fill: #bc4e9c; } + +.magenta { + color: #f80759; } + +a.magenta { + color: #f80759; } + a.magenta:hover { + color: #df0650; } + +._magenta { + background-color: #f80759; } + +.fill-magenta { + fill: #f80759; } + +.black { + color: #000; } + +a.black { + color: #000; } + a.black:hover { + color: black; } + +._black { + background-color: #000; } + +.fill-black { + fill: #000; } + +._gradient-purple-magenta { background-image: linear-gradient(90deg, #bc4e9c, #f80759); } +.logomark { + background: url(data:image/png;base64,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) no-repeat 0; + background-size: 100%; + width: 26px; + height: 40px; + margin: 0 0 0 8px; + overflow: hidden; + text-align: center; + display: block; } + /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. @@ -1143,7 +1293,7 @@ hr { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 400; + font-weight: 200; line-height: 1.1; color: inherit; } h1 small, @@ -5817,3 +5967,6 @@ button.close { @media print { .hidden-print { display: none !important; } } + +.label { + font-weight: 300; } diff --git a/src/styles/scss/App.scss b/src/styles/scss/App.scss index 42d571d..b442fbf 100644 --- a/src/styles/scss/App.scss +++ b/src/styles/scss/App.scss @@ -1,10 +1,56 @@ +@import "variables"; +$color-styles: ( + 'white': $white, + 'gray-base': $gray-base, + 'gray-darker': $gray-darker, + 'gray-dark': $gray-dark, + 'gray': $gray, + 'gray-light': $gray-light, + 'gray-lighter': $gray-lighter, + 'purple': $purple, + 'magenta': $magenta, + 'black': $black +); -@import "variables"; +// Text and Background Color Classes +@each $name, $value in $color-styles { + .#{$name} { + color: $value; + } + + a.#{$name} { + color: $value; + + &:hover { + color: darken($value, 5%); + } + } + + ._#{$name} { + background-color: $value; + } + + .fill-#{$name} { + fill: $value; + } +} + +._gradient-purple-magenta { + background-image: linear-gradient(90deg, $purple, $magenta); +} -.shifter-gradient { - background-image: linear-gradient(90deg,#bc4e9c,#f80759); +.logomark { + background: url(data:image/png;base64,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) no-repeat 0; + background-size: 100%; + width: 26px; + height: 40px; + margin: 0 0 0 8px; + overflow: hidden; + text-align: center; + display: block; } @import "bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss"; @import "bootstrap-sass/assets/stylesheets/_bootstrap.scss"; +@import "theme-custom"; diff --git a/src/styles/scss/_theme-custom.scss b/src/styles/scss/_theme-custom.scss new file mode 100644 index 0000000..8b77113 --- /dev/null +++ b/src/styles/scss/_theme-custom.scss @@ -0,0 +1,5 @@ + +// Labels +.label { + font-weight: 300; +} diff --git a/src/styles/scss/_variables.scss b/src/styles/scss/_variables.scss index c72b89b..ec344e8 100644 --- a/src/styles/scss/_variables.scss +++ b/src/styles/scss/_variables.scss @@ -1,4 +1,4 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700); +@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i); // Font Variables $roboto-slab: 'Roboto Slab', serif; @@ -16,12 +16,14 @@ $bootstrap-sass-asset-helper: false !default; // //## Gray and brand colors for use across Bootstrap. +$white: #fff !default; $gray-base: #000 !default; -$gray-darker: lighten($gray-base, 13.5%) !default; // #222 -$gray-dark: #7b8a8b !default; // #333 -$gray: #95a5a6 !default; // #555 -$gray-light: #b4bcc2 !default; // #999 -$gray-lighter: #ecf0f1 !default; // #eee +$gray-darker: lighten($gray-base, 13.5%) !default; +$gray-dark: #7b8a8b !default; +$gray: #95a5a6 !default; +$gray-light: #b4bcc2 !default; +$gray-lighter: #ecf0f1 !default; +$black: #000 !default; $purple: #bc4e9c; $magenta: #f80759; @@ -78,7 +80,7 @@ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; //** By default, this inherits from the ``. $headings-font-family: $font-family-base !default; -$headings-font-weight: 400 !default; +$headings-font-weight: 200 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; diff --git a/yarn.lock b/yarn.lock index 7b6f0ca..c4ab28f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1591,6 +1591,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4: safe-buffer "^5.0.1" sha.js "^2.4.8" +create-react-class@^15.5.3: + version "15.6.3" + resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036" + dependencies: + fbjs "^0.8.9" + loose-envify "^1.3.1" + object-assign "^4.1.1" + cross-spawn@5.1.0, cross-spawn@^5.0.1, cross-spawn@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449" @@ -2520,7 +2528,7 @@ fb-watchman@^2.0.0: dependencies: bser "^2.0.0" -fbjs@^0.8.16: +fbjs@^0.8.16, fbjs@^0.8.9: version "0.8.16" resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db" dependencies: @@ -4119,6 +4127,12 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1: dependencies: js-tokens "^3.0.0" +lorem-ipsum@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/lorem-ipsum/-/lorem-ipsum-1.0.4.tgz#30b72a3b1e191f55062af8c7dfab291ae4fbd912" + dependencies: + optimist "~0.3.5" + loud-rejection@^1.0.0: version "1.6.0" resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f" @@ -4625,6 +4639,12 @@ optimist@^0.6.1: minimist "~0.0.1" wordwrap "~0.0.2" +optimist@~0.3.5: + version "0.3.7" + resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.3.7.tgz#c90941ad59e4273328923074d2cf2e7cbc6ec0d9" + dependencies: + wordwrap "~0.0.2" + optionator@^0.8.1, optionator@^0.8.2: version "0.8.2" resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64" @@ -5423,6 +5443,15 @@ react-error-overlay@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4" +react-lorem-component@^0.12.2: + version "0.12.2" + resolved "https://registry.yarnpkg.com/react-lorem-component/-/react-lorem-component-0.12.2.tgz#a11fd298b044a2cf062905c5398880e46bfecc25" + dependencies: + create-react-class "^15.5.3" + lorem-ipsum "^1.0.3" + object-assign "^4.1.0" + seedable-random "0.0.1" + react-overlays@^0.8.0: version "0.8.3" resolved "https://registry.yarnpkg.com/react-overlays/-/react-overlays-0.8.3.tgz#fad65eea5b24301cca192a169f5dddb0b20d3ac5" @@ -5909,6 +5938,10 @@ scss-tokenizer@^0.2.3: js-base64 "^2.1.8" source-map "^0.4.2" +seedable-random@0.0.1: + version "0.0.1" + resolved "https://registry.yarnpkg.com/seedable-random/-/seedable-random-0.0.1.tgz#0b30cea79e4399688c5a067503a066b7c41e8316" + select-hose@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"