/*! Emma.css 0.8.0 | emmet-like utility classes | MIT License | git.io/emma */ $emma-prefix: "u-" !default; $emma-important: true !default; $emma-validation: true !default; $emma-alternative-colors: true !default; $emma-available-snippet-list: ("!all") !default; $emma-font-size-xs: 0.75rem !default; // Bootstrap 4 compatible $emma-font-size-sm: 0.875rem !default; // Bootstrap 4 compatible $emma-font-size-md: 1.0rem !default; // Bootstrap 4 compatible $emma-font-size-lg: 1.25rem !default; // Bootstrap 4 compatible $emma-font-size-xl: 1.5rem !default; $emma-font-size-h1: 2.5rem !default; // Bootstrap 4 compatible $emma-font-size-h2: 2.0rem !default; // Bootstrap 4 compatible $emma-font-size-h3: 1.75rem !default; // Bootstrap 4 compatible $emma-font-size-h4: 1.5rem !default; // Bootstrap 4 compatible $emma-font-size-h5: 1.25rem !default; // Bootstrap 4 compatible $emma-font-size-h6: 1.0rem !default; // Bootstrap 4 compatible $emma-line-height-xs: 1.25 !default; $emma-line-height-sm: 1.33 !default; $emma-line-height-md: 1.5 !default; // Bootstrap 4 compatible $emma-line-height-lg: 1.75 !default; $emma-line-height-xl: 2.0 !default; $emma-margin-xs: 0.2rem !default; $emma-margin-sm: 0.5rem !default; $emma-margin-md: 1.0rem !default; // Bootstrap 4 compatible $emma-margin-lg: 1.5rem !default; // Bootstrap 4 compatible $emma-margin-xl: 3.0rem !default; // Bootstrap 4 compatible $emma-padding-xs: 0.2rem !default; $emma-padding-sm: 0.5rem !default; $emma-padding-md: 1.0rem !default; // Bootstrap 4 compatible $emma-padding-lg: 1.5rem !default; // Bootstrap 4 compatible $emma-padding-xl: 3.0rem !default; // Bootstrap 4 compatible $emma-border-radius-xs: 0.1rem !default; $emma-border-radius-sm: 0.2rem !default; // Bootstrap 4 compatible $emma-border-radius-md: 0.25rem !default; // Bootstrap 4 compatible $emma-border-radius-lg: 0.3rem !default; // Bootstrap 4 compatible $emma-border-radius-xl: 0.4rem !default; $emma-color-primary: #0275d8 !default; // Bootstrap 4 compatible $emma-color-success: #5cb85c !default; // Bootstrap 4 compatible $emma-color-info: #5bc0de !default; // Bootstrap 4 compatible $emma-color-warning: #f0ad4e !default; // Bootstrap 4 compatible $emma-color-danger: #d9534f !default; // Bootstrap 4 compatible $emma-color-white: white !default; $emma-color-silver: silver !default; $emma-color-gray: gray !default; $emma-color-black: black !default; $emma-color-navy: navy !default; $emma-color-blue: blue !default; $emma-color-aqua: aqua !default; $emma-color-teal: teal !default; $emma-color-olive: olive !default; $emma-color-green: green !default; $emma-color-lime: lime !default; $emma-color-yellow: yellow !default; $emma-color-orange: orange !default; $emma-color-red: red !default; $emma-color-maroon: maroon !default; $emma-color-fuchsia: fuchsia !default; $emma-color-purple: purple !default; @if $emma-alternative-colors { // https://github.com/mrmrs/colors $emma-color-white: #ffffff; $emma-color-silver: #dddddd; $emma-color-gray: #aaaaaa; $emma-color-black: #111111; $emma-color-navy: #001f3f; $emma-color-blue: #0074d9; $emma-color-aqua: #7fdbff; $emma-color-teal: #39cccc; $emma-color-olive: #3d9970; $emma-color-green: #2ecc40; $emma-color-lime: #01ff70; $emma-color-yellow: #ffdc00; $emma-color-orange: #ff851b; $emma-color-red: #ff4136; $emma-color-maroon: #85144b; $emma-color-fuchsia: #f012be; $emma-color-purple: #b10dc9; } $emma-important-string: ""; @if $emma-important { $emma-important-string: " !important"; } @function emma-available-snippet($snippet) { @if length($emma-available-snippet-list) == 0 { @return false; } @else if nth($emma-available-snippet-list, 1) == "!all" { @return true; } @else { @each $available-snippet in $emma-available-snippet-list { @if $snippet == $available-snippet { @return true; } } @return false; } } @mixin emma-single-declaration($snippet, $property, $value) { @if emma-available-snippet($snippet) { @include emma($snippet, $property, $value); } } @mixin emma-multiple-declaration($snippet) { @if emma-available-snippet($snippet) { @include emma($snippet) { @content; } } } @mixin emma-rule-set($snippet) { .#{$emma-prefix}#{$snippet} { @content; } } @mixin emma($snippet, $property: null, $value: null) { @if $property and $value { @include emma-rule-set($snippet) { #{$property}: #{$value}#{$emma-important-string}; } } @else { @include emma-rule-set($snippet) { @content; } } } // Single declaration list // -------------------------------------------------------------------------- $emma-single-declaration-list: ( // resource: https://github.com/emmetio/emmet/blob/master/lib/snippets.json // -------------------------------------------------------------------------- // | snippet | property | value // -------------------------------------------------------------------------- ( pos-s , position , static ), ( pos-a , position , absolute ), ( pos-r , position , relative ), ( pos-f , position , fixed ), ( t-a , top , auto ), ( t-0 , top , 0 ), ( r-a , right , auto ), ( r-0 , right , 0 ), ( b-a , bottom , auto ), ( b-0 , bottom , 0 ), ( l-a , left , auto ), ( l-0 , left , 0 ), ( z-a , z-index , auto ), ( z-0 , z-index , 0 ), ( z-1 , z-index , 1 ), ( z-2 , z-index , 2 ), ( z-3 , z-index , 3 ), ( z-4 , z-index , 4 ), ( z-5 , z-index , 5 ), ( z-6 , z-index , 6 ), ( z-9999 , z-index , 9999 ), ( fl-n , float , none ), ( fl-l , float , left ), ( fl-r , float , right ), ( cl-n , clear , none ), ( cl-l , clear , left ), ( cl-r , clear , right ), ( cl-b , clear , both ), ( d-n , display , none ), ( d-b , display , block ), ( d-f , display , flex ), ( d-if , display , inline-flex ), ( d-i , display , inline ), ( d-ib , display , inline-block ), ( d-li , display , list-item ), ( d-ri , display , run-in ), ( d-cp , display , compact ), ( d-tb , display , table ), ( d-itb , display , inline-table ), ( d-tbcp , display , table-caption ), ( d-tbcl , display , table-column ), ( d-tbclg , display , table-column-group ), ( d-tbhg , display , table-header-group ), ( d-tbfg , display , table-footer-group ), ( d-tbr , display , table-row ), ( d-tbrg , display , table-row-group ), ( d-tbc , display , table-cell ), ( d-rb , display , ruby ), ( d-rbb , display , ruby-base ), ( d-rbbg , display , ruby-base-group ), ( d-rbt , display , ruby-text ), ( d-rbtg , display , ruby-text-group ), ( v-v , visibility , visible ), ( v-h , visibility , hidden ), ( v-c , visibility , collapse ), ( ov-v , overflow , visible ), ( ov-h , overflow , hidden ), ( ov-s , overflow , scroll ), ( ov-a , overflow , auto ), ( ovx-v , overflow-x , visible ), ( ovx-h , overflow-x , hidden ), ( ovx-s , overflow-x , scroll ), ( ovx-a , overflow-x , auto ), ( ovy-v , overflow-y , visible ), ( ovy-h , overflow-y , hidden ), ( ovy-s , overflow-y , scroll ), ( ovy-a , overflow-y , auto ), ( bxz-cb , box-sizing , content-box ), ( bxz-bb , box-sizing , border-box ), ( bxsh-n , box-shadow , none ), ( m-0 , margin , 0 ), ( m-a , margin , auto ), ( m-0_a , margin , 0 auto ), ( m-a_0 , margin , auto 0 ), ( m-xs , margin , $emma-margin-xs ), ( m-sm , margin , $emma-margin-sm ), ( m-md , margin , $emma-margin-md ), ( m-lg , margin , $emma-margin-lg ), ( m-xl , margin , $emma-margin-xl ), ( mt-0 , margin-top , 0 ), ( mt-a , margin-top , auto ), ( mt-xs , margin-top , $emma-margin-xs ), ( mt-sm , margin-top , $emma-margin-sm ), ( mt-md , margin-top , $emma-margin-md ), ( mt-lg , margin-top , $emma-margin-lg ), ( mt-xl , margin-top , $emma-margin-xl ), ( mr-0 , margin-right , 0 ), ( mr-a , margin-right , auto ), ( mr-xs , margin-right , $emma-margin-xs ), ( mr-sm , margin-right , $emma-margin-sm ), ( mr-md , margin-right , $emma-margin-md ), ( mr-lg , margin-right , $emma-margin-lg ), ( mr-xl , margin-right , $emma-margin-xl ), ( mb-0 , margin-bottom , 0 ), ( mb-a , margin-bottom , auto ), ( mb-xs , margin-bottom , $emma-margin-xs ), ( mb-sm , margin-bottom , $emma-margin-sm ), ( mb-md , margin-bottom , $emma-margin-md ), ( mb-lg , margin-bottom , $emma-margin-lg ), ( mb-xl , margin-bottom , $emma-margin-xl ), ( ml-0 , margin-left , 0 ), ( ml-a , margin-left , auto ), ( ml-xs , margin-left , $emma-margin-xs ), ( ml-sm , margin-left , $emma-margin-sm ), ( ml-md , margin-left , $emma-margin-md ), ( ml-lg , margin-left , $emma-margin-lg ), ( ml-xl , margin-left , $emma-margin-xl ), ( p-0 , padding , 0 ), ( p-xs , padding , $emma-padding-xs ), ( p-sm , padding , $emma-padding-sm ), ( p-md , padding , $emma-padding-md ), ( p-lg , padding , $emma-padding-lg ), ( p-xl , padding , $emma-padding-xl ), ( pt-0 , padding-top , 0 ), ( pt-xs , padding-top , $emma-padding-xs ), ( pt-sm , padding-top , $emma-padding-sm ), ( pt-md , padding-top , $emma-padding-md ), ( pt-lg , padding-top , $emma-padding-lg ), ( pt-xl , padding-top , $emma-padding-xl ), ( pr-0 , padding-right , 0 ), ( pr-xs , padding-right , $emma-padding-xs ), ( pr-sm , padding-right , $emma-padding-sm ), ( pr-md , padding-right , $emma-padding-md ), ( pr-lg , padding-right , $emma-padding-lg ), ( pr-xl , padding-right , $emma-padding-xl ), ( pb-0 , padding-bottom , 0 ), ( pb-xs , padding-bottom , $emma-padding-xs ), ( pb-sm , padding-bottom , $emma-padding-sm ), ( pb-md , padding-bottom , $emma-padding-md ), ( pb-lg , padding-bottom , $emma-padding-lg ), ( pb-xl , padding-bottom , $emma-padding-xl ), ( pl-0 , padding-left , 0 ), ( pl-xs , padding-left , $emma-padding-xs ), ( pl-sm , padding-left , $emma-padding-sm ), ( pl-md , padding-left , $emma-padding-md ), ( pl-lg , padding-left , $emma-padding-lg ), ( pl-xl , padding-left , $emma-padding-xl ), ( w-a , width , auto ), ( w-0 , width , 0 ), ( w-1p , width , 1% ), ( w-10p , width , 10% ), ( w-20p , width , 20% ), ( w-25p , width , 25% ), ( w-30p , width , 30% ), ( w-33p , width , 33% ), ( w-40p , width , 40% ), ( w-50p , width , 50% ), ( w-60p , width , 60% ), ( w-66p , width , 66% ), ( w-70p , width , 70% ), ( w-75p , width , 75% ), ( w-80p , width , 80% ), ( w-90p , width , 90% ), ( w-100p , width , 100% ), ( h-a , height , auto ), ( h-0 , height , 0 ), ( h-100p , height , 100% ), ( maw-n , max-width , none ), ( maw-1p , max-width , 1% ), ( maw-10p , max-width , 10% ), ( maw-20p , max-width , 20% ), ( maw-25p , max-width , 25% ), ( maw-30p , max-width , 30% ), ( maw-33p , max-width , 33% ), ( maw-40p , max-width , 40% ), ( maw-50p , max-width , 50% ), ( maw-60p , max-width , 60% ), ( maw-66p , max-width , 66% ), ( maw-70p , max-width , 70% ), ( maw-75p , max-width , 75% ), ( maw-80p , max-width , 80% ), ( maw-90p , max-width , 90% ), ( maw-100p , max-width , 100% ), ( mah-n , max-height , none ), ( mah-100p , max-height , 100% ), ( miw-0 , min-width , 0 ), ( mih-0 , min-height , 0 ), ( ol-n , outline , none ), ( olw-tn , outline-width , thin ), ( olw-md , outline-width , medium ), ( olw-tc , outline-width , thick ), ( ols-n , outline-style , none ), ( ols-dt , outline-style , dotted ), ( ols-ds , outline-style , dashed ), ( ols-s , outline-style , solid ), ( ols-db , outline-style , double ), ( ols-g , outline-style , groove ), ( ols-r , outline-style , ridge ), ( ols-i , outline-style , inset ), ( ols-o , outline-style , outset ), ( olc-i , outline-color , invert ), ( bfv-h , backface-visibility , hidden ), ( bfv-v , backface-visibility , visible ), ( bd-n , border , none ), ( bd-0 , border , 0 ), ( bdcl-c , border-collapse , collapse ), ( bdcl-s , border-collapse , separate ), ( bdc-t , border-color , transparent ), ( bdc-cc , border-color , currentColor ), ( bdc-white , border-color , $emma-color-white ), ( bdc-silver , border-color , $emma-color-silver ), ( bdc-gray , border-color , $emma-color-gray ), ( bdc-black , border-color , $emma-color-black ), ( bdc-navy , border-color , $emma-color-navy ), ( bdc-blue , border-color , $emma-color-blue ), ( bdc-aqua , border-color , $emma-color-aqua ), ( bdc-teal , border-color , $emma-color-teal ), ( bdc-olive , border-color , $emma-color-olive ), ( bdc-green , border-color , $emma-color-green ), ( bdc-lime , border-color , $emma-color-lime ), ( bdc-yellow , border-color , $emma-color-yellow ), ( bdc-orange , border-color , $emma-color-orange ), ( bdc-red , border-color , $emma-color-red ), ( bdc-maroon , border-color , $emma-color-maroon ), ( bdc-fuchsia , border-color , $emma-color-fuchsia ), ( bdc-purple , border-color , $emma-color-purple ), ( bdc-primary , border-color , $emma-color-primary ), ( bdc-success , border-color , $emma-color-success ), ( bdc-info , border-color , $emma-color-info ), ( bdc-warning , border-color , $emma-color-warning ), ( bdc-danger , border-color , $emma-color-danger ), ( bdi-n , border-image , none ), ( bds-n , border-style , none ), ( bds-h , border-style , hidden ), ( bds-dt , border-style , dotted ), ( bds-ds , border-style , dashed ), ( bds-s , border-style , solid ), ( bds-db , border-style , double ), ( bds-w , border-style , wave ), ( bds-g , border-style , groove ), ( bds-r , border-style , ridge ), ( bds-i , border-style , inset ), ( bds-o , border-style , outset ), ( bdw-0 , border-width , 0 ), ( bdw-1 , border-width , 1px ), ( bdw-2 , border-width , 2px ), ( bdw-3 , border-width , 3px ), ( bdw-4 , border-width , 4px ), ( bdw-5 , border-width , 5px ), ( bdw-6 , border-width , 6px ), ( bdtw-0 , border-top-width , 0 ), ( bdtw-1 , border-top-width , 1px ), ( bdtw-2 , border-top-width , 2px ), ( bdtw-3 , border-top-width , 3px ), ( bdtw-4 , border-top-width , 4px ), ( bdtw-5 , border-top-width , 5px ), ( bdtw-6 , border-top-width , 6px ), ( bdrw-0 , border-right-width , 0 ), ( bdrw-1 , border-right-width , 1px ), ( bdrw-2 , border-right-width , 2px ), ( bdrw-3 , border-right-width , 3px ), ( bdrw-4 , border-right-width , 4px ), ( bdrw-5 , border-right-width , 5px ), ( bdrw-6 , border-right-width , 6px ), ( bdbw-0 , border-bottom-width , 0 ), ( bdbw-1 , border-bottom-width , 1px ), ( bdbw-2 , border-bottom-width , 2px ), ( bdbw-3 , border-bottom-width , 3px ), ( bdbw-4 , border-bottom-width , 4px ), ( bdbw-5 , border-bottom-width , 5px ), ( bdbw-6 , border-bottom-width , 6px ), ( bdlw-0 , border-left-width , 0 ), ( bdlw-1 , border-left-width , 1px ), ( bdlw-2 , border-left-width , 2px ), ( bdlw-3 , border-left-width , 3px ), ( bdlw-4 , border-left-width , 4px ), ( bdlw-5 , border-left-width , 5px ), ( bdlw-6 , border-left-width , 6px ), ( bdt-n , border-top , none ), ( bdt-0 , border-top , 0 ), ( bdtc-t , border-top-color , transparent ), ( bdtc-cc , border-top-color , currentColor ), ( bdr-n , border-right , none ), ( bdr-0 , border-right , 0 ), ( bdrc-t , border-right-color , transparent ), ( bdrc-cc , border-right-color , currentColor ), ( bdb-n , border-bottom , none ), ( bdb-0 , border-bottom , 0 ), ( bdbc-t , border-bottom-color , transparent ), ( bdbc-cc , border-bottom-color , currentColor ), ( bdl-n , border-left , none ), ( bdl-0 , border-left , 0 ), ( bdlc-t , border-left-color , transparent ), ( bdlc-cc , border-left-color , currentColor ), ( bdrs-xs , border-radius , $emma-border-radius-xs ), ( bdrs-sm , border-radius , $emma-border-radius-sm ), ( bdrs-md , border-radius , $emma-border-radius-md ), ( bdrs-lg , border-radius , $emma-border-radius-lg ), ( bdrs-xl , border-radius , $emma-border-radius-xl ), ( bdrs-0 , border-radius , 0 ), ( bdrs-1 , border-radius , 1px ), ( bdrs-2 , border-radius , 2px ), ( bdrs-3 , border-radius , 3px ), ( bdrs-4 , border-radius , 4px ), ( bdrs-5 , border-radius , 5px ), ( bdrs-6 , border-radius , 6px ), ( bdrs-100p , border-radius , 100% ), ( bg-n , background , none ), ( bgc-t , background-color , transparent ), ( bgc-cc , background-color , currentColor ), ( bgc-white , background-color , $emma-color-white ), ( bgc-silver , background-color , $emma-color-silver ), ( bgc-gray , background-color , $emma-color-gray ), ( bgc-black , background-color , $emma-color-black ), ( bgc-navy , background-color , $emma-color-navy ), ( bgc-blue , background-color , $emma-color-blue ), ( bgc-aqua , background-color , $emma-color-aqua ), ( bgc-teal , background-color , $emma-color-teal ), ( bgc-olive , background-color , $emma-color-olive ), ( bgc-green , background-color , $emma-color-green ), ( bgc-lime , background-color , $emma-color-lime ), ( bgc-yellow , background-color , $emma-color-yellow ), ( bgc-orange , background-color , $emma-color-orange ), ( bgc-red , background-color , $emma-color-red ), ( bgc-maroon , background-color , $emma-color-maroon ), ( bgc-fuchsia , background-color , $emma-color-fuchsia ), ( bgc-purple , background-color , $emma-color-purple ), ( bgc-primary , background-color , $emma-color-primary ), ( bgc-success , background-color , $emma-color-success ), ( bgc-info , background-color , $emma-color-info ), ( bgc-warning , background-color , $emma-color-warning ), ( bgc-danger , background-color , $emma-color-danger ), ( bgi-n , background-image , none ), ( bgr-n , background-repeat , no-repeat ), ( bgr-x , background-repeat , repeat-x ), ( bgr-y , background-repeat , repeat-y ), ( bgr-sp , background-repeat , space ), ( bgr-rd , background-repeat , round ), ( bga-f , background-attachment , fixed ), ( bga-s , background-attachment , scroll ), ( bgp-t , background-position , top ), ( bgp-r , background-position , right ), ( bgp-b , background-position , bottom ), ( bgp-l , background-position , left ), ( bgp-c , background-position , center ), ( bgsz-a , background-size , auto ), ( bgsz-ct , background-size , contain ), ( bgsz-cv , background-size , cover ), ( c-i , color , inherit ), ( c-white , color , $emma-color-white ), ( c-silver , color , $emma-color-silver ), ( c-gray , color , $emma-color-gray ), ( c-black , color , $emma-color-black ), ( c-navy , color , $emma-color-navy ), ( c-blue , color , $emma-color-blue ), ( c-aqua , color , $emma-color-aqua ), ( c-teal , color , $emma-color-teal ), ( c-olive , color , $emma-color-olive ), ( c-green , color , $emma-color-green ), ( c-lime , color , $emma-color-lime ), ( c-yellow , color , $emma-color-yellow ), ( c-orange , color , $emma-color-orange ), ( c-red , color , $emma-color-red ), ( c-maroon , color , $emma-color-maroon ), ( c-fuchsia , color , $emma-color-fuchsia ), ( c-purple , color , $emma-color-purple ), ( c-primary , color , $emma-color-primary ), ( c-success , color , $emma-color-success ), ( c-info , color , $emma-color-info ), ( c-warning , color , $emma-color-warning ), ( c-danger , color , $emma-color-danger ), ( tbl-a , table-layout , auto ), ( tbl-f , table-layout , fixed ), ( lis-n , list-style , none ), ( lisp-i , list-style-position , inside ), ( lisp-o , list-style-position , outside ), ( list-n , list-style-type , none ), ( list-d , list-style-type , disc ), ( list-c , list-style-type , circle ), ( list-s , list-style-type , square ), ( list-dc , list-style-type , decimal ), ( list-dclz , list-style-type , decimal-leading-zero ), ( list-lr , list-style-type , lower-roman ), ( list-ur , list-style-type , upper-roman ), ( lisi-n , list-style-image , none ), ( va-sup , vertical-align , super ), ( va-t , vertical-align , top ), ( va-tt , vertical-align , text-top ), ( va-m , vertical-align , middle ), ( va-bl , vertical-align , baseline ), ( va-b , vertical-align , bottom ), ( va-tb , vertical-align , text-bottom ), ( va-sub , vertical-align , sub ), ( ta-l , text-align , left ), ( ta-c , text-align , center ), ( ta-r , text-align , right ), ( ta-j , text-align , justify ), ( td-n , text-decoration , none ), ( td-u , text-decoration , underline ), ( td-o , text-decoration , overline ), ( td-l , text-decoration , line-through ), ( te-n , text-emphasis , none ), ( te-ac , text-emphasis , accent ), ( te-dt , text-emphasis , dot ), ( te-c , text-emphasis , circle ), ( te-ds , text-emphasis , disc ), ( te-b , text-emphasis , before ), ( te-a , text-emphasis , after ), ( ti-0 , text-indent , 0 ), ( ti--9999 , text-indent , -9999px ), ( tov-e , text-overflow , ellipsis ), ( tov-c , text-overflow , clip ), ( tt-n , text-transform , none ), ( tt-c , text-transform , capitalize ), ( tt-u , text-transform , uppercase ), ( tt-l , text-transform , lowercase ), ( tsh-n , text-shadow , none ), ( lh-nm , line-height , normal ), ( lh-i , line-height , inherit ), ( lh-0 , line-height , 0 ), ( lh-1 , line-height , 1 ), ( lh-2 , line-height , 2 ), ( lh-3 , line-height , 3 ), ( lh-4 , line-height , 4 ), ( lh-5 , line-height , 5 ), ( lh-6 , line-height , 6 ), ( lh-xs , line-height , $emma-line-height-xs ), ( lh-sm , line-height , $emma-line-height-sm ), ( lh-md , line-height , $emma-line-height-md ), ( lh-lg , line-height , $emma-line-height-lg ), ( lh-xl , line-height , $emma-line-height-xl ), ( whs-nm , white-space , normal ), ( whs-p , white-space , pre ), ( whs-nw , white-space , nowrap ), ( whs-pw , white-space , pre-wrap ), ( whs-pl , white-space , pre-line ), ( wob-nm , word-break , normal ), ( wob-k , word-break , keep-all ), ( wob-ba , word-break , break-all ), ( wow-nm , word-wrap , normal ), ( wow-n , word-wrap , none ), ( wow-u , word-wrap , unrestricted ), ( wow-s , word-wrap , suppress ), ( wow-bw , word-wrap , break-word ), ( lts-nm , letter-spacing , normal ), ( fw-nm , font-weight , normal ), ( fw-b , font-weight , bold ), ( fw-br , font-weight , bolder ), ( fw-l , font-weight , 200 ), ( fw-lr , font-weight , lighter ), ( fw-100 , font-weight , 100 ), ( fw-200 , font-weight , 200 ), ( fw-300 , font-weight , 300 ), ( fw-400 , font-weight , 400 ), ( fw-500 , font-weight , 500 ), ( fw-600 , font-weight , 600 ), ( fw-700 , font-weight , 700 ), ( fw-800 , font-weight , 800 ), ( fw-900 , font-weight , 900 ), ( fs-nm , font-style , normal ), ( fs-i , font-style , italic ), ( fs-o , font-style , oblique ), ( fv-nm , font-variant , normal ), ( fv-sc , font-variant , small-caps ), ( fz-xs , font-size , $emma-font-size-xs ), ( fz-sm , font-size , $emma-font-size-sm ), ( fz-md , font-size , $emma-font-size-md ), ( fz-lg , font-size , $emma-font-size-lg ), ( fz-xl , font-size , $emma-font-size-xl ), ( fz-sr , font-size , smaller ), ( fz-lr , font-size , larger ), ( fz-0 , font-size , 0 ), ( fz-10 , font-size , 10px ), ( fz-11 , font-size , 11px ), ( fz-12 , font-size , 12px ), ( fz-13 , font-size , 13px ), ( fz-14 , font-size , 14px ), ( fz-15 , font-size , 15px ), ( fz-16 , font-size , 16px ), ( fz-17 , font-size , 17px ), ( fz-18 , font-size , 18px ), ( fz-19 , font-size , 19px ), ( fz-20 , font-size , 20px ), ( fz-h1 , font-size , $emma-font-size-h1 ), ( fz-h2 , font-size , $emma-font-size-h2 ), ( fz-h3 , font-size , $emma-font-size-h3 ), ( fz-h4 , font-size , $emma-font-size-h4 ), ( fz-h5 , font-size , $emma-font-size-h5 ), ( fz-h6 , font-size , $emma-font-size-h6 ), ( ff-s , font-family , serif ), ( ff-ss , font-family , sans-serif ), ( ff-c , font-family , cursive ), ( ff-f , font-family , fantasy ), ( ff-m , font-family , monospace ), ( ff-a , font-family , 'Arial, "Helvetica Neue", Helvetica, sans-serif' ), ( ff-t , font-family , '"Times New Roman", Times, Baskerville, Georgia, serif' ), ( ff-v , font-family , 'Verdana, Geneva, sans-serif' ), ( ff-l , font-family , '"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif' ), ( ff-j , font-family , '"Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif' ), ( op-0 , opacity , 0 ), ( op-0_1 , opacity , 0.1 ), ( op-0_2 , opacity , 0.2 ), ( op-0_3 , opacity , 0.3 ), ( op-0_4 , opacity , 0.4 ), ( op-0_5 , opacity , 0.5 ), ( op-0_6 , opacity , 0.6 ), ( op-0_7 , opacity , 0.7 ), ( op-0_8 , opacity , 0.8 ), ( op-0_9 , opacity , 0.9 ), ( op-1 , opacity , 1 ), ( rsz-n , resize , none ), ( rsz-b , resize , both ), ( rsz-h , resize , horizontal ), ( rsz-v , resize , vertical ), ( cur-a , cursor , auto ), ( cur-d , cursor , default ), ( cur-c , cursor , crosshair ), ( cur-ha , cursor , hand ), ( cur-he , cursor , help ), ( cur-m , cursor , move ), ( cur-p , cursor , pointer ), ( cur-t , cursor , text ), ( fxd-r , flex-direction , row ), ( fxd-rr , flex-direction , row-reverse ), ( fxd-c , flex-direction , column ), ( fxd-cr , flex-direction , column-reverse ), ( fxw-n , flex-wrap , nowrap ), ( fxw-w , flex-wrap , wrap ), ( fxw-wr , flex-wrap , wrap-reverse ), ( jc-fs , justify-content , flex-start ), ( jc-fe , justify-content , flex-end ), ( jc-c , justify-content , center ), ( jc-sb , justify-content , space-between ), ( jc-sa , justify-content , space-around ), ( ai-fs , align-items , flex-start ), ( ai-fe , align-items , flex-end ), ( ai-c , align-items , center ), ( ai-b , align-items , baseline ), ( ai-s , align-items , stretch ), ( ac-fs , align-content , flex-start ), ( ac-fe , align-content , flex-end ), ( ac-c , align-content , center ), ( ac-sb , align-content , space-between ), ( ac-sa , align-content , space-around ), ( ac-s , align-content , stretch ), ( ord--1 , order , -1 ), ( ord-0 , order , 0 ), ( ord-1 , order , 1 ), ( ord-2 , order , 2 ), ( ord-3 , order , 3 ), ( ord-4 , order , 4 ), ( ord-5 , order , 5 ), ( ord-6 , order , 6 ), ( ord-9999 , order , 9999 ), ( fx-n , flex , none ), ( fx-1_1_a , flex , "1 1 auto" ), ( fx-1_0_a , flex , "1 0 auto" ), ( fx-1_1_1 , flex , "1 1 1px" ), ( as-a , align-self , auto ), ( as-fs , align-self , flex-start ), ( as-fe , align-self , flex-end ), ( as-c , align-self , center ), ( as-b , align-self , baseline ), ( as-s , align-self , stretch ), ( wfsm-a , -webkit-font-smoothing , antialiased ), ( wfsm-sa , -webkit-font-smoothing , subpixel-antialiased ), ( wfsm-n , -webkit-font-smoothing , none ), ( obf-f , object-fit , fill ), ( obf-ct , object-fit , contain ), ( obf-cv , object-fit , cover ), ( obf-n , object-fit , none ), ( obf-sd , object-fit , scale-down ), ) !default; @each $item in $emma-single-declaration-list { @include emma-single-declaration(nth($item, 1), nth($item, 2), nth($item, 3)); } // Multiple declaration list // -------------------------------------------------------------------------- $emma-multiple-declaration-list: ( // -------------------------------------------------------------------------- // | snippet | extended selector // -------------------------------------------------------------------------- ( cf , "%emma-cf" ), ( tetr , "%emma-tetr" ), ( tehi , "%emma-tehi" ), ( reli , "%emma-reli" ), ( abce , "%emma-abce" ), ( mx-0 , "%emma-mx-0" ), ( my-0 , "%emma-my-0" ), ( mx-a , "%emma-mx-a" ), ( my-a , "%emma-my-a" ), ( mx-xs , "%emma-mx-xs" ), ( my-xs , "%emma-my-xs" ), ( mx-sm , "%emma-mx-sm" ), ( my-sm , "%emma-my-sm" ), ( mx-md , "%emma-mx-md" ), ( my-md , "%emma-my-md" ), ( mx-lg , "%emma-mx-lg" ), ( my-lg , "%emma-my-lg" ), ( mx-xl , "%emma-mx-xl" ), ( my-xl , "%emma-my-xl" ), ( px-0 , "%emma-px-0" ), ( py-0 , "%emma-py-0" ), ( px-xs , "%emma-px-xs" ), ( py-xs , "%emma-py-xs" ), ( px-sm , "%emma-px-sm" ), ( py-sm , "%emma-py-sm" ), ( px-md , "%emma-px-md" ), ( py-md , "%emma-py-md" ), ( px-lg , "%emma-px-lg" ), ( py-lg , "%emma-py-lg" ), ( px-xl , "%emma-px-xl" ), ( py-xl , "%emma-py-xl" ), ) !default; // Clearfix (Contain floats) %emma-cf { &:before, &:after { content: " "; display: table; } &:after { clear: both; } } // Text truncation (ellipsis) %emma-tetr { max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; } // Text hiding %emma-tehi { overflow: hidden !important; text-indent: 200% !important; white-space: nowrap !important; } // Reset list %emma-reli { list-style: none; padding-left: 0; } // Absolute center %emma-abce { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } // Horizontal & Vertical margin %emma-mx-0 { margin-left: 0#{$emma-important-string}; margin-right: 0#{$emma-important-string}; } %emma-my-0 { margin-top: 0#{$emma-important-string}; margin-bottom: 0#{$emma-important-string}; } %emma-mx-a { margin-left: auto#{$emma-important-string}; margin-right: auto#{$emma-important-string}; } %emma-my-a { margin-top: auto#{$emma-important-string}; margin-bottom: auto#{$emma-important-string}; } %emma-mx-xs { margin-left: $emma-margin-xs#{$emma-important-string}; margin-right: $emma-margin-xs#{$emma-important-string}; } %emma-my-xs { margin-top: $emma-margin-xs#{$emma-important-string}; margin-bottom: $emma-margin-xs#{$emma-important-string}; } %emma-mx-sm { margin-left: $emma-margin-sm#{$emma-important-string}; margin-right: $emma-margin-sm#{$emma-important-string}; } %emma-my-sm { margin-top: $emma-margin-sm#{$emma-important-string}; margin-bottom: $emma-margin-sm#{$emma-important-string}; } %emma-mx-md { margin-left: $emma-margin-md#{$emma-important-string}; margin-right: $emma-margin-md#{$emma-important-string}; } %emma-my-md { margin-top: $emma-margin-md#{$emma-important-string}; margin-bottom: $emma-margin-md#{$emma-important-string}; } %emma-mx-lg { margin-left: $emma-margin-lg#{$emma-important-string}; margin-right: $emma-margin-lg#{$emma-important-string}; } %emma-my-lg { margin-top: $emma-margin-lg#{$emma-important-string}; margin-bottom: $emma-margin-lg#{$emma-important-string}; } %emma-mx-xl { margin-left: $emma-margin-xl#{$emma-important-string}; margin-right: $emma-margin-xl#{$emma-important-string}; } %emma-my-xl { margin-top: $emma-margin-xl#{$emma-important-string}; margin-bottom: $emma-margin-xl#{$emma-important-string}; } // Horizontal & Vertical padding %emma-px-0 { padding-left: 0#{$emma-important-string}; padding-right: 0#{$emma-important-string}; } %emma-py-0 { padding-top: 0#{$emma-important-string}; padding-bottom: 0#{$emma-important-string}; } %emma-px-xs { padding-left: $emma-padding-xs#{$emma-important-string}; padding-right: $emma-padding-xs#{$emma-important-string}; } %emma-py-xs { padding-top: $emma-padding-xs#{$emma-important-string}; padding-bottom: $emma-padding-xs#{$emma-important-string}; } %emma-px-sm { padding-left: $emma-padding-sm#{$emma-important-string}; padding-right: $emma-padding-sm#{$emma-important-string}; } %emma-py-sm { padding-top: $emma-padding-sm#{$emma-important-string}; padding-bottom: $emma-padding-sm#{$emma-important-string}; } %emma-px-md { padding-left: $emma-padding-md#{$emma-important-string}; padding-right: $emma-padding-md#{$emma-important-string}; } %emma-py-md { padding-top: $emma-padding-md#{$emma-important-string}; padding-bottom: $emma-padding-md#{$emma-important-string}; } %emma-px-lg { padding-left: $emma-padding-lg#{$emma-important-string}; padding-right: $emma-padding-lg#{$emma-important-string}; } %emma-py-lg { padding-top: $emma-padding-lg#{$emma-important-string}; padding-bottom: $emma-padding-lg#{$emma-important-string}; } %emma-px-xl { padding-left: $emma-padding-xl#{$emma-important-string}; padding-right: $emma-padding-xl#{$emma-important-string}; } %emma-py-xl { padding-top: $emma-padding-xl#{$emma-important-string}; padding-bottom: $emma-padding-xl#{$emma-important-string}; } @each $item in $emma-multiple-declaration-list { @include emma-multiple-declaration(nth($item, 1)) { @extend #{nth($item, 2)}; } } // Validation // -------------------------------------------------------------------------- @if $emma-validation and length($emma-available-snippet-list) != 0 and nth($emma-available-snippet-list, 1) != "!all" { $invalid-snippet-list: (); @each $snippet in $emma-available-snippet-list { $invalid: true; @each $single-declaration in $emma-single-declaration-list { @if $snippet == nth($single-declaration, 1) { $invalid: false; } } @each $multiple-declaration in $emma-multiple-declaration-list { @if $snippet == nth($multiple-declaration, 1) { $invalid: false; } } @if $invalid { $invalid-snippet-list: append($invalid-snippet-list, $snippet, comma); } } @if length($invalid-snippet-list) != 0 { @error "Invalid snippet names: #{$invalid-snippet-list}"; } }