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

Remove highlight, Fix messages

Browse Source
This commit is contained in:
Jeremy Thomas 2016-12-23 12:45:52 +00:00
parent c52f2575fb
commit 919504dfea
7 changed files with 263 additions and 250 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/bulma-docs.sass
View File

@ -1,6 +1,7 @@
@charset "utf-8"
@import "../bulma"
@import "./sass/highlight"
// Override
.button

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

@ -2979,6 +2979,7 @@ a.box:active {
.card-footer-item {
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
justify-content: center;
@ -3001,235 +3002,6 @@ a.box:active {
margin-bottom: 0.75rem;
}
.card.is-rounded {
border-radius: 5px;
}
.highlight {
background-color: #fdf6e3;
color: #586e75;
}
.highlight .c {
color: #93a1a1;
}
.highlight .err,
.highlight .g {
color: #586e75;
}
.highlight .k {
color: #859900;
}
.highlight .l,
.highlight .n {
color: #586e75;
}
.highlight .o {
color: #859900;
}
.highlight .x {
color: #cb4b16;
}
.highlight .p {
color: #586e75;
}
.highlight .cm {
color: #93a1a1;
}
.highlight .cp {
color: #859900;
}
.highlight .c1 {
color: #93a1a1;
}
.highlight .cs {
color: #859900;
}
.highlight .gd {
color: #2aa198;
}
.highlight .ge {
color: #586e75;
font-style: italic;
}
.highlight .gr {
color: #dc322f;
}
.highlight .gh {
color: #cb4b16;
}
.highlight .gi {
color: #859900;
}
.highlight .go,
.highlight .gp {
color: #586e75;
}
.highlight .gs {
color: #586e75;
font-weight: bold;
}
.highlight .gu {
color: #cb4b16;
}
.highlight .gt {
color: #586e75;
}
.highlight .kc {
color: #cb4b16;
}
.highlight .kd {
color: #268bd2;
}
.highlight .kn,
.highlight .kp {
color: #859900;
}
.highlight .kr {
color: #268bd2;
}
.highlight .kt {
color: #dc322f;
}
.highlight .ld {
color: #586e75;
}
.highlight .m,
.highlight .s {
color: #2aa198;
}
.highlight .na {
color: #B58900;
}
.highlight .nb {
color: #586e75;
}
.highlight .nc {
color: #268bd2;
}
.highlight .no {
color: #cb4b16;
}
.highlight .nd {
color: #268bd2;
}
.highlight .ni,
.highlight .ne {
color: #cb4b16;
}
.highlight .nf {
color: #268bd2;
}
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py {
color: #586e75;
}
.highlight .nt,
.highlight .nv {
color: #268bd2;
}
.highlight .ow {
color: #859900;
}
.highlight .w {
color: #586e75;
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
color: #2aa198;
}
.highlight .sb {
color: #93a1a1;
}
.highlight .sc {
color: #2aa198;
}
.highlight .sd {
color: #586e75;
}
.highlight .s2 {
color: #2aa198;
}
.highlight .se {
color: #cb4b16;
}
.highlight .sh {
color: #586e75;
}
.highlight .si,
.highlight .sx {
color: #2aa198;
}
.highlight .sr {
color: #dc322f;
}
.highlight .s1,
.highlight .ss {
color: #2aa198;
}
.highlight .bp,
.highlight .vc,
.highlight .vg,
.highlight .vi {
color: #268bd2;
}
.highlight .il {
color: #2aa198;
}
.level-item {
align-items: center;
display: flex;
@ -3590,10 +3362,15 @@ a.box:active {
position: relative;
}
.message-header a,
.message-header strong {
color: inherit;
}
.message-header a {
text-decoration: underline;
}
.message-header .delete {
flex-grow: 0;
flex-shrink: 0;
@ -3601,7 +3378,8 @@ a.box:active {
}
.message-header + .message-body {
border-radius: 0 0 3px 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: none;
}
@ -3612,10 +3390,15 @@ a.box:active {
padding: 1em 1.25em;
}
.message-body a,
.message-body strong {
color: inherit;
}
.message-body a {
text-decoration: underline;
}
.message-body code,
.message-body pre {
background: white;
@ -6289,6 +6072,231 @@ label.panel-block:hover {
padding: 3rem 1.5rem 6rem;
}
.highlight {
background-color: #fdf6e3;
color: #586e75;
}
.highlight .c {
color: #93a1a1;
}
.highlight .err,
.highlight .g {
color: #586e75;
}
.highlight .k {
color: #859900;
}
.highlight .l,
.highlight .n {
color: #586e75;
}
.highlight .o {
color: #859900;
}
.highlight .x {
color: #cb4b16;
}
.highlight .p {
color: #586e75;
}
.highlight .cm {
color: #93a1a1;
}
.highlight .cp {
color: #859900;
}
.highlight .c1 {
color: #93a1a1;
}
.highlight .cs {
color: #859900;
}
.highlight .gd {
color: #2aa198;
}
.highlight .ge {
color: #586e75;
font-style: italic;
}
.highlight .gr {
color: #dc322f;
}
.highlight .gh {
color: #cb4b16;
}
.highlight .gi {
color: #859900;
}
.highlight .go,
.highlight .gp {
color: #586e75;
}
.highlight .gs {
color: #586e75;
font-weight: bold;
}
.highlight .gu {
color: #cb4b16;
}
.highlight .gt {
color: #586e75;
}
.highlight .kc {
color: #cb4b16;
}
.highlight .kd {
color: #268bd2;
}
.highlight .kn,
.highlight .kp {
color: #859900;
}
.highlight .kr {
color: #268bd2;
}
.highlight .kt {
color: #dc322f;
}
.highlight .ld {
color: #586e75;
}
.highlight .m,
.highlight .s {
color: #2aa198;
}
.highlight .na {
color: #B58900;
}
.highlight .nb {
color: #586e75;
}
.highlight .nc {
color: #268bd2;
}
.highlight .no {
color: #cb4b16;
}
.highlight .nd {
color: #268bd2;
}
.highlight .ni,
.highlight .ne {
color: #cb4b16;
}
.highlight .nf {
color: #268bd2;
}
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py {
color: #586e75;
}
.highlight .nt,
.highlight .nv {
color: #268bd2;
}
.highlight .ow {
color: #859900;
}
.highlight .w {
color: #586e75;
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
color: #2aa198;
}
.highlight .sb {
color: #93a1a1;
}
.highlight .sc {
color: #2aa198;
}
.highlight .sd {
color: #586e75;
}
.highlight .s2 {
color: #2aa198;
}
.highlight .se {
color: #cb4b16;
}
.highlight .sh {
color: #586e75;
}
.highlight .si,
.highlight .sx {
color: #2aa198;
}
.highlight .sr {
color: #dc322f;
}
.highlight .s1,
.highlight .ss {
color: #2aa198;
}
.highlight .bp,
.highlight .vc,
.highlight .vg,
.highlight .vi {
color: #268bd2;
}
.highlight .il {
color: #2aa198;
}
@media screen and (min-width: 769px) {
.button small {
color: #4a4a4a;

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

@ -22,7 +22,7 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-dark">
@ -31,7 +31,7 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-primary">
@ -40,7 +40,7 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-info">
@ -49,7 +49,7 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-success">
@ -58,7 +58,7 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-warning">
@ -67,16 +67,16 @@ doc-subtab: message
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-danger">
<div class="message-header">
<p>Danger</p>
<p><strong>Danger</strong>! <a>Learn more</a></p>
<button class="delete"></button>
</div>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
{% endcapture %}
@ -100,37 +100,37 @@ doc-subtab: message
{% capture message_body_example %}
<article class="message">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-dark">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-primary">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-info">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-success">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-warning">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
<article class="message is-danger">
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, 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.
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>
{% endcapture %}

0
sass/components/highlight.sass → docs/sass/highlight.sass
View File

1
sass/components/_all.sass
View File

@ -1,7 +1,6 @@
@charset "utf-8"
@import "card.sass"
@import "highlight.sass"
@import "level.sass"
@import "media.sass"
@import "menu.sass"

4
sass/components/card.sass
View File

@ -35,6 +35,7 @@
.card-footer-item
align-items: center
display: flex
flex-basis: 0
flex-grow: 1
flex-shrink: 0
justify-content: center
@ -50,6 +51,3 @@
position: relative
.media:not(:last-child)
margin-bottom: 0.75rem
// Modifiers
&.is-rounded
border-radius: $radius-large

9
sass/components/message.sass
View File

@ -30,14 +30,18 @@
line-height: 1.25
padding: 0.5em 0.75em
position: relative
a,
strong
color: inherit
a
text-decoration: underline
.delete
flex-grow: 0
flex-shrink: 0
margin-left: 0.75em
& + .message-body
border-radius: 0 0 $radius $radius
border-top-left-radius: 0
border-top-right-radius: 0
border-top: none
.message-body
@ -45,8 +49,11 @@
border-radius: $radius
color: $text
padding: 1em 1.25em
a,
strong
color: inherit
a
text-decoration: underline
code,
pre
background: $white