deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-20 22:46:33 +02:00
Code Issues Projects Releases Wiki Activity

Logo image

Browse source
This commit is contained in:
Josh Johnson 2016-08-04 22:25:35 +01:00
parent e14cf72f30
commit 3a01f2c346
5 changed files with 43 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/images/logo.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

13
assets/styles/css/base.css
View file

@ -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 ======*/

2
assets/styles/css/base.min.css vendored
View file

@ -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}
*{-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}

11
assets/styles/scss/base.scss
View file

@ -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 ======*/

10
index.html
View file

@ -13,12 +13,18 @@
<!-- Choices includes -->
<link rel="stylesheet" href="assets/styles/css/choices.min.css">
<script src="assets/scripts/dist/choices.min.js"></script>
<!--[if lt IE 9]>
.hidden-ie { display: none; }
.visible-ie { display: none; }
<![endif]-->
</head>
<body>
<div class="container">
<div class="section">
<h1>Choices.js</h1>
<p>A lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.</p>
<img src="assets/images/logo.svg" alt="Choices.js logo" class="logo hidden-ie">
<h1 class="visible-ie">Choices.js</h1>
<p>Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.</p>
<p>For all config options, visit the <a href="https://github.com/jshjohnson/Choices">GitHub repo</a>.</p>
<hr>
<h2>Text inputs</h2>