diff options
Diffstat (limited to 'semantic/dist/components/placeholder.css')
| -rw-r--r-- | semantic/dist/components/placeholder.css | 230 |
1 files changed, 0 insertions, 230 deletions
diff --git a/semantic/dist/components/placeholder.css b/semantic/dist/components/placeholder.css deleted file mode 100644 index 1bea742..0000000 --- a/semantic/dist/components/placeholder.css +++ /dev/null @@ -1,230 +0,0 @@ -/*! - * # Fomantic-UI - Loader - * http://github.com/fomantic/Fomantic-UI/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/*------------------- - Content ---------------------*/ - -.ui.placeholder { - position: static; - overflow: hidden; - animation: placeholderShimmer 2s linear; - animation-iteration-count: infinite; - background-color: #FFFFFF; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); - background-size: 1200px 100%; - max-width: 30rem; -} -@keyframes placeholderShimmer { - 0% { - background-position: -1200px 0; - } - 100% { - background-position: 1200px 0; - } -} -.ui.placeholder + .ui.placeholder { - margin-top: 2rem; -} -.ui.placeholder + .ui.placeholder { - animation-delay: 0.15s; -} -.ui.placeholder + .ui.placeholder + .ui.placeholder { - animation-delay: 0.3s; -} -.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder { - animation-delay: 0.45s; -} -.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder { - animation-delay: 0.6s; -} -.ui.placeholder, -.ui.placeholder > :before, -.ui.placeholder .image.header:after, -.ui.placeholder .line, -.ui.placeholder .line:after { - background-color: #FFFFFF; -} -.ui.placeholder.hidden { - display: none; -} - -/* Image */ -.ui.placeholder .image:not(.header):not(.ui):not(.icon) { - height: 100px; -} -.ui.placeholder .square.image:not(.header) { - height: 0; - overflow: hidden; - -/* 1/1 aspect ratio */ - padding-top: 100%; -} -.ui.placeholder .rectangular.image:not(.header) { - height: 0; - overflow: hidden; - -/* 4/3 aspect ratio */ - padding-top: 75%; -} - -/* Lines */ -.ui.placeholder .line { - position: relative; - height: 0.85714286em; -} -.ui.placeholder .line:before, -.ui.placeholder .line:after { - top: 100%; - position: absolute; - content: ''; - background-color: inherit; -} -.ui.placeholder .line:before { - left: 0; -} -.ui.placeholder .line:after { - right: 0; -} - -/* Any Lines */ -.ui.placeholder .line { - margin-bottom: 0.5em; -} -.ui.placeholder .line:before, -.ui.placeholder .line:after { - height: 0.5em; -} -.ui.placeholder .line:not(:first-child) { - margin-top: 0.5em; -} - -/* Line Outdent */ -.ui.placeholder .line:nth-child(1):after { - width: 0; -} -.ui.placeholder .line:nth-child(2):after { - width: 50%; -} -.ui.placeholder .line:nth-child(3):after { - width: 10%; -} -.ui.placeholder .line:nth-child(4):after { - width: 35%; -} -.ui.placeholder .line:nth-child(5):after { - width: 65%; -} - -/* Header Image + 2 Lines */ -.ui.placeholder .header { - position: relative; - overflow: hidden; -} - -/* Header Line 1 & 2*/ -.ui.placeholder .header .line { - margin-bottom: 0.64285714em; -} -.ui.placeholder .header .line:before, -.ui.placeholder .header .line:after { - height: 0.64285714em; -} -.ui.placeholder .header .line:not(:first-child) { - margin-top: 0.64285714em; -} -.ui.placeholder .header .line:after { - width: 20%; -} -.ui.placeholder .header .line:nth-child(2):after { - width: 60%; -} -/* Image Header */ -.ui.placeholder .image.header .line { - margin-left: 3em; -} -.ui.placeholder .image.header .line:before { - width: 0.71428571rem; -} -.ui.placeholder .image.header:after { - display: block; - height: 0.85714286em; - content: ''; - margin-left: 3em; -} - -/* Spacing */ -.ui.placeholder .image .line:first-child, -.ui.placeholder .paragraph .line:first-child, -.ui.placeholder .header .line:first-child { - height: 0.01px; -} -.ui.placeholder .image:not(:first-child):before, -.ui.placeholder .paragraph:not(:first-child):before, -.ui.placeholder .header:not(:first-child):before { - height: 1.42857143em; - content: ''; - display: block; -} - -/* Inverted Content Loader */ -.ui.inverted.placeholder { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%); -} -.ui.inverted.placeholder, -.ui.inverted.placeholder > :before, -.ui.inverted.placeholder .image.header:after, -.ui.inverted.placeholder .line, -.ui.inverted.placeholder .line:after { - background-color: #1B1C1D; -} - - -/******************************* - Variations -*******************************/ - - -/*------------------- - Sizes ---------------------*/ - -.ui.placeholder .full.line.line.line:after { - width: 0; -} -.ui.placeholder .very.long.line.line.line:after { - width: 10%; -} -.ui.placeholder .long.line.line.line:after { - width: 35%; -} -.ui.placeholder .medium.line.line.line:after { - width: 50%; -} -.ui.placeholder .short.line.line.line:after { - width: 65%; -} -.ui.placeholder .very.short.line.line.line:after { - width: 80%; -} - -/*------------------- - Fluid - --------------------*/ - -.ui.fluid.placeholder { - max-width: none; -} - - -/******************************* - Theme Overrides -*******************************/ - |