From 3a01f2c34648333cee53bdccbabc4cd6ff39b753 Mon Sep 17 00:00:00 2001 From: Josh Johnson Date: Thu, 4 Aug 2016 22:25:35 +0100 Subject: [PATCH] Logo image --- assets/images/logo.svg | 10 ++++++++++ assets/styles/css/base.css | 13 +++++++++++++ assets/styles/css/base.min.css | 2 +- assets/styles/scss/base.scss | 11 +++++++++++ index.html | 10 ++++++++-- 5 files changed, 43 insertions(+), 3 deletions(-) create mode 100644 assets/images/logo.svg diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..acfca7c --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,10 @@ + + + + Slice 1 + Created with Sketch. + + + + + \ No newline at end of file diff --git a/assets/styles/css/base.css b/assets/styles/css/base.css index bb0a361..9aa8d00 100644 --- a/assets/styles/css/base.css +++ b/assets/styles/css/base.css @@ -80,4 +80,17 @@ h6, .h6 { .section a, .section a:visited, .section a:focus { color: #00bcd4; } +.logo { + width: auto; + display: inline-block; + max-width: 100%; + vertical-align: top; + padding: 6px 0; } + +.hidden-ie { + display: block; } + +.visible-ie { + display: none; } + /*===== End of Section comment block ======*/ diff --git a/assets/styles/css/base.min.css b/assets/styles/css/base.min.css index 3bfe14b..55827a1 100644 --- a/assets/styles/css/base.min.css +++ b/assets/styles/css/base.min.css @@ -1 +1 @@ -*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}body,html{position:relative;margin:0;width:100%;height:100%}body{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;line-height:1.4;color:#fff;background-color:#333;overflow-x:hidden}hr,label{display:block}label{margin-bottom:8px;font-size:14px;font-weight:500}hr{margin:36px 0;border:0;border-bottom:1px solid #eaeaea;height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:12px;font-weight:400;line-height:1.2}a,a:focus,a:visited{color:#fff;text-decoration:none;font-weight:600}.h1,h1{font-size:32px}.h2,h2{font-size:24px}.h3,h3{font-size:20px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px}.container{display:block;margin:auto;max-width:40em;padding:48px}@media (max-width:620px){.container{padding:0}}.section{background-color:#fff;padding:24px;color:#333}.section a,.section a:focus,.section a:visited{color:#00bcd4} \ No newline at end of file +*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}body,html{position:relative;margin:0;width:100%;height:100%}body{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;line-height:1.4;color:#fff;background-color:#333;overflow-x:hidden}hr,label{display:block}label{margin-bottom:8px;font-size:14px;font-weight:500}hr{margin:36px 0;border:0;border-bottom:1px solid #eaeaea;height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:12px;font-weight:400;line-height:1.2}a,a:focus,a:visited{color:#fff;text-decoration:none;font-weight:600}.h1,h1{font-size:32px}.h2,h2{font-size:24px}.h3,h3{font-size:20px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px}.container{display:block;margin:auto;max-width:40em;padding:48px}@media (max-width:620px){.container{padding:0}}.section{background-color:#fff;padding:24px;color:#333}.section a,.section a:focus,.section a:visited{color:#00bcd4}.logo{width:auto;display:inline-block;max-width:100%;vertical-align:top;padding:6px 0}.hidden-ie{display:block}.visible-ie{display:none} \ No newline at end of file diff --git a/assets/styles/scss/base.scss b/assets/styles/scss/base.scss index baa1d92..e76c708 100644 --- a/assets/styles/scss/base.scss +++ b/assets/styles/scss/base.scss @@ -87,4 +87,15 @@ h6, .h6 { font-size: $global-font-size-h6; } a, a:visited, a:focus { color: #00bcd4; } } +.logo { + width: auto; + display: inline-block; + max-width: 100%; + vertical-align: top; + padding: $global-guttering/4 0; +} + +.hidden-ie { display: block; } +.visible-ie { display: none; } + /*===== End of Section comment block ======*/ \ No newline at end of file diff --git a/index.html b/index.html index 6a974de..bd9b534 100644 --- a/index.html +++ b/index.html @@ -13,12 +13,18 @@ + +
-

Choices.js

-

A lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

+ +

Choices.js

+

Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

For all config options, visit the GitHub repo.


Text inputs