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

Docs/variables data (#1314)

Browse Source 
* Replace variables.json with colors.json and update related files accordingly

* Add variables data files

* Update variables include template and all related files to use new variables data

* Fix mobile breakpoint id typo in responsivness docs page

* Fix Liquid syntax error in made-with-bulma docs page

* Update bulma sass files count in modular docs page

* Use breakpoints data in responsiveness helpers docs page

* Use breakpoints and variables data in typography helpers docs page

* Add missing page titles in docs pages front matter
This commit is contained in:
bstashio
2017-10-17 12:28:59 +03:00
committed by Jeremy Thomas
parent e4fd1b7579
commit 1523ce8527
65 changed files with 2736 additions and 1158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/documentation/components/message.html
View File

@@ -1,32 +1,8 @@
---
title: Message
layout: documentation
doc-tab: components
doc-subtab: message
variables:
- name: $message-background-color
value: $background
- name: $message-radius
value: $radius
- name: $message-header-background-color
value: $text
- name: $message-header-color
value: $text-invert
- name: $message-header-padding
value: 0.5em 0.75em
- name: $message-header-radius
value: $radius
- name: $message-body-border
value: 1px solid $border
- name: $message-body-color
value: $text
- name: $message-body-padding
value: 1em 1.25em
- name: $message-body-radius
value: $radius
- name: $message-body-pre-background-color
value: $white
- name: $message-body-pre-code-background-color
value: transparent
---
{% capture message_example %}
@@ -51,7 +27,7 @@ variables:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <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. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
</div>
</article>
{% for color in site.data.variables.justColors %}
{% for color in site.data.colors.justColors %}
<article class="message is-{{ color }}">
<div class="message-header">
<p>{{ color | capitalize }}</p>
@@ -123,7 +99,7 @@ variables:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <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. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
</div>
</article>
{% for color in site.data.variables.justColors %}
{% for color in site.data.colors.justColors %}
<article class="message is-{{ color }}">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <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. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
@@ -173,7 +149,7 @@ variables:
{% include snippet.html content=message_large %}
{% include variables.html %}
{% include variables.html type='component' %}
</div>
</section>