emmet-css
Version:
Emmet CSS libray(include CSS Reset)
1,351 lines (1,139 loc) • 18 kB
CSS
@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;
}