diff --git a/styles/atat.scss b/styles/atat.scss index 3f745e78..5d41ed96 100644 --- a/styles/atat.scss +++ b/styles/atat.scss @@ -22,6 +22,7 @@ @import "elements/kpi"; @import "elements/graphs"; @import "elements/menu"; +@import "elements/card"; @import "components/accordion_table"; @import "components/topbar"; diff --git a/styles/elements/_card.scss b/styles/elements/_card.scss new file mode 100644 index 00000000..28f416da --- /dev/null +++ b/styles/elements/_card.scss @@ -0,0 +1,34 @@ +.card { + width: 100%; + box-shadow: $box-shadow-big; + padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3); + margin-bottom: 20px; + + .card__status { + display: flex; + align-items: baseline; + justify-content: space-around; + + .card__status-spacer { + flex-grow: 10; + } + } + + .card__header h3 { + margin-top: 0; + } + + .card__body { + font-size: $small-font-size; + } +} + +.card { + .label { + margin-left: 0; + } + + .datetime { + font-size: $small-font-size; + } +} diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss index d13934f4..445ab557 100644 --- a/styles/sections/_task_order.scss +++ b/styles/sections/_task_order.scss @@ -585,40 +585,3 @@ } } } - -.card { - width: 100%; - box-shadow: $box-shadow-big; - padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3); - margin-bottom: 20px; - - .card__status { - margin-bottom: $gap * 2; - display: flex; - align-items: baseline; - justify-content: space-around; - - .card__status-spacer { - flex-grow: 10; - } - } - - .card__header { - - } - - .card__body { - font-size: $small-font-size; - color: $color-gray-medium; - } -} - -.card { - .label { - margin-left: 0; - } - - .datetime { - font-size: $small-font-size; - } -}