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

Fix #821

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-05 21:27:23 +01:00
parent 271c454abf
commit 27d4de4c13
5 changed files with 552 additions and 1639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
CHANGELOG.md
View File

@@ -1,5 +1,11 @@
# Bulma Changelog # Bulma Changelog
## 0.4.4
### Issues closed
* Fix #821 Notification strong color
## 0.4.3 ## 0.4.3
### New features ### New features

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

File diff suppressed because one or more lines are too long

24
docs/documentation/elements/notification.html
View File

@@ -19,27 +19,27 @@ doc-subtab: notification
<div class="column"> <div class="column">
<div class="notification"> <div class="notification">
<button class="delete"></button> <button class="delete"></button>
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
<div class="notification is-primary"> <div class="notification is-primary">
<button class="delete"></button> <button class="delete"></button>
Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
<div class="notification is-info"> <div class="notification is-info">
<button class="delete"></button> <button class="delete"></button>
Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
<div class="notification is-success"> <div class="notification is-success">
<button class="delete"></button> <button class="delete"></button>
Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
<div class="notification is-warning"> <div class="notification is-warning">
<button class="delete"></button> <button class="delete"></button>
Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
<div class="notification is-danger"> <div class="notification is-danger">
<button class="delete"></button> <button class="delete"></button>
Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
</div> </div>
</div> </div>
<div class="column"> <div class="column">
@@ -47,42 +47,42 @@ doc-subtab: notification
<div class="notification"> <div class="notification">
<button class="delete"></button> <button class="delete"></button>
Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
<div class="notification is-primary"> <div class="notification is-primary">
<button class="delete"></button> <button class="delete"></button>
Primar lorem ipsum dolor sit amet, consectetur Primar lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
<div class="notification is-info"> <div class="notification is-info">
<button class="delete"></button> <button class="delete"></button>
Info lorem ipsum dolor sit amet, consectetur Info lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
<div class="notification is-success"> <div class="notification is-success">
<button class="delete"></button> <button class="delete"></button>
Success lorem ipsum dolor sit amet, consectetur Success lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
<div class="notification is-warning"> <div class="notification is-warning">
<button class="delete"></button> <button class="delete"></button>
Warning lorem ipsum dolor sit amet, consectetur Warning lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
<div class="notification is-danger"> <div class="notification is-danger">
<button class="delete"></button> <button class="delete"></button>
Danger lorem ipsum dolor sit amet, consectetur Danger lorem ipsum dolor sit amet, consectetur
adipiscing elit lorem ipsum dolor sit amet, adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
consectetur adipiscing elit consectetur adipiscing elit
</div> </div>
{% endhighlight %} {% endhighlight %}

4
sass/components/message.sass
View File

@@ -32,7 +32,7 @@
position: relative position: relative
a, a,
strong strong
color: inherit color: currentColor
a a
text-decoration: underline text-decoration: underline
.delete .delete
@@ -51,7 +51,7 @@
padding: 1em 1.25em padding: 1em 1.25em
a, a,
strong strong
color: inherit color: currentColor
a a
text-decoration: underline text-decoration: underline
code, code,

4
sass/elements/notification.sass
View File

@@ -7,6 +7,8 @@
a:not(.button) a:not(.button)
color: currentColor color: currentColor
text-decoration: underline text-decoration: underline
strong
color: currentColor
code, code,
pre pre
background: $white background: $white
@@ -19,7 +21,7 @@
.title, .title,
.subtitle, .subtitle,
.content .content
color: inherit color: currentColor
// Colors // Colors
@each $name, $pair in $colors @each $name, $pair in $colors
$color: nth($pair, 1) $color: nth($pair, 1)