diff options
Diffstat (limited to 'scss')
-rw-r--r-- | scss/bootstrap-callout.scss | 68 | ||||
-rw-r--r-- | scss/pergamon.scss | 1 |
2 files changed, 28 insertions, 41 deletions
diff --git a/scss/bootstrap-callout.scss b/scss/bootstrap-callout.scss index 1364867..1dc08a1 100644 --- a/scss/bootstrap-callout.scss +++ b/scss/bootstrap-callout.scss @@ -1,77 +1,63 @@ .bs-callout { padding: 20px; - margin: 20px 0; - border: 1px solid #eee; - border-left-width: 5px; - border-radius: 4px; - margin-left: 50px; + margin: 20px 0; + border: 1px solid #eee; + border-left-width: 5px; + border-radius: 4px; + margin-left: 50px; } + .bs-callout-xl { margin-left: 0px; } + .bs-callout-lg { margin-left: 50px; } + .bs-callout-md { margin-left: 100px; } + .bs-callout-sm { margin-left: 150px; } + .bs-callout-xs { margin-left: 200px; } + .bs-callout h4 { margin-top: 0; - margin-bottom: 5px; + margin-bottom: 5px; } + .bs-callout p:last-child { margin-bottom: 0; } + .bs-callout code { border-radius: 4px; } + .bs-callout+.bs-callout { margin-top: -5px; } + .bs-callout-default { border-left-color: #777; - background-color: #f7f7f9; + background-color: #f7f7f9; } + .bs-callout-default h4 { color: #777; } -.bs-callout-primary { - border-left-color: #428bca; -} -.bs-callout-primary h4 { - color: #428bca; -} -.bs-callout-success { - border-left-color: #5cb85c; - background-color: #efffe8; -} -.bs-callout-success h4 { - color: #5cb85c; -} -.bs-callout-danger { - border-left-color: #d9534f; - background-color: #fcf2f2; -} -.bs-callout-danger h4 { - color: #d9534f; -} -.bs-callout-warning { - border-left-color: #f0ad4e; - background-color: #fefbed; -} -.bs-callout-warning h4 { - color: #f0ad4e; -} -.bs-callout-info { - border-left-color: #5bc0de; - background-color: #f0f7fd; -} -.bs-callout-info h4 { - color: #5bc0de; -} + +@each $color, $value in $theme-colors { + .bs-callout-#{$color} { + border-left-color: $value; + } + .bs-callout-#{$color} h4 { + color: $value; + } +}
\ No newline at end of file diff --git a/scss/pergamon.scss b/scss/pergamon.scss index 452e1d5..67b8e85 100644 --- a/scss/pergamon.scss +++ b/scss/pergamon.scss @@ -1,5 +1,6 @@ @import "custom"; @import "bootstrap-src/scss/bootstrap"; +@import "bootstrap-callout"; body{ background-color: #eee; |