RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-25 14:26:03 +03:00
Code Issues Projects Releases Wiki Activity

Add a "feature overview" section to the homepage.

Browse Source 
While I'm not too happy with things as they currently are, it's a start.
This also removes the icon from the "Download" button.
This commit is contained in:
Florian Kissling 2015-05-08 03:29:16 +02:00
parent a2ff7a6046
commit dc679f7cbd
6 changed files with 89 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/_sass/_jumbotron.scss
View File

@ -6,7 +6,15 @@
padding-right: 0;
h1 {
font-size: 36px;
color: #777;
font-size: 36px;
margin-top: 10px;
}
.version {
color: #999;
font-size: 14px;
font-weight: normal;
margin-bottom: 30px;
}
}

31
docs/_sass/_s2-docs-home.scss
View File

@ -1,19 +1,36 @@
.notice-previous {
padding: 15px 20px;
color: #777;
background-color: #FAFAFA;
background: #f6f6f6;
color: #666;
border-bottom: 1px solid #eee;
a {
font-weight: bold;
}
padding: 15px 20px;
}
.s2-docs-home .jumbotron {
margin-bottom: 0;
color: #000;
h1 {
color: #000;
margin-top: 20px;
}
}
#lead {
text-align: center;
max-width: 800px;
margin: 0 auto 80px;
margin: 0 auto 40px;
}
.s2-docs-featurette {
color: #777;
text-align: center;
padding: 15px 0;
.fa {
font-size: 28px;
color: #777;
}
h4 {
margin: 30px 0 15px;
}
}

6
docs/_sass/_s2-docs-layout.scss
View File

@ -1,8 +1,12 @@
.s2-docs-container {
line-height: 1.6;
//font-size: 16px;
}
section {
margin-bottom: 40px;
}
.page-header {
padding-bottom: 19px;
margin-bottom: 29px;
}

1
docs/_sass/_s2-docs-nav.scss
View File

@ -14,7 +14,6 @@
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
background-color: #f0f0f0;
//background-color: #FFF;
color: #000;
}

15
docs/css/s2-docs.scss
View File

@ -19,16 +19,6 @@
margin-bottom: 20px;
}
.version {
color: #999;
}
.page-header {
padding-bottom: 19px;
margin-bottom: 29px;
}
/* Inline code within headings retain the heading's background-color */
h2 code,
h3 code,
@ -48,3 +38,8 @@ pre {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.half-rule {
width: 100px;
margin: 40px auto;
}

49
docs/index.html
View File

@ -12,12 +12,11 @@ slug: home
</p>
<p>
<a href="https://github.com/select2/select2/releases" class="btn btn-outline-inverse btn-lg">
<i class="fa fa-arrow-down fa-lg"></i>
Download
Download Select2
</a>
</p>
<p class="version">
Version 4.0.0
Currently v4.0.0</a>
</p>
</div>
</main>
@ -31,6 +30,50 @@ slug: home
options.
</section>
<hr class="half-rule">
<div class="row s2-docs-featurette">
<div class="col-sm-4">
<i class="fa fa-language"></i>
<h4>In your language</h4>
<p>Select2 comes with support for <a href="#">RTL environments</a>, <a href="#">searching with diacritics</a> and <a href="#">over 40 languages</a> built-in.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-paint-brush"></i>
<h4>Fits in with your theme</h4>
<p>Fully skinnable, CSS built with Sass and seamlessly fitting Bootstrap 3.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-database"></i>
<h4>Remote data support</h4>
<p><a href="#">Using AJAX</a> you can efficiently search large lists of items.</p>
</div>
</div>
<div class="row s2-docs-featurette">
<div class="col-sm-4">
<i class="fa fa-plug"></i>
<h4>Fully extensible</h4>
<p>The <a href="#">plugin system</a> allows you to easily customize Select2 to work exactly how you want it to.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-tag"></i>
<h4>Dynamic item creation</h4>
<p>Allow users to type in a new option and <a href="#">add it on the fly</a>.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-plug"></i>
<h4>Remote data support</h4>
<p><a href="#">Using AJAX</a> you can efficiently search large lists of items.</p>
</div>
</div>
<hr class="half-rule">
<section id="getting-started">
<h2>
Getting started with Select2