diff options
Diffstat (limited to 'semantic/dist/components/statistic.css')
| -rw-r--r-- | semantic/dist/components/statistic.css | 595 |
1 files changed, 0 insertions, 595 deletions
diff --git a/semantic/dist/components/statistic.css b/semantic/dist/components/statistic.css deleted file mode 100644 index ce244ce..0000000 --- a/semantic/dist/components/statistic.css +++ /dev/null @@ -1,595 +0,0 @@ -/*! - * # Fomantic-UI - Statistic - * http://github.com/fomantic/Fomantic-UI/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Statistic -*******************************/ - - -/* Standalone */ -.ui.statistic { - display: inline-flex; - flex-direction: column; - margin: 1em 0; - max-width: none; -} -.ui.statistic + .ui.statistic { - margin: 0 0 0 1.5em; -} -.ui.statistic:first-child { - margin-top: 0; -} -.ui.statistic:last-child { - margin-bottom: 0; -} - - -/******************************* - Group -*******************************/ - - -/* Grouped */ -.ui.statistics { - display: flex; - align-items: flex-start; - flex-wrap: wrap; -} -.ui.statistics > .statistic { - display: inline-flex; - flex: 0 1 auto; - flex-direction: column; - margin: 0 1.5em 1em; - max-width: none; -} -.ui.statistics { - display: flex; - margin: 1em -1.5em -1em; -} - -/* Clearing */ -.ui.statistics:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.statistics:first-child { - margin-top: 0; -} - - -/******************************* - Content -*******************************/ - - -/*-------------- - Value ----------------*/ - -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 4rem; - font-weight: normal; - line-height: 1em; - color: #1B1C1D; - text-transform: uppercase; - text-align: center; -} - -/*-------------- - Label ----------------*/ - -.ui.statistics .statistic > .label, -.ui.statistic > .label { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); - text-transform: uppercase; - text-align: center; -} - -/* Top Label */ -.ui.statistics .statistic > .label ~ .value, -.ui.statistic > .label ~ .value { - margin-top: 0; -} - -/* Bottom Label */ -.ui.statistics .statistic > .value ~ .label, -.ui.statistic > .value ~ .label { - margin-top: 0; -} - - -/******************************* - Types -*******************************/ - - -/*-------------- - Icon Value ----------------*/ - -.ui.statistics .statistic > .value > i.icon, -.ui.statistic > .value > i.icon { - opacity: 1; - width: auto; - margin: 0; -} - -/*-------------- - Text Value ----------------*/ - -.ui.statistics .statistic > .text.value, -.ui.statistic > .text.value { - line-height: 1em; - min-height: 2em; - font-weight: bold; - text-align: center; -} -.ui.statistics .statistic > .text.value + .label, -.ui.statistic > .text.value + .label { - text-align: center; -} - -/*-------------- - Image Value ----------------*/ - -.ui.statistics .statistic > .value img, -.ui.statistic > .value img { - max-height: 3rem; - vertical-align: baseline; -} - - -/******************************* - Variations -*******************************/ - - -/*-------------- - Count ----------------*/ - -.ui.ten.statistics { - margin: 0 0 -1em; -} -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0 0 1em; -} -.ui.nine.statistics { - margin: 0 0 -1em; -} -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0 0 1em; -} -.ui.eight.statistics { - margin: 0 0 -1em; -} -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0 0 1em; -} -.ui.seven.statistics { - margin: 0 0 -1em; -} -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0 0 1em; -} -.ui.six.statistics { - margin: 0 0 -1em; -} -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0 0 1em; -} -.ui.five.statistics { - margin: 0 0 -1em; -} -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0 0 1em; -} -.ui.four.statistics { - margin: 0 0 -1em; -} -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0 0 1em; -} -.ui.three.statistics { - margin: 0 0 -1em; -} -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0 0 1em; -} -.ui.two.statistics { - margin: 0 0 -1em; -} -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0 0 1em; -} -.ui.one.statistics { - margin: 0 0 -1em; -} -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0 0 1em; -} - -/*-------------- - Horizontal - ---------------*/ - -.ui.horizontal.statistic { - flex-direction: row; - align-items: center; -} -.ui.horizontal.statistics { - flex-direction: column; - margin: 0; - max-width: none; -} -.ui.horizontal.statistics .statistic { - flex-direction: row; - align-items: center; - max-width: none; - margin: 1em 0; -} -.ui.horizontal.statistic > .text.value, -.ui.horizontal.statistics > .statistic > .text.value { - min-height: 0 !important; -} -.ui.horizontal.statistics .statistic > .value > i.icon, -.ui.horizontal.statistic > .value > i.icon { - width: 1.18em; -} -.ui.horizontal.statistics .statistic > .value, -.ui.horizontal.statistic > .value { - display: inline-block; - vertical-align: middle; -} -.ui.horizontal.statistics .statistic > .label, -.ui.horizontal.statistic > .label { - display: inline-block; - vertical-align: middle; - margin: 0 0 0 0.75em; -} - -/*-------------- - Inverted - ---------------*/ - -.ui.inverted.statistics .statistic > .value, -.ui.inverted.statistic .value { - color: #FFFFFF; -} -.ui.inverted.statistics .statistic > .label, -.ui.inverted.statistic .label { - color: rgba(255, 255, 255, 0.9); -} - -/*-------------- - Colors ----------------*/ - -.ui.primary.statistics .statistic > .value, -.ui.statistics .primary.statistic > .value, -.ui.primary.statistic > .value { - color: #2185D0; -} -.ui.inverted.primary.statistics .statistic > .value, -.ui.statistics .inverted.primary.statistic > .value, -.ui.inverted.primary.statistic > .value { - color: #54C8FF; -} -.ui.secondary.statistics .statistic > .value, -.ui.statistics .secondary.statistic > .value, -.ui.secondary.statistic > .value { - color: #1B1C1D; -} -.ui.inverted.secondary.statistics .statistic > .value, -.ui.statistics .inverted.secondary.statistic > .value, -.ui.inverted.secondary.statistic > .value { - color: #545454; -} -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value, -.ui.red.statistic > .value { - color: #DB2828; -} -.ui.inverted.red.statistics .statistic > .value, -.ui.statistics .inverted.red.statistic > .value, -.ui.inverted.red.statistic > .value { - color: #FF695E; -} -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value, -.ui.orange.statistic > .value { - color: #F2711C; -} -.ui.inverted.orange.statistics .statistic > .value, -.ui.statistics .inverted.orange.statistic > .value, -.ui.inverted.orange.statistic > .value { - color: #FF851B; -} -.ui.yellow.statistics .statistic > .value, -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value { - color: #FBBD08; -} -.ui.inverted.yellow.statistics .statistic > .value, -.ui.statistics .inverted.yellow.statistic > .value, -.ui.inverted.yellow.statistic > .value { - color: #FFE21F; -} -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value, -.ui.olive.statistic > .value { - color: #B5CC18; -} -.ui.inverted.olive.statistics .statistic > .value, -.ui.statistics .inverted.olive.statistic > .value, -.ui.inverted.olive.statistic > .value { - color: #D9E778; -} -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value, -.ui.green.statistic > .value { - color: #21BA45; -} -.ui.inverted.green.statistics .statistic > .value, -.ui.statistics .inverted.green.statistic > .value, -.ui.inverted.green.statistic > .value { - color: #2ECC40; -} -.ui.teal.statistics .statistic > .value, -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value { - color: #00B5AD; -} -.ui.inverted.teal.statistics .statistic > .value, -.ui.statistics .inverted.teal.statistic > .value, -.ui.inverted.teal.statistic > .value { - color: #6DFFFF; -} -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value, -.ui.blue.statistic > .value { - color: #2185D0; -} -.ui.inverted.blue.statistics .statistic > .value, -.ui.statistics .inverted.blue.statistic > .value, -.ui.inverted.blue.statistic > .value { - color: #54C8FF; -} -.ui.violet.statistics .statistic > .value, -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value { - color: #6435C9; -} -.ui.inverted.violet.statistics .statistic > .value, -.ui.statistics .inverted.violet.statistic > .value, -.ui.inverted.violet.statistic > .value { - color: #A291FB; -} -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value, -.ui.purple.statistic > .value { - color: #A333C8; -} -.ui.inverted.purple.statistics .statistic > .value, -.ui.statistics .inverted.purple.statistic > .value, -.ui.inverted.purple.statistic > .value { - color: #DC73FF; -} -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value, -.ui.pink.statistic > .value { - color: #E03997; -} -.ui.inverted.pink.statistics .statistic > .value, -.ui.statistics .inverted.pink.statistic > .value, -.ui.inverted.pink.statistic > .value { - color: #FF8EDF; -} -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value, -.ui.brown.statistic > .value { - color: #A5673F; -} -.ui.inverted.brown.statistics .statistic > .value, -.ui.statistics .inverted.brown.statistic > .value, -.ui.inverted.brown.statistic > .value { - color: #D67C1C; -} -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value, -.ui.grey.statistic > .value { - color: #767676; -} -.ui.inverted.grey.statistics .statistic > .value, -.ui.statistics .inverted.grey.statistic > .value, -.ui.inverted.grey.statistic > .value { - color: #DCDDDE; -} -.ui.black.statistics .statistic > .value, -.ui.statistics .black.statistic > .value, -.ui.black.statistic > .value { - color: #1B1C1D; -} -.ui.inverted.black.statistics .statistic > .value, -.ui.statistics .inverted.black.statistic > .value, -.ui.inverted.black.statistic > .value { - color: #545454; -} - -/*-------------- - Floated - ---------------*/ - -.ui[class*="left floated"].statistic { - float: left; - margin: 0 2em 1em 0; -} -.ui[class*="right floated"].statistic { - float: right; - margin: 0 0 1em 2em; -} -.ui.floated.statistic:last-child { - margin-bottom: 0; -} - -/*-------------- - Stackable - ---------------*/ - -@media only screen and (max-width: 767.98px) { - .ui.stackable.statistics { - width: auto; - margin-left: 0 !important; - margin-right: 0 !important; - } - .ui.stackable.statistics > .statistic { - width: 100% !important; - margin: 0 0 !important; - padding: 1rem 1rem !important; - } -} - -/*-------------- - Sizes ----------------*/ - - -/* Medium */ -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-size: 4rem; -} -.ui.horizontal.statistics .statistic > .value, -.ui.horizontal.statistic > .value { - font-size: 3rem; -} -.ui.statistics .statistic > .text.value, -.ui.statistic > .text.value { - font-size: 2rem; -} -.ui.mini.statistics .statistic > .value, -.ui.mini.statistic > .value { - font-size: 1.5rem; -} -.ui.mini.horizontal.statistics .statistic > .value, -.ui.mini.horizontal.statistic > .value { - font-size: 1.5rem; -} -.ui.mini.statistics .statistic > .text.value, -.ui.mini.statistic > .text.value { - font-size: 1rem; -} -.ui.tiny.statistics .statistic > .value, -.ui.tiny.statistic > .value { - font-size: 2rem; -} -.ui.tiny.horizontal.statistics .statistic > .value, -.ui.tiny.horizontal.statistic > .value { - font-size: 2rem; -} -.ui.tiny.statistics .statistic > .text.value, -.ui.tiny.statistic > .text.value { - font-size: 1rem; -} -.ui.small.statistics .statistic > .value, -.ui.small.statistic > .value { - font-size: 3rem; -} -.ui.small.horizontal.statistics .statistic > .value, -.ui.small.horizontal.statistic > .value { - font-size: 2rem; -} -.ui.small.statistics .statistic > .text.value, -.ui.small.statistic > .text.value { - font-size: 1rem; -} -.ui.large.statistics .statistic > .value, -.ui.large.statistic > .value { - font-size: 5rem; -} -.ui.large.horizontal.statistics .statistic > .value, -.ui.large.horizontal.statistic > .value { - font-size: 4rem; -} -.ui.large.statistics .statistic > .text.value, -.ui.large.statistic > .text.value { - font-size: 2.5rem; -} -.ui.big.statistics .statistic > .value, -.ui.big.statistic > .value { - font-size: 5.5rem; -} -.ui.big.horizontal.statistics .statistic > .value, -.ui.big.horizontal.statistic > .value { - font-size: 4.5rem; -} -.ui.big.statistics .statistic > .text.value, -.ui.big.statistic > .text.value { - font-size: 2.5rem; -} -.ui.huge.statistics .statistic > .value, -.ui.huge.statistic > .value { - font-size: 6rem; -} -.ui.huge.horizontal.statistics .statistic > .value, -.ui.huge.horizontal.statistic > .value { - font-size: 5rem; -} -.ui.huge.statistics .statistic > .text.value, -.ui.huge.statistic > .text.value { - font-size: 2.5rem; -} -.ui.massive.statistics .statistic > .value, -.ui.massive.statistic > .value { - font-size: 7rem; -} -.ui.massive.horizontal.statistics .statistic > .value, -.ui.massive.horizontal.statistic > .value { - font-size: 6rem; -} -.ui.massive.statistics .statistic > .text.value, -.ui.massive.statistic > .text.value { - font-size: 3rem; -} - - -/******************************* - Theme Overrides -*******************************/ - - - -/******************************* - User Variable Overrides -*******************************/ - |