library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add callout

Browse Source
This commit is contained in:
Jeremy Thomas 2017-04-01 13:31:36 +01:00
parent f49f8d6a22
commit b4e90e87cc
4 changed files with 1278 additions and 355 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/bulma-docs.sass
View File

@ -9,6 +9,7 @@
@import "./sass/footer" @import "./sass/footer"
@import "./sass/specific" @import "./sass/specific"
@import "./sass/example" @import "./sass/example"
@import "./sass/callout"
@import "./sass/bsa" @import "./sass/bsa"
@import "./sass/route" @import "./sass/route"

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

File diff suppressed because it is too large Load Diff

4
docs/documentation/elements/button.html
View File

@ -96,7 +96,7 @@ doc-subtab: button
{% endcapture %} {% endcapture %}
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="notification is-primary"> <div class="callout is-primary">
{{button_inverted_example}} {{button_inverted_example}}
</div> </div>
</div> </div>
@ -117,7 +117,7 @@ doc-subtab: button
{% endcapture %} {% endcapture %}
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="notification is-primary"> <div class="callout is-primary">
{{button_inverted_outlined_example}} {{button_inverted_outlined_example}}
</div> </div>
</div> </div>

13
docs/sass/callout.sass Normal file
View File

@ -0,0 +1,13 @@
.callout
+block
background-color: $background
border-radius: $radius
padding: 1.25rem 2.5rem 1.25rem 1.5rem
position: relative
// Colors
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
background-color: $color
color: $color-invert