UNPKG

emmet-css

Version:

Emmet CSS libray(include CSS Reset)

1,351 lines (1,139 loc) 18 kB
@charset "UTF-8"; /* Emmet CSS lib(include css reset) v1.2.12 | 2017-09-30 EJay - add top, left, bottom, right, etc v1.2.11 | 2017-08-04 EJay - remove useless class v1.2.8 | 2017-06-04 EJay - add pointer-event v1.2.7 | 2017-04-07 EJay - add function: omitContent v1.2.6 | 2017-03-24 EJay - modify html, body. remove font-size: 14px v1.2.5 | 2016-12-27 EJay - modify CIS color & add _mixin.scss v1.2.4 | 2016-12-26 EJay - modify something css class. ex: html, body v1.2.3 | 2016-12-26 EJay - add something css class. ex: .flex-col v1.2.2 | 2016-11-21 EJay - add something css class. ex: .vv, .vh, .cur v1.1.0 | 2016-11-21 EJay - all element use box-sizing: border-box & new something css class v1.0.1 | 2016-11-21 EJay - Create Emmet CSS Copyright © 2016 Anyong Fintech Co., Ltd. */ /* RESET CSS http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* line 7, ../scss/_reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ /* line 99, ../scss/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* line 113, ../scss/_reset.scss */ body { line-height: 1; } /* line 116, ../scss/_reset.scss */ ol, ul { list-style: none; } /* line 120, ../scss/_reset.scss */ blockquote, q { quotes: none; } /* line 123, ../scss/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } /* line 129, ../scss/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 20, ../scss/emmet.scss */ * { box-sizing: border-box; } /* line 26, ../scss/emmet.scss */ textarea:focus, input:focus { outline: none; } /* line 31, ../scss/emmet.scss */ a { color: inherit; text-decoration: none; outline: none; } /* line 35, ../scss/emmet.scss */ a:hover { text-decoration: none; } /* line 40, ../scss/emmet.scss */ html, body { display: block; width: 100%; height: 100%; position: relative; margin: 0em; border: none; } /* line 50, ../scss/emmet.scss */ .curp { cursor: pointer; } /* line 54, ../scss/emmet.scss */ .curd { cursor: default; } /* line 58, ../scss/emmet.scss */ .curt { cursor: text; } /* line 62, ../scss/emmet.scss */ .curc { cursor: crosshair; } /* line 66, ../scss/emmet.scss */ .curhe { cursor: help; } /* line 70, ../scss/emmet.scss */ .curm { cursor: move; } /* line 74, ../scss/emmet.scss */ .curnd { cursor: no-drop; } /* line 78, ../scss/emmet.scss */ .curna { cursor: not-allowed; } /* line 82, ../scss/emmet.scss */ .curpg { cursor: progress; } /* line 86, ../scss/emmet.scss */ .curw { cursor: wait; } /* line 90, ../scss/emmet.scss */ .curn { cursor: none; } /* line 94, ../scss/emmet.scss */ .currr { cursor: row-resize; } /* line 98, ../scss/emmet.scss */ .curcr { cursor: col-resize; } /* line 102, ../scss/emmet.scss */ .curcm { cursor: context-menu; } /* line 106, ../scss/emmet.scss */ .curcp { cursor: copy; } /* line 110, ../scss/emmet.scss */ .curce { cursor: cell; } /* line 114, ../scss/emmet.scss */ .curwr { cursor: w-resize; } /* line 118, ../scss/emmet.scss */ .curer { cursor: e-resize; } /* line 122, ../scss/emmet.scss */ .curnr { cursor: n-resize; } /* line 126, ../scss/emmet.scss */ .curswr { cursor: sw-resize; } /* line 130, ../scss/emmet.scss */ .curser { cursor: se-resize; } /* line 134, ../scss/emmet.scss */ .curnwr { cursor: ne-resize; } /* line 138, ../scss/emmet.scss */ .curner { cursor: nw-resize; } /* line 142, ../scss/emmet.scss */ .curzi { cursor: zoom-in; } /* line 146, ../scss/emmet.scss */ .curzo { cursor: zoom-out; } /* line 150, ../scss/emmet.scss */ .curg { cursor: grab; } /* line 154, ../scss/emmet.scss */ .curgb { cursor: grabbing; } /* line 158, ../scss/emmet.scss */ .vv { visibility: visible; } /* line 162, ../scss/emmet.scss */ .vh { visibility: hidden; } /* line 166, ../scss/emmet.scss */ .vc { visibility: collapse; } /* line 170, ../scss/emmet.scss */ .bdn { border: none; } /* line 174, ../scss/emmet.scss */ .mgn { margin: 0em; } /* line 178, ../scss/emmet.scss */ .pdn { padding: 0em; } /* line 182, ../scss/emmet.scss */ .dpib, .dib { display: inline-block; } /* line 187, ../scss/emmet.scss */ .mn, .db, .dpb { display: block; } /* line 193, ../scss/emmet.scss */ .dn, .dpn { display: none; } /* line 198, ../scss/emmet.scss */ .clr, .clrb, .clb { clear: both; } /* line 204, ../scss/emmet.scss */ .clrr { clear: right; } /* line 208, ../scss/emmet.scss */ .clrl { clear: left; } /* line 212, ../scss/emmet.scss */ .fl { float: left; } /* line 216, ../scss/emmet.scss */ .fr { float: right; } /* line 220, ../scss/emmet.scss */ .vam { vertical-align: middle; } /* line 224, ../scss/emmet.scss */ .vat { vertical-align: top; } /* line 228, ../scss/emmet.scss */ .vab { vertical-align: bottom; } /* line 232, ../scss/emmet.scss */ .vatt { vertical-align: text-top; } /* line 236, ../scss/emmet.scss */ .vatb { vertical-align: text-bottom; } /* line 240, ../scss/emmet.scss */ .tac { text-align: center; } /* line 244, ../scss/emmet.scss */ .tar { text-align: right; } /* line 248, ../scss/emmet.scss */ .tal { text-align: left; } /* line 252, ../scss/emmet.scss */ .taj { text-align: justify; } /* line 256, ../scss/emmet.scss */ .bxz, .bx, .bxzbb { box-sizing: border-box; } /* line 262, ../scss/emmet.scss */ .ovh { overflow: hidden; } /* line 266, ../scss/emmet.scss */ .ovxh { overflow-x: hidden; } /* line 270, ../scss/emmet.scss */ .ovyh { overflow-y: hidden; } /* line 274, ../scss/emmet.scss */ .ovxa { overflow-x: auto; } /* line 278, ../scss/emmet.scss */ .ovya { overflow-y: auto; } /* line 282, ../scss/emmet.scss */ .ova { overflow: auto; } /* line 286, ../scss/emmet.scss */ .posa { position: absolute; } /* line 290, ../scss/emmet.scss */ .posr { position: relative; } /* line 294, ../scss/emmet.scss */ .posf { position: fixed; } /* line 298, ../scss/emmet.scss */ .full { width: 100%; height: 100%; } /* line 303, ../scss/emmet.scss */ .fh { height: 100%; } /* line 307, ../scss/emmet.scss */ .fw { width: 100%; } /* line 311, ../scss/emmet.scss */ .bold { font-weight: bold; } /* line 316, ../scss/emmet.scss */ .df, .dfr, .flex-row, .frow { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } /* line 326, ../scss/emmet.scss */ .dfc, .fcol, .flex-col, .flex-column { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } /* line 336, ../scss/emmet.scss */ .fae, .flex-align-end { display: flex; align-items: flex-end; } /* line 342, ../scss/emmet.scss */ .fac, .flex-align-center { display: flex; align-items: center; } /* line 348, ../scss/emmet.scss */ .fs, .flex-stretch { display: flex; align-items: stretch; } /* line 354, ../scss/emmet.scss */ .fb, .flex-baseline { display: flex; align-items: baseline; } /* line 360, ../scss/emmet.scss */ .frv, .flex-reverse { display: flex; flex-direction: row-reverse; } /* line 366, ../scss/emmet.scss */ .fcr, .flex-column-reverse { display: flex; flex-direction: column-reverse; } /* line 372, ../scss/emmet.scss */ .fje, .flex-justify-end { display: flex; justify-content: flex-end; } /* line 378, ../scss/emmet.scss */ .fjc, .flex-justify-center { display: flex; justify-content: center; } /* line 384, ../scss/emmet.scss */ .fsb, .flex-space-between { display: flex; justify-content: space-between; } /* line 390, ../scss/emmet.scss */ .fsa, .flex-space-around { display: flex; justify-content: space-around; } /* line 397, ../scss/emmet.scss */ .f1, .flex1, .flex-1 { flex: 1; } /* line 402, ../scss/emmet.scss */ .ord1, .ord-1 { order: 1; } /* line 397, ../scss/emmet.scss */ .f2, .flex2, .flex-2 { flex: 2; } /* line 402, ../scss/emmet.scss */ .ord2, .ord-2 { order: 2; } /* line 397, ../scss/emmet.scss */ .f3, .flex3, .flex-3 { flex: 3; } /* line 402, ../scss/emmet.scss */ .ord3, .ord-3 { order: 3; } /* line 397, ../scss/emmet.scss */ .f4, .flex4, .flex-4 { flex: 4; } /* line 402, ../scss/emmet.scss */ .ord4, .ord-4 { order: 4; } /* line 397, ../scss/emmet.scss */ .f5, .flex5, .flex-5 { flex: 5; } /* line 402, ../scss/emmet.scss */ .ord5, .ord-5 { order: 5; } /* line 397, ../scss/emmet.scss */ .f6, .flex6, .flex-6 { flex: 6; } /* line 402, ../scss/emmet.scss */ .ord6, .ord-6 { order: 6; } /* line 397, ../scss/emmet.scss */ .f7, .flex7, .flex-7 { flex: 7; } /* line 402, ../scss/emmet.scss */ .ord7, .ord-7 { order: 7; } /* line 397, ../scss/emmet.scss */ .f8, .flex8, .flex-8 { flex: 8; } /* line 402, ../scss/emmet.scss */ .ord8, .ord-8 { order: 8; } /* line 397, ../scss/emmet.scss */ .f9, .flex9, .flex-9 { flex: 9; } /* line 402, ../scss/emmet.scss */ .ord9, .ord-9 { order: 9; } /* line 397, ../scss/emmet.scss */ .f10, .flex10, .flex-10 { flex: 10; } /* line 402, ../scss/emmet.scss */ .ord10, .ord-10 { order: 10; } /* line 397, ../scss/emmet.scss */ .f11, .flex11, .flex-11 { flex: 11; } /* line 402, ../scss/emmet.scss */ .ord11, .ord-11 { order: 11; } /* line 397, ../scss/emmet.scss */ .f12, .flex12, .flex-12 { flex: 12; } /* line 402, ../scss/emmet.scss */ .ord12, .ord-12 { order: 12; } /* line 397, ../scss/emmet.scss */ .f13, .flex13, .flex-13 { flex: 13; } /* line 402, ../scss/emmet.scss */ .ord13, .ord-13 { order: 13; } /* line 397, ../scss/emmet.scss */ .f14, .flex14, .flex-14 { flex: 14; } /* line 402, ../scss/emmet.scss */ .ord14, .ord-14 { order: 14; } /* line 397, ../scss/emmet.scss */ .f15, .flex15, .flex-15 { flex: 15; } /* line 402, ../scss/emmet.scss */ .ord15, .ord-15 { order: 15; } /* line 397, ../scss/emmet.scss */ .f16, .flex16, .flex-16 { flex: 16; } /* line 402, ../scss/emmet.scss */ .ord16, .ord-16 { order: 16; } /* line 397, ../scss/emmet.scss */ .f17, .flex17, .flex-17 { flex: 17; } /* line 402, ../scss/emmet.scss */ .ord17, .ord-17 { order: 17; } /* line 397, ../scss/emmet.scss */ .f18, .flex18, .flex-18 { flex: 18; } /* line 402, ../scss/emmet.scss */ .ord18, .ord-18 { order: 18; } /* line 397, ../scss/emmet.scss */ .f19, .flex19, .flex-19 { flex: 19; } /* line 402, ../scss/emmet.scss */ .ord19, .ord-19 { order: 19; } /* line 397, ../scss/emmet.scss */ .f20, .flex20, .flex-20 { flex: 20; } /* line 402, ../scss/emmet.scss */ .ord20, .ord-20 { order: 20; } /* line 408, ../scss/emmet.scss */ .ord, .ord0, .ord-0 { order: 0; } /* line 414, ../scss/emmet.scss */ .wown { word-wrap: none; } /* line 418, ../scss/emmet.scss */ .wownm { word-spacing: normal; } /* line 422, ../scss/emmet.scss */ .wowb { word-wrap: break-word; } /* line 426, ../scss/emmet.scss */ .omit, .omitContent { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 431, ../scss/emmet.scss */ .pea { pointer-events: auto; } /* line 435, ../scss/emmet.scss */ .pen { pointer-events: none; } /* line 439, ../scss/emmet.scss */ .top { top: 0%; } /* line 443, ../scss/emmet.scss */ .full-top, .ftop { top: 100%; } /* line 448, ../scss/emmet.scss */ .bottom { bottom: 0%; } /* line 452, ../scss/emmet.scss */ .full-bottom, .fbottom { bottom: 100%; } /* line 457, ../scss/emmet.scss */ .left { left: 0%; } /* line 461, ../scss/emmet.scss */ .full-left, .fleft { left: 100%; } /* line 466, ../scss/emmet.scss */ .right { right: 0%; } /* line 470, ../scss/emmet.scss */ .full-right, .fright { right: 100%; } /* line 475, ../scss/emmet.scss */ .posa-center, .posac { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* line 484, ../scss/emmet.scss */ .c-dark-1, .c-dk-1 { color: #000000; } /* line 488, ../scss/emmet.scss */ .bgc-dark-1, .bgc-dk-1 { background-color: #000000; } /* line 492, ../scss/emmet.scss */ .c-light-1, .c-lt-1 { color: #ffffff; } /* line 496, ../scss/emmet.scss */ .bgc-light-1, .bgc-lt-1 { background-color: #ffffff; } /* line 484, ../scss/emmet.scss */ .c-dark-2, .c-dk-2 { color: #333333; } /* line 488, ../scss/emmet.scss */ .bgc-dark-2, .bgc-dk-2 { background-color: #333333; } /* line 492, ../scss/emmet.scss */ .c-light-2, .c-lt-2 { color: #f2f2f2; } /* line 496, ../scss/emmet.scss */ .bgc-light-2, .bgc-lt-2 { background-color: #f2f2f2; } /* line 484, ../scss/emmet.scss */ .c-dark-3, .c-dk-3 { color: #666666; } /* line 488, ../scss/emmet.scss */ .bgc-dark-3, .bgc-dk-3 { background-color: #666666; } /* line 492, ../scss/emmet.scss */ .c-light-3, .c-lt-3 { color: #e6e6e6; } /* line 496, ../scss/emmet.scss */ .bgc-light-3, .bgc-lt-3 { background-color: #e6e6e6; } /* line 484, ../scss/emmet.scss */ .c-dark-4, .c-dk-4 { color: #999999; } /* line 488, ../scss/emmet.scss */ .bgc-dark-4, .bgc-dk-4 { background-color: #999999; } /* line 492, ../scss/emmet.scss */ .c-light-4, .c-lt-4 { color: #cccccc; } /* line 496, ../scss/emmet.scss */ .bgc-light-4, .bgc-lt-4 { background-color: #cccccc; } /* line 484, ../scss/emmet.scss */ .c-dark-5, .c-dk-5 { color: #cccccc; } /* line 488, ../scss/emmet.scss */ .bgc-dark-5, .bgc-dk-5 { background-color: #cccccc; } /* line 492, ../scss/emmet.scss */ .c-light-5, .c-lt-5 { color: #999999; } /* line 496, ../scss/emmet.scss */ .bgc-light-5, .bgc-lt-5 { background-color: #999999; } /* line 484, ../scss/emmet.scss */ .c-dark-6, .c-dk-6 { color: #e6e6e6; } /* line 488, ../scss/emmet.scss */ .bgc-dark-6, .bgc-dk-6 { background-color: #e6e6e6; } /* line 492, ../scss/emmet.scss */ .c-light-6, .c-lt-6 { color: #666666; } /* line 496, ../scss/emmet.scss */ .bgc-light-6, .bgc-lt-6 { background-color: #666666; } /* line 484, ../scss/emmet.scss */ .c-dark-7, .c-dk-7 { color: #f2f2f2; } /* line 488, ../scss/emmet.scss */ .bgc-dark-7, .bgc-dk-7 { background-color: #f2f2f2; } /* line 492, ../scss/emmet.scss */ .c-light-7, .c-lt-7 { color: #333333; } /* line 496, ../scss/emmet.scss */ .bgc-light-7, .bgc-lt-7 { background-color: #333333; } /* line 484, ../scss/emmet.scss */ .c-dark-8, .c-dk-8 { color: #ffffff; } /* line 488, ../scss/emmet.scss */ .bgc-dark-8, .bgc-dk-8 { background-color: #ffffff; } /* line 492, ../scss/emmet.scss */ .c-light-8, .c-lt-8 { color: #000000; } /* line 496, ../scss/emmet.scss */ .bgc-light-8, .bgc-lt-8 { background-color: #000000; } /* line 503, ../scss/emmet.scss */ .c-flat-1 { color: #1abc9c; } /* line 506, ../scss/emmet.scss */ .bgc-flat-1 { background-color: #1abc9c; } /* line 503, ../scss/emmet.scss */ .c-flat-2 { color: #2ecc71; } /* line 506, ../scss/emmet.scss */ .bgc-flat-2 { background-color: #2ecc71; } /* line 503, ../scss/emmet.scss */ .c-flat-3 { color: #27ae60; } /* line 506, ../scss/emmet.scss */ .bgc-flat-3 { background-color: #27ae60; } /* line 503, ../scss/emmet.scss */ .c-flat-4 { color: #3498db; } /* line 506, ../scss/emmet.scss */ .bgc-flat-4 { background-color: #3498db; } /* line 503, ../scss/emmet.scss */ .c-flat-5 { color: #2980b9; } /* line 506, ../scss/emmet.scss */ .bgc-flat-5 { background-color: #2980b9; } /* line 503, ../scss/emmet.scss */ .c-flat-6 { color: #9b59b6; } /* line 506, ../scss/emmet.scss */ .bgc-flat-6 { background-color: #9b59b6; } /* line 503, ../scss/emmet.scss */ .c-flat-7 { color: #8e44ad; } /* line 506, ../scss/emmet.scss */ .bgc-flat-7 { background-color: #8e44ad; } /* line 503, ../scss/emmet.scss */ .c-flat-8 { color: #34495e; } /* line 506, ../scss/emmet.scss */ .bgc-flat-8 { background-color: #34495e; } /* line 503, ../scss/emmet.scss */ .c-flat-9 { color: #2c3e50; } /* line 506, ../scss/emmet.scss */ .bgc-flat-9 { background-color: #2c3e50; } /* line 503, ../scss/emmet.scss */ .c-flat-10 { color: #f1c40f; } /* line 506, ../scss/emmet.scss */ .bgc-flat-10 { background-color: #f1c40f; } /* line 503, ../scss/emmet.scss */ .c-flat-11 { color: #f39c12; } /* line 506, ../scss/emmet.scss */ .bgc-flat-11 { background-color: #f39c12; } /* line 503, ../scss/emmet.scss */ .c-flat-12 { color: #e67e22; } /* line 506, ../scss/emmet.scss */ .bgc-flat-12 { background-color: #e67e22; } /* line 503, ../scss/emmet.scss */ .c-flat-13 { color: #d35400; } /* line 506, ../scss/emmet.scss */ .bgc-flat-13 { background-color: #d35400; } /* line 503, ../scss/emmet.scss */ .c-flat-14 { color: #e74c3c; } /* line 506, ../scss/emmet.scss */ .bgc-flat-14 { background-color: #e74c3c; } /* line 503, ../scss/emmet.scss */ .c-flat-15 { color: #c0392b; } /* line 506, ../scss/emmet.scss */ .bgc-flat-15 { background-color: #c0392b; } /* line 503, ../scss/emmet.scss */ .c-flat-16 { color: #ecf0f1; } /* line 506, ../scss/emmet.scss */ .bgc-flat-16 { background-color: #ecf0f1; } /* line 503, ../scss/emmet.scss */ .c-flat-17 { color: #bdc3c7; } /* line 506, ../scss/emmet.scss */ .bgc-flat-17 { background-color: #bdc3c7; } /* line 503, ../scss/emmet.scss */ .c-flat-18 { color: #95a5a6; } /* line 506, ../scss/emmet.scss */ .bgc-flat-18 { background-color: #95a5a6; } /* line 503, ../scss/emmet.scss */ .c-flat-19 { color: #7f8c8d; } /* line 506, ../scss/emmet.scss */ .bgc-flat-19 { background-color: #7f8c8d; }