Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 03:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add minireset, Fix color luminance

Browse Source
This commit is contained in:
Jeremy Thomas
2016-09-22 23:14:18 +01:00
parent 7634faba6a
commit 18b34aa2c0
27 changed files with 1178 additions and 2531 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/_includes/footer.html
View File

@@ -68,18 +68,13 @@
{% if page.route == 'index' %}
<style type="text/css">
@media screen and (max-width: 979px) {
.title.is-2 .icon.is-large {
display: none;
}
}
.title.is-2 {
position: relative;
}
.title.is-2 a {
color: #222324;
padding-left: 60px;
}
.title.is-2 a:hover {
@@ -87,7 +82,7 @@
}
.title.is-2 .icon.is-large {
left: -72px;
left: 0;
position: absolute;
top: -1px;
}
@@ -99,6 +94,16 @@
.hero .title.is-2 a:hover {
color: white;
}
@media screen and (max-width: 979px) {
.title.is-2 a {
padding-left: 0;
}
.title.is-2 .icon.is-large {
display: none;
}
}
</style>
{% endif %}

3
docs/bulma-docs.sass
View File

@@ -52,7 +52,6 @@ $carbon-space: 15px
.carbon-text
display: block
color: $text-strong
margin-bottom: 5px
margin-left: 130px + $carbon-space
.carbon-poweredby
font-size: $size-small
@@ -235,7 +234,7 @@ $structure-invert: $danger-invert
position: relative
.copy,
.expand
@extend %unselectable
+unselectable
background: $white
border: solid $border
border-width: 0 0 1px 1px

3089
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

21
docs/documentation/elements/tag.html
View File

@@ -102,6 +102,7 @@ doc-subtab: tag
</div>
<div class="column is-6">
{% highlight html %}
<span class="tag is-dark is-small">Small</span>
<span class="tag is-primary is-medium">Medium</span>
<span class="tag is-info is-large">Large</span>
{% endhighlight %}
@@ -116,19 +117,19 @@ doc-subtab: tag
<p class="control">
<span class="tag is-info is-small">
Foo
<button class="delete"></button>
<button class="delete is-small"></button>
</span>
</p>
<p class="control">
<span class="tag is-success">
Bar
<button class="delete"></button>
<button class="delete is-small"></button>
</span>
</p>
<p class="control">
<span class="tag is-warning is-medium">
Hello
<button class="delete"></button>
<button class="delete is-small"></button>
</span>
</p>
<p class="control">
@@ -140,16 +141,20 @@ doc-subtab: tag
</div>
<div class="column is-6">
{% highlight html %}
<span class="tag is-success">
<span class="tag is-info is-small">
Foo
<button class="delete"></button>
<button class="delete is-small"></button>
</span>
<span class="tag is-success">
Bar
<button class="delete is-small"></button>
</span>
<span class="tag is-warning is-medium">
Bar
<button class="delete"></button>
Hello
<button class="delete is-small"></button>
</span>
<span class="tag is-danger is-large">
Foo bar
World
<button class="delete"></button>
</span>
{% endhighlight %}

18
docs/index.html
View File

@@ -220,14 +220,12 @@ route: index
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-success">
<p class="title">Tall tile</p>
<p class="subtitle">With even more content</p>
<div class="content">
<p class="title">Tall tile</p>
<p class="subtitle">With even more content</p>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
<p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
<p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
<p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
<p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
</div>
</article>
</div>
@@ -568,9 +566,9 @@ route: index
</ul>
</div>
<p class="block">
<span class="tag is-dark">Tag<button class="delete"></button></span>
<span class="tag is-info">Two<button class="delete"></button></span>
<span class="tag is-danger">Three<button class="delete"></button></span>
<span class="tag is-dark">Tag<button class="delete is-small"></button></span>
<span class="tag is-info">Two<button class="delete is-small"></button></span>
<span class="tag is-danger">Three<button class="delete is-small"></button></span>
</p>
<div class="message is-warning">
<div class="message-header">