diff --git a/core/static_src/scss/icons.scss b/babybuddy/static_src/scss/icons.scss similarity index 100% rename from core/static_src/scss/icons.scss rename to babybuddy/static_src/scss/icons.scss diff --git a/dashboard/static_src/scss/cards.scss b/dashboard/static_src/scss/cards.scss index f15e3ca2..91271d06 100644 --- a/dashboard/static_src/scss/cards.scss +++ b/dashboard/static_src/scss/cards.scss @@ -1,5 +1,79 @@ +.card-dashboard { + @extend .mb-3; + + .card-header { + @extend .h4; + margin-bottom: 0; + } + + .card-body { + .card-title { + @extend .h4; + } + + .card-text { + @extend .text-muted; + } + } +} + + .card-diaperchange { + @extend .border-danger; + + .card-header { + @extend .text-white, .bg-danger; + } + + .card-body { + @extend .text-danger; + } + .progress { height: $progress-height * 2; } } + +.card-feeding { + @extend .border-primary; + + .card-header { + @extend .text-white, .bg-primary; + } + + .card-body { + @extend .text-primary; + } +} + +.card-sleep { + @extend .border-secondary; + + .card-header { + @extend .text-white, .bg-secondary; + } +} + +.card-timer { + @extend .border-light; + + .card-header { + @extend .text-dark, .bg-light; + } + + .card-body { + @extend .text-light; + } +} + +.card-tummytime { + @extend .border-success; + + .card-header { + @extend .text-white, .bg-success; + } + + .card-body { + @extend .text-success; + } +} diff --git a/dashboard/templates/cards/base.html b/dashboard/templates/cards/base.html new file mode 100644 index 00000000..40bb0648 --- /dev/null +++ b/dashboard/templates/cards/base.html @@ -0,0 +1,11 @@ +