mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-09-21 03:19:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

updated docs

Browse Source
This commit is contained in:
FezVrasta 2016-08-01 15:15:53 +02:00
parent 2944488029
commit 02eacda8cb
8 changed files with 27 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/_data/nav.yml
View File

@ -10,7 +10,6 @@
- title: Material Design
pages:
- title: Test
- title: List groups
- title: Menus
- title: Navs
@ -78,5 +77,3 @@
# pages:
# - title: Approach
# - title: Icon fonts

9
docs/assets/js/vendor/holder.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
docs/assets/scss/_masthead.scss
View File

@ -7,13 +7,12 @@
padding: 3rem ($grid-gutter-width / 2) 2rem;
color: $bd-purple-light;
text-align: center;
background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg");
background-size: cover;
background-image: linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
.bd-booticon {
margin: 0 auto 2rem;
color: #fff;
border-color: #fff;
color: $bd-purple-light;
border-color: $bd-purple-light;
}
h1 {

11
docs/assets/scss/bmd/_masthead.scss
View File

@ -1,4 +1,13 @@
.bs-masthead {
.bd-masthead {
background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg");
background-size: cover;
.bd-booticon {
color: #fff;
}
.btn {
border-width: 1px;
border-style: solid;
}
}

2
docs/components/forms.md
View File

@ -908,7 +908,7 @@ The file input is the most gnarly of the bunch and require additional JavaScript
{% example html %}
<label class="custom-file">
<input type="file" id="file" class="custom-file-input">
<span class="custom-file-control" tabindex="0"></span>
<span class="custom-file-control"></span>
</label>
{% endexample %}

10
docs/components/tooltips.md
View File

@ -61,25 +61,25 @@ Hover over the links below to see tooltips:
Four options are available: top, right, bottom, and left aligned.
<div class="bd-example bd-example-tooltip-static">
<div class="tooltip top" role="tooltip">
<div class="tooltip tooltip-top" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the top
</div>
</div>
<div class="tooltip right" role="tooltip">
<div class="tooltip tooltip-right" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the right
</div>
</div>
<div class="tooltip bottom" role="tooltip">
<div class="tooltip tooltip-bottom" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the bottom
</div>
</div>
<div class="tooltip left" role="tooltip">
<div class="tooltip tooltip-left" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the left
@ -140,7 +140,7 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo
<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
<!-- Generated markup by the plugin -->
<div class="tooltip top" role="tooltip">
<div class="tooltip tooltip-top" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Some tooltip text!

6
docs/index.html
View File

@ -25,14 +25,14 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
<h4>Managed dependencies</h4>
<p>Include Bootstrap Material Design's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
<p>
<a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
<a class="btn btn-bs btn-primary" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
</p>
</div>
<div class="col-sm-6 m-b-lg">
<h4>Bootstrap Material Design CDN</h4>
<p>When you just need to include Bootstrap Material Design's compiled CSS and JS, use the Bootstrap Material Design CDN, free from the Max CDN folks.</p>
<p>
<a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/introduction">See Getting Started</a>
<a class="btn btn-bs btn-primary" href="{{ site.baseurl }}/getting-started/introduction">See Getting Started</a>
</p>
</div>
</div>
@ -82,6 +82,6 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
<hr class="half-rule m-t-0">
<p><strong>Bootstrap Material Design is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
<a href="{{ site.repo }}" class="btn btn-bs btn-outline">View the GitHub project</a>
<a href="{{ site.repo }}" class="btn btn-bs btn-primary">View the GitHub project</a>
</div>
</div>

37
docs/material-design/test.md
View File

@ -1,37 +0,0 @@
---
layout: docs
title: Test
group: material-design
---
## Test
File browser
{% example html %}
<div class="form-group">
<label class="control-label" for="inputFile2">Static label</label>
<input type="file" id="inputFile2" multiple>
<input type="text" readonly class="form-control" placeholder="Browse2...">
</div>
<div class="form-group">
<!--<label class="control-label" for="inputFile3">File</label>-->
<input type="file" id="inputFile3" multiple>
<input type="text" readonly class="form-control" placeholder="Placeholder only...">
</div>
<div class="form-group">
<input type="file" id="inputFile4" multiple>
<div class="input-group">
<input type="text" readonly class="form-control" placeholder="Placeholder w/input-group...">
<span class="input-group-btn input-group-sm">
<button type="button" class="btn btn-fab btn-fab-mini">
<i class="mdi-editor-attach-file"></i>
</button>
</span>
</div>
</div>
{% endexample %}