mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-27 03:54:13 +03:00
bs-docs sync
This commit is contained in:
parent
6bbfecf7aa
commit
6782be992b
11
Gruntfile.js
11
Gruntfile.js
|
@ -390,6 +390,14 @@ module.exports = function (grunt) {
|
||||||
],
|
],
|
||||||
dest: 'docs/assets/js/vendor/'
|
dest: 'docs/assets/js/vendor/'
|
||||||
},
|
},
|
||||||
|
'bs-docs-plugins': {
|
||||||
|
expand: true,
|
||||||
|
cwd: '../bootstrap/docs/_plugins',
|
||||||
|
src: [
|
||||||
|
'**/*'
|
||||||
|
],
|
||||||
|
dest: 'docs/_plugins/'
|
||||||
|
},
|
||||||
|
|
||||||
'bs-docs-scss': {
|
'bs-docs-scss': {
|
||||||
options: {
|
options: {
|
||||||
|
@ -673,7 +681,8 @@ module.exports = function (grunt) {
|
||||||
'copy:bs-docs-scss',
|
'copy:bs-docs-scss',
|
||||||
'copy:bs-docs-components',
|
'copy:bs-docs-components',
|
||||||
'copy:bs-docs-content',
|
'copy:bs-docs-content',
|
||||||
'copy:bs-docs-examples'
|
'copy:bs-docs-examples',
|
||||||
|
'copy:bs-docs-plugins'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
grunt.registerTask('docs', ['clean:docs', 'docs-copy-bootstrap-docs', 'docs-css', 'docs-js', 'lint-docs-js', 'copy:docs']);
|
grunt.registerTask('docs', ['clean:docs', 'docs-copy-bootstrap-docs', 'docs-css', 'docs-js', 'lint-docs-js', 'copy:docs']);
|
||||||
|
|
|
@ -1,11 +1,10 @@
|
||||||
require 'json'
|
|
||||||
require 'yaml'
|
require 'yaml'
|
||||||
|
|
||||||
module Bridge
|
module Bridge
|
||||||
class Generator < Jekyll::Generator
|
class Generator < Jekyll::Generator
|
||||||
def generate(site)
|
def generate(site)
|
||||||
config_bridge_json = File.join(site.source, '../grunt/configBridge.json')
|
path = File.join(site.source, "../grunt/configBridge.json")
|
||||||
site.data['configBridge'] = YAML.load_file(config_bridge_json)
|
site.data["configBridge"] = YAML.load_file(path)
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
|
@ -59,7 +59,7 @@ eos
|
||||||
end
|
end
|
||||||
|
|
||||||
def remove_holderjs(code)
|
def remove_holderjs(code)
|
||||||
code = code.gsub(/"holder.js.+?"/, '"..."')
|
code = code.gsub(/data-src="holder.js.+?"/, 'src="..."')
|
||||||
end
|
end
|
||||||
|
|
||||||
def render_rouge(code)
|
def render_rouge(code)
|
||||||
|
|
|
@ -71,7 +71,7 @@ Uses a gradient to create a striped effect.
|
||||||
|
|
||||||
The striped gradient can also be animated. Add `.progress-animated` to `.progress` to animate the stripes right to left via CSS3 animations.
|
The striped gradient can also be animated. Add `.progress-animated` to `.progress` to animate the stripes right to left via CSS3 animations.
|
||||||
|
|
||||||
**Animated progress bars do not work in IE9 and Opera 12** as they don't support CSS3 animations.
|
**Animated progress bars do not work in IE9 and Opera 12** – as they don't support CSS3 animations – **nor in IE10+ and Microsoft Edge** – as they currently don't support CSS3 animations on the [`::-ms-fill` pseudo-element](https://msdn.microsoft.com/en-us/library/windows/apps/hh465757.aspx).
|
||||||
|
|
||||||
<div class="bd-example">
|
<div class="bd-example">
|
||||||
<progress class="progress progress-striped" value="25" max="100">25%</progress>
|
<progress class="progress progress-striped" value="25" max="100">25%</progress>
|
||||||
|
|
|
@ -177,14 +177,14 @@ These utility classes float an element to the left or right, or disable floating
|
||||||
Two similar non-responsive mixins (`pull-left` and `pull-right`) are also available.
|
Two similar non-responsive mixins (`pull-left` and `pull-right`) are also available.
|
||||||
|
|
||||||
{% example html %}
|
{% example html %}
|
||||||
<div class="pull-xs-left">Float left on all viewport sizes</div>
|
<div class="pull-xs-left">Float left on all viewport sizes</div><br>
|
||||||
<div class="pull-xs-right">Float right on all viewport sizes</div>
|
<div class="pull-xs-right">Float right on all viewport sizes</div><br>
|
||||||
<div class="pull-xs-none">Don't float on all viewport sizes</div>
|
<div class="pull-xs-none">Don't float on all viewport sizes</div><br>
|
||||||
|
|
||||||
<div class="pull-sm-left">Float left on viewports sized SM (small) or wider</div>
|
<div class="pull-sm-left">Float left on viewports sized SM (small) or wider</div><br>
|
||||||
<div class="pull-md-left">Float left on viewports sized MD (medium) or wider</div>
|
<div class="pull-md-left">Float left on viewports sized MD (medium) or wider</div><br>
|
||||||
<div class="pull-lg-left">Float left on viewports sized LG (large) or wider</div>
|
<div class="pull-lg-left">Float left on viewports sized LG (large) or wider</div><br>
|
||||||
<div class="pull-xl-left">Float left on viewports sized XL (extra-large) or wider</div>
|
<div class="pull-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>
|
||||||
{% endexample %}
|
{% endexample %}
|
||||||
|
|
||||||
{% highlight scss %}
|
{% highlight scss %}
|
||||||
|
|
|
@ -47,7 +47,7 @@ Add classes to an `<img>` element to easily style images in any project.
|
||||||
|
|
||||||
## Aligning images
|
## Aligning images
|
||||||
|
|
||||||
Align images with the [helper float classes]({{ site.baseurl }}/components/utilities/#floats) or [text alignment classes]({{ site.baseurl }}/components/utilities/#text-alignment). A simple centering class can also be used for `block` level images.
|
Align images with the [helper float classes]({{ site.baseurl }}/components/utilities/#responsive-floats) or [text alignment classes]({{ site.baseurl }}/components/utilities/#text-alignment). A simple centering class can also be used for `block` level images.
|
||||||
|
|
||||||
<div class="bd-example bd-example-images">
|
<div class="bd-example bd-example-images">
|
||||||
<img data-src="holder.js/200x200" class="img-rounded pull-xs-left" alt="A generic square placeholder image with rounded corners">
|
<img data-src="holder.js/200x200" class="img-rounded pull-xs-left" alt="A generic square placeholder image with rounded corners">
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
.dropdown-menu {
|
//.dropdown-menu {
|
||||||
border: 0;
|
// border: 0;
|
||||||
box-shadow: 0 2px 5px 0 rgba($black, 0.26);
|
// box-shadow: 0 2px 5px 0 $gray-light;
|
||||||
.divider {
|
// .divider {
|
||||||
background-color: rgba(229, 229, 229, 0.12);
|
// background-color: rgba(229, 229, 229, 0.12);
|
||||||
}
|
// }
|
||||||
li {
|
// li {
|
||||||
position: relative;
|
// position: relative;
|
||||||
overflow: hidden;
|
// overflow: hidden;
|
||||||
a:hover {
|
// a:hover {
|
||||||
color: $brand-primary;
|
// color: $brand-primary;
|
||||||
background-color: transparent;
|
// background-color: transparent;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user