diff --git a/.prettierignore b/.prettierignore index eb4cdc15c..d3d3b0561 100644 --- a/.prettierignore +++ b/.prettierignore @@ -17,4 +17,6 @@ packages/ui-mobile-base *.md *.json *.js -*.map \ No newline at end of file +*.map +*.css +*.scss \ No newline at end of file diff --git a/.travis.yml b/.travis.yml index 7c76b51f5..04b9e596f 100644 --- a/.travis.yml +++ b/.travis.yml @@ -2,16 +2,9 @@ language: node_js node_js: - "node" script: -- npm install -- npm run format-check - npm run setup -- npm run unit-test +- nx run core:unit +- nx run core:build.npm # public API changes check # - npm run api-extractor-ci - -# circular references check -- cd tests && npm i -- node_modules/.bin/webpack --env.android -- node_modules/.bin/webpack --env.ios - diff --git a/packages/core/__tests__/unit/css/assets/core.light.css b/packages/core/__tests__/unit/css/assets/core.light.css index c07bf2b48..777c15a6f 100644 --- a/packages/core/__tests__/unit/css/assets/core.light.css +++ b/packages/core/__tests__/unit/css/assets/core.light.css @@ -3,1273 +3,4 @@ * Copyright 2016-2016 The Theme Authors * Copyright 2016-2016 Telerik * Licensed under MIT (https://github.com/NativeScript/theme/blob/master/LICENSE) -*/ -.c-white { - color: #fff; -} -.c-bg-white { - background-color: #fff; -} -.c-black { - color: #000; -} -.c-bg-black { - background-color: #000; -} -.c-aqua { - color: #00caab; -} -.c-bg-aqua { - background-color: #00caab; -} -.c-blue { - color: #3d5afe; -} -.c-bg-blue { - background-color: #3d5afe; -} -.c-charcoal { - color: #303030; -} -.c-bg-charcoal { - background-color: #303030; -} -.c-brown { - color: #795548; -} -.c-bg-brown { - background-color: #795548; -} -.c-forest { - color: #006968; -} -.c-bg-forest { - background-color: #006968; -} -.c-grey { - color: #e0e0e0; -} -.c-bg-grey { - background-color: #e0e0e0; -} -.c-grey-light { - color: #bababa; -} -.c-bg-grey-light { - background-color: #bababa; -} -.c-grey-dark { - color: #5c687c; -} -.c-bg-grey-dark { - background-color: #5c687c; -} -.c-purple { - color: #8130ff; -} -.c-bg-purple { - background-color: #8130ff; -} -.c-lemon { - color: #ffea00; -} -.c-bg-lemon { - background-color: #ffea00; -} -.c-lime { - color: #aee406; -} -.c-bg-lime { - background-color: #aee406; -} -.c-orange { - color: #f57c00; -} -.c-bg-orange { - background-color: #f57c00; -} -.c-ruby { - color: #ff1744; -} -.c-bg-ruby { - background-color: #ff1744; -} -.c-sky { - color: #30bcff; -} -.c-bg-sky { - background-color: #30bcff; -} -.w-full { - width: 100%; -} -.w-100 { - width: 100; -} -.h-full { - height: 100%; -} -.h-100 { - height: 100; -} -.m-0 { - margin: 0; -} -.m-t-0 { - margin-top: 0; -} -.m-r-0 { - margin-right: 0; -} -.m-b-0 { - margin-bottom: 0; -} -.m-l-0 { - margin-left: 0; -} -.m-x-0 { - margin-right: 0; - margin-left: 0; -} -.m-y-0 { - margin-top: 0; - margin-bottom: 0; -} -.m-2 { - margin: 2; -} -.m-t-2 { - margin-top: 2; -} -.m-r-2 { - margin-right: 2; -} -.m-b-2 { - margin-bottom: 2; -} -.m-l-2 { - margin-left: 2; -} -.m-x-2 { - margin-right: 2; - margin-left: 2; -} -.m-y-2 { - margin-top: 2; - margin-bottom: 2; -} -.m-4 { - margin: 4; -} -.m-t-4 { - margin-top: 4; -} -.m-r-4 { - margin-right: 4; -} -.m-b-4 { - margin-bottom: 4; -} -.m-l-4 { - margin-left: 4; -} -.m-x-4 { - margin-right: 4; - margin-left: 4; -} -.m-y-4 { - margin-top: 4; - margin-bottom: 4; -} -.m-5 { - margin: 5; -} -.m-t-5 { - margin-top: 5; -} -.m-r-5 { - margin-right: 5; -} -.m-b-5 { - margin-bottom: 5; -} -.m-l-5 { - margin-left: 5; -} -.m-x-5 { - margin-right: 5; - margin-left: 5; -} -.m-y-5 { - margin-top: 5; - margin-bottom: 5; -} -.m-8 { - margin: 8; -} -.m-t-8 { - margin-top: 8; -} -.m-r-8 { - margin-right: 8; -} -.m-b-8 { - margin-bottom: 8; -} -.m-l-8 { - margin-left: 8; -} -.m-x-8 { - margin-right: 8; - margin-left: 8; -} -.m-y-8 { - margin-top: 8; - margin-bottom: 8; -} -.m-10 { - margin: 10; -} -.m-t-10 { - margin-top: 10; -} -.m-r-10 { - margin-right: 10; -} -.m-b-10 { - margin-bottom: 10; -} -.m-l-10 { - margin-left: 10; -} -.m-x-10 { - margin-right: 10; - margin-left: 10; -} -.m-y-10 { - margin-top: 10; - margin-bottom: 10; -} -.m-12 { - margin: 12; -} -.m-t-12 { - margin-top: 12; -} -.m-r-12 { - margin-right: 12; -} -.m-b-12 { - margin-bottom: 12; -} -.m-l-12 { - margin-left: 12; -} -.m-x-12 { - margin-right: 12; - margin-left: 12; -} -.m-y-12 { - margin-top: 12; - margin-bottom: 12; -} -.m-15 { - margin: 15; -} -.m-t-15 { - margin-top: 15; -} -.m-r-15 { - margin-right: 15; -} -.m-b-15 { - margin-bottom: 15; -} -.m-l-15 { - margin-left: 15; -} -.m-x-15 { - margin-right: 15; - margin-left: 15; -} -.m-y-15 { - margin-top: 15; - margin-bottom: 15; -} -.m-16 { - margin: 16; -} -.m-t-16 { - margin-top: 16; -} -.m-r-16 { - margin-right: 16; -} -.m-b-16 { - margin-bottom: 16; -} -.m-l-16 { - margin-left: 16; -} -.m-x-16 { - margin-right: 16; - margin-left: 16; -} -.m-y-16 { - margin-top: 16; - margin-bottom: 16; -} -.m-20 { - margin: 20; -} -.m-t-20 { - margin-top: 20; -} -.m-r-20 { - margin-right: 20; -} -.m-b-20 { - margin-bottom: 20; -} -.m-l-20 { - margin-left: 20; -} -.m-x-20 { - margin-right: 20; - margin-left: 20; -} -.m-y-20 { - margin-top: 20; - margin-bottom: 20; -} -.m-24 { - margin: 24; -} -.m-t-24 { - margin-top: 24; -} -.m-r-24 { - margin-right: 24; -} -.m-b-24 { - margin-bottom: 24; -} -.m-l-24 { - margin-left: 24; -} -.m-x-24 { - margin-right: 24; - margin-left: 24; -} -.m-y-24 { - margin-top: 24; - margin-bottom: 24; -} -.m-25 { - margin: 25; -} -.m-t-25 { - margin-top: 25; -} -.m-r-25 { - margin-right: 25; -} -.m-b-25 { - margin-bottom: 25; -} -.m-l-25 { - margin-left: 25; -} -.m-x-25 { - margin-right: 25; - margin-left: 25; -} -.m-y-25 { - margin-top: 25; - margin-bottom: 25; -} -.m-28 { - margin: 28; -} -.m-t-28 { - margin-top: 28; -} -.m-r-28 { - margin-right: 28; -} -.m-b-28 { - margin-bottom: 28; -} -.m-l-28 { - margin-left: 28; -} -.m-x-28 { - margin-right: 28; - margin-left: 28; -} -.m-y-28 { - margin-top: 28; - margin-bottom: 28; -} -.m-30 { - margin: 30; -} -.m-t-30 { - margin-top: 30; -} -.m-r-30 { - margin-right: 30; -} -.m-b-30 { - margin-bottom: 30; -} -.m-l-30 { - margin-left: 30; -} -.m-x-30 { - margin-right: 30; - margin-left: 30; -} -.m-y-30 { - margin-top: 30; - margin-bottom: 30; -} -.p-0 { - padding: 0; -} -.p-t-0 { - padding-top: 0; -} -.p-r-0 { - padding-right: 0; -} -.p-b-0 { - padding-bottom: 0; -} -.p-l-0 { - padding-left: 0; -} -.p-x-0 { - padding-right: 0; - padding-left: 0; -} -.p-y-0 { - padding-top: 0; - padding-bottom: 0; -} -.p-2 { - padding: 2; -} -.p-t-2 { - padding-top: 2; -} -.p-r-2 { - padding-right: 2; -} -.p-b-2 { - padding-bottom: 2; -} -.p-l-2 { - padding-left: 2; -} -.p-x-2 { - padding-right: 2; - padding-left: 2; -} -.p-y-2 { - padding-top: 2; - padding-bottom: 2; -} -.p-4 { - padding: 4; -} -.p-t-4 { - padding-top: 4; -} -.p-r-4 { - padding-right: 4; -} -.p-b-4 { - padding-bottom: 4; -} -.p-l-4 { - padding-left: 4; -} -.p-x-4 { - padding-right: 4; - padding-left: 4; -} -.p-y-4 { - padding-top: 4; - padding-bottom: 4; -} -.p-5 { - padding: 5; -} -.p-t-5 { - padding-top: 5; -} -.p-r-5 { - padding-right: 5; -} -.p-b-5 { - padding-bottom: 5; -} -.p-l-5 { - padding-left: 5; -} -.p-x-5 { - padding-right: 5; - padding-left: 5; -} -.p-y-5 { - padding-top: 5; - padding-bottom: 5; -} -.p-8 { - padding: 8; -} -.p-t-8 { - padding-top: 8; -} -.p-r-8 { - padding-right: 8; -} -.p-b-8 { - padding-bottom: 8; -} -.p-l-8 { - padding-left: 8; -} -.p-x-8 { - padding-right: 8; - padding-left: 8; -} -.p-y-8 { - padding-top: 8; - padding-bottom: 8; -} -.p-10 { - padding: 10; -} -.p-t-10 { - padding-top: 10; -} -.p-r-10 { - padding-right: 10; -} -.p-b-10 { - padding-bottom: 10; -} -.p-l-10 { - padding-left: 10; -} -.p-x-10 { - padding-right: 10; - padding-left: 10; -} -.p-y-10 { - padding-top: 10; - padding-bottom: 10; -} -.p-12 { - padding: 12; -} -.p-t-12 { - padding-top: 12; -} -.p-r-12 { - padding-right: 12; -} -.p-b-12 { - padding-bottom: 12; -} -.p-l-12 { - padding-left: 12; -} -.p-x-12 { - padding-right: 12; - padding-left: 12; -} -.p-y-12 { - padding-top: 12; - padding-bottom: 12; -} -.p-15 { - padding: 15; -} -.p-t-15 { - padding-top: 15; -} -.p-r-15 { - padding-right: 15; -} -.p-b-15 { - padding-bottom: 15; -} -.p-l-15 { - padding-left: 15; -} -.p-x-15 { - padding-right: 15; - padding-left: 15; -} -.p-y-15 { - padding-top: 15; - padding-bottom: 15; -} -.p-16 { - padding: 16; -} -.p-t-16 { - padding-top: 16; -} -.p-r-16 { - padding-right: 16; -} -.p-b-16 { - padding-bottom: 16; -} -.p-l-16 { - padding-left: 16; -} -.p-x-16 { - padding-right: 16; - padding-left: 16; -} -.p-y-16 { - padding-top: 16; - padding-bottom: 16; -} -.p-20 { - padding: 20; -} -.p-t-20 { - padding-top: 20; -} -.p-r-20 { - padding-right: 20; -} -.p-b-20 { - padding-bottom: 20; -} -.p-l-20 { - padding-left: 20; -} -.p-x-20 { - padding-right: 20; - padding-left: 20; -} -.p-y-20 { - padding-top: 20; - padding-bottom: 20; -} -.p-24 { - padding: 24; -} -.p-t-24 { - padding-top: 24; -} -.p-r-24 { - padding-right: 24; -} -.p-b-24 { - padding-bottom: 24; -} -.p-l-24 { - padding-left: 24; -} -.p-x-24 { - padding-right: 24; - padding-left: 24; -} -.p-y-24 { - padding-top: 24; - padding-bottom: 24; -} -.p-25 { - padding: 25; -} -.p-t-25 { - padding-top: 25; -} -.p-r-25 { - padding-right: 25; -} -.p-b-25 { - padding-bottom: 25; -} -.p-l-25 { - padding-left: 25; -} -.p-x-25 { - padding-right: 25; - padding-left: 25; -} -.p-y-25 { - padding-top: 25; - padding-bottom: 25; -} -.p-28 { - padding: 28; -} -.p-t-28 { - padding-top: 28; -} -.p-r-28 { - padding-right: 28; -} -.p-b-28 { - padding-bottom: 28; -} -.p-l-28 { - padding-left: 28; -} -.p-x-28 { - padding-right: 28; - padding-left: 28; -} -.p-y-28 { - padding-top: 28; - padding-bottom: 28; -} -.p-30 { - padding: 30; -} -.p-t-30 { - padding-top: 30; -} -.p-r-30 { - padding-right: 30; -} -.p-b-30 { - padding-bottom: 30; -} -.p-l-30 { - padding-left: 30; -} -.p-x-30 { - padding-right: 30; - padding-left: 30; -} -.p-y-30 { - padding-top: 30; - padding-bottom: 30; -} -.hr-light { - height: 1; - background-color: #e0e0e0; - width: 100%; -} -.hr-dark { - height: 1; - background-color: #303030; - width: 100%; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.font-weight-normal { - font-weight: normal; -} -.font-weight-bold { - font-weight: bold; -} -.font-italic { - font-style: italic; -} -.t-10 { - font-size: 10; -} -.t-12 { - font-size: 12; -} -.t-14 { - font-size: 14; -} -.t-15 { - font-size: 15; -} -.t-16 { - font-size: 16; -} -.t-17 { - font-size: 17; -} -.t-18 { - font-size: 18; -} -.t-19 { - font-size: 19; -} -.t-20 { - font-size: 20; -} -.t-25 { - font-size: 25; -} -.t-30 { - font-size: 30; -} -.img-rounded { - border-radius: 5; -} -.img-circle { - border-radius: 20; -} -.img-thumbnail { - border-radius: 0; -} -.invisible { - visibility: collapse; -} -.pull-left { - horizontal-align: left; -} -.pull-right { - horizontal-align: right; -} -.m-x-auto { - horizontal-align: center; -} -.m-y-auto { - vertical-align: center; -} -.text-primary { - color: #30bcff; -} -.text-danger { - color: #d50000; -} -.text-muted { - color: #9e9e9e; -} -.bg-primary { - background-color: #30bcff; - color: #fff; -} -.bg-danger { - background-color: #d50000; - color: #fff; -} -.action-bar { - background-color: #f8f8f8; - color: #212121; -} -.action-bar .action-bar-title { - font-weight: bold; - font-size: 17; - vertical-align: center; -} -.action-bar .action-item { - font-weight: normal; -} -.activity-indicator { - color: #30bcff; - width: 30; - height: 30; -} -.btn { - color: #30bcff; - background-color: transparent; - min-height: 36; - min-width: 64; - padding: 10 10 10 10; - font-size: 18; - margin: 8 16 8 16; -} -.btn.btn-active:highlighted { - color: #fff; - background-color: #c0ebff; -} -.btn-primary { - background-color: #30bcff; - border-color: #30bcff; - color: #fff; -} -.btn-primary.btn-active:highlighted { - background-color: #01a0ec; - border-color: #01a0ec; -} -.btn-primary.btn-aqua { - background-color: #00caab; -} -.btn-primary.btn-blue { - background-color: #3d5afe; -} -.btn-primary.btn-brown { - background-color: #795548; -} -.btn-primary.btn-forest { - background-color: #006968; -} -.btn-primary.btn-grey { - background-color: #5c687c; -} -.btn-primary.btn-lemon { - background-color: #ffea00; - color: #000; -} -.btn-primary.btn-lime { - background-color: #aee406; - color: #000; -} -.btn-primary.btn-orange { - background-color: #f57c00; -} -.btn-primary.btn-purple { - background-color: #8130ff; -} -.btn-primary.btn-ruby { - background-color: #ff1744; -} -.btn-primary.btn-sky { - background-color: #30bcff; -} -.btn-outline { - background-color: transparent; - border-color: #30bcff; - color: #30bcff; -} -.btn-outline.btn-active:highlighted { - background-color: #c0ebff; -} -.btn[isEnabled='false'] { - color: #a4a4a4; - background-color: #e0e0e0; - border-color: #e0e0e0; -} -.fa { - font-family: FontAwesome, fontawesome-webfont; -} -.form .input { - padding: 16 8 16 8; - background-color: transparent; -} -.form .input.input-border { - border-width: 1; - border-color: #e0e0e0; - border-radius: 2; - padding: 16; -} -.form .input.input-rounded { - border-width: 1; - border-color: #e0e0e0; - border-radius: 28; - padding: 16; -} -.form .input[isEnabled='false'] { - background-color: #fafafa; -} -.form .input-field { - margin: 8; -} -.form .input-field .label { - font-size: 12; - color: #bababa; -} -.form .input-field .input { - padding: 0; - margin: 0 0 8 0; -} -.form .input-field .hr-light.active, -.form .input-field .hr-dark.active { - background-color: #30bcff; -} -.form .input-field.input-sides .label { - font-size: 18; - margin: 0 0 8 0; -} -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - margin-bottom: 4; - font-weight: normal; - color: #212121; -} -.body, -.body2, -.footnote { - font-weight: normal; - color: #757575; -} -.h1 { - font-size: 32; -} -.h2 { - font-size: 22; -} -.h3 { - font-size: 15; -} -.h4 { - font-size: 12; -} -.h5 { - font-size: 11; -} -.h6 { - font-size: 10; -} -.body { - font-size: 14; -} -.body2 { - font-size: 17; -} -.footnote { - font-size: 13; -} -.list-group .list-group-item { - color: #212121; - font-size: 16; - margin: 0; - padding: 16; -} -.list-group .list-group-item Label { - vertical-align: center; -} -.list-group .list-group-item .thumb { - stretch: fill; - width: 40; - height: 40; - margin-right: 16; -} -.list-group .list-group-item.active { - background-color: #e0e0e0; -} -.list-group .list-group-item .list-group-item-text { - color: #757575; - font-size: 14; -} -.page { - background-color: #fff; -} -.progress { - color: #30bcff; - background-color: #bababa; -} -.segmented-bar { - font-size: 13; - background-color: #fff; - color: #212121; - selected-background-color: #30bcff; -} -.sidedrawer-left, -.sidedrawer-center { - background-color: #fafafa; -} -.sidedrawer-header { - background-color: #fafafa; - height: 148; - width: 100%; -} -.sidedrawer-left .sidedrawer-header { - padding: 16 16 0 16; -} -.sidedrawer-center .sidedrawer-header { - padding: 20 15 0 15; -} -.sidedrawer-header-image { - background-color: #e0e0e0; -} -.sidedrawer-left .sidedrawer-header-image { - height: 64; - width: 64; - border-radius: 32; - horizontal-align: left; - margin-bottom: 36; -} -.sidedrawer-center .sidedrawer-header-image { - height: 74; - width: 74; - border-radius: 37; - horizontal-align: center; - margin-bottom: 24; -} -.sidedrawer-header-brand { - color: #737373; -} -.sidedrawer-left .sidedrawer-header-brand { - horizontal-align: left; - font-size: 14; -} -.sidedrawer-center .sidedrawer-header-brand { - horizontal-align: center; - font-size: 15; -} -.sidedrawer-list-item { - height: 48; - horizontal-align: left; - width: 100%; - orientation: horizontal; -} -.sidedrawer-list-item .sidedrawer-list-item-icon { - width: 24; - text-align: center; - font-size: 20; - height: 48; - vertical-align: center; -} -.sidedrawer-list-item.active { - color: #fff; - background-color: #30bcff; -} -.sidedrawer-list-item.active .sidedrawer-list-item-icon { - color: #fff; -} -.sidedrawer-left .sidedrawer-list-item-icon { - margin: 0 16 0 16; -} -.sidedrawer-center .sidedrawer-list-item-icon { - margin: 0 0 0 15; -} -.sidedrawer-list-item-text { - horizontal-align: left; - text-align: left; - font-size: 15; - background-color: transparent; - border-width: 0.1; - width: 80%; - vertical-align: center; -} -.sidedrawer-left .sidedrawer-list-item-text { - padding-left: 16; -} -.sidedrawer-center .sidedrawer-list-item-text { - padding-left: 15; -} -.slider { - background-color: #30bcff; -} -.slider[isEnabled='false'] { - background-color: #e0e0e0; - color: #e0e0e0; -} -.switch[checked='true'] { - background-color: #30bcff; -} -.switch[checked='true'][isEnabled='false'] { - background-color: #e0e0e0; - color: #fff; -} -.switch[isEnabled='false'] { - background-color: #e0e0e0; - color: #e0e0e0; -} -.tab-view { - selected-color: #30bcff; - tabs-background-color: #fff; -} -.tab-view .tab-view-item { - background-color: #fff; - tabs-background-color: #fff; -} -#login-background { - margin-top: -20; - background-size: cover; - background-position: center; -} -.login-wrap { - padding: 0 40; -} -.logo-wrap { - margin: 60 0 10 0; - padding: 20 0; -} -.logo-wrap .login-logo { - text-align: center; - font-size: 30; - font-weight: bold; - margin-bottom: 10; - opacity: 1; - color: #212121; - opacity: 0.9; -} -.logo-wrap .login-logo-sub { - color: #212121; - opacity: 0.8; - text-align: center; -} -.login-wrapper { - padding: 20; - background-color: #fff; - border-radius: 3; -} -.login-wrapper TextField { - padding: 10 10; - margin: 10 0 0 0; -} -.go-back { - font-size: 14; - text-align: center; - color: #212121; - margin-top: 10; -} -.btn { - border-width: 0; - font-family: 'SF UI Text Medium'; - font-size: 15; -} -.btn-outline { - border-width: 1; -} -.btn-rounded-sm { - border-radius: 4; -} -.btn-rounded-lg { - border-radius: 19; -} -.form { - font-family: 'SF UI Text Regular'; -} -.form .input { - font-size: 15; -} -.form .input.input-rounded { - border-radius: 27; -} -.h1 { - font-size: 32; -} -.slider { - margin: 10 15; -} -.sidedrawer-list-item-icon, -.sidedrawer-list-item { - color: #949494; -} -.switch { - margin: 8 15; -} -.list-group .list-group-item { - padding: 16 15 16 15; -} -.list-group .list-group-item .thumb { - margin-right: 15; -} -.list-group .list-group-item .list-group-item-heading { - margin-bottom: 5; -} -.segmented-bar { - margin: 0 15; - color: #30bcff; -} +*/.c-white{color:#fff}.c-bg-white{background-color:#fff}.c-black{color:#000}.c-bg-black{background-color:#000}.c-aqua{color:#00caab}.c-bg-aqua{background-color:#00caab}.c-blue{color:#3d5afe}.c-bg-blue{background-color:#3d5afe}.c-charcoal{color:#303030}.c-bg-charcoal{background-color:#303030}.c-brown{color:#795548}.c-bg-brown{background-color:#795548}.c-forest{color:#006968}.c-bg-forest{background-color:#006968}.c-grey{color:#e0e0e0}.c-bg-grey{background-color:#e0e0e0}.c-grey-light{color:#bababa}.c-bg-grey-light{background-color:#bababa}.c-grey-dark{color:#5c687c}.c-bg-grey-dark{background-color:#5c687c}.c-purple{color:#8130ff}.c-bg-purple{background-color:#8130ff}.c-lemon{color:#ffea00}.c-bg-lemon{background-color:#ffea00}.c-lime{color:#aee406}.c-bg-lime{background-color:#aee406}.c-orange{color:#f57c00}.c-bg-orange{background-color:#f57c00}.c-ruby{color:#ff1744}.c-bg-ruby{background-color:#ff1744}.c-sky{color:#30bcff}.c-bg-sky{background-color:#30bcff}.w-full{width:100%}.w-100{width:100}.h-full{height:100%}.h-100{height:100}.m-0{margin:0}.m-t-0{margin-top:0}.m-r-0{margin-right:0}.m-b-0{margin-bottom:0}.m-l-0{margin-left:0}.m-x-0{margin-right:0;margin-left:0}.m-y-0{margin-top:0;margin-bottom:0}.m-2{margin:2}.m-t-2{margin-top:2}.m-r-2{margin-right:2}.m-b-2{margin-bottom:2}.m-l-2{margin-left:2}.m-x-2{margin-right:2;margin-left:2}.m-y-2{margin-top:2;margin-bottom:2}.m-4{margin:4}.m-t-4{margin-top:4}.m-r-4{margin-right:4}.m-b-4{margin-bottom:4}.m-l-4{margin-left:4}.m-x-4{margin-right:4;margin-left:4}.m-y-4{margin-top:4;margin-bottom:4}.m-5{margin:5}.m-t-5{margin-top:5}.m-r-5{margin-right:5}.m-b-5{margin-bottom:5}.m-l-5{margin-left:5}.m-x-5{margin-right:5;margin-left:5}.m-y-5{margin-top:5;margin-bottom:5}.m-8{margin:8}.m-t-8{margin-top:8}.m-r-8{margin-right:8}.m-b-8{margin-bottom:8}.m-l-8{margin-left:8}.m-x-8{margin-right:8;margin-left:8}.m-y-8{margin-top:8;margin-bottom:8}.m-10{margin:10}.m-t-10{margin-top:10}.m-r-10{margin-right:10}.m-b-10{margin-bottom:10}.m-l-10{margin-left:10}.m-x-10{margin-right:10;margin-left:10}.m-y-10{margin-top:10;margin-bottom:10}.m-12{margin:12}.m-t-12{margin-top:12}.m-r-12{margin-right:12}.m-b-12{margin-bottom:12}.m-l-12{margin-left:12}.m-x-12{margin-right:12;margin-left:12}.m-y-12{margin-top:12;margin-bottom:12}.m-15{margin:15}.m-t-15{margin-top:15}.m-r-15{margin-right:15}.m-b-15{margin-bottom:15}.m-l-15{margin-left:15}.m-x-15{margin-right:15;margin-left:15}.m-y-15{margin-top:15;margin-bottom:15}.m-16{margin:16}.m-t-16{margin-top:16}.m-r-16{margin-right:16}.m-b-16{margin-bottom:16}.m-l-16{margin-left:16}.m-x-16{margin-right:16;margin-left:16}.m-y-16{margin-top:16;margin-bottom:16}.m-20{margin:20}.m-t-20{margin-top:20}.m-r-20{margin-right:20}.m-b-20{margin-bottom:20}.m-l-20{margin-left:20}.m-x-20{margin-right:20;margin-left:20}.m-y-20{margin-top:20;margin-bottom:20}.m-24{margin:24}.m-t-24{margin-top:24}.m-r-24{margin-right:24}.m-b-24{margin-bottom:24}.m-l-24{margin-left:24}.m-x-24{margin-right:24;margin-left:24}.m-y-24{margin-top:24;margin-bottom:24}.m-25{margin:25}.m-t-25{margin-top:25}.m-r-25{margin-right:25}.m-b-25{margin-bottom:25}.m-l-25{margin-left:25}.m-x-25{margin-right:25;margin-left:25}.m-y-25{margin-top:25;margin-bottom:25}.m-28{margin:28}.m-t-28{margin-top:28}.m-r-28{margin-right:28}.m-b-28{margin-bottom:28}.m-l-28{margin-left:28}.m-x-28{margin-right:28;margin-left:28}.m-y-28{margin-top:28;margin-bottom:28}.m-30{margin:30}.m-t-30{margin-top:30}.m-r-30{margin-right:30}.m-b-30{margin-bottom:30}.m-l-30{margin-left:30}.m-x-30{margin-right:30;margin-left:30}.m-y-30{margin-top:30;margin-bottom:30}.p-0{padding:0}.p-t-0{padding-top:0}.p-r-0{padding-right:0}.p-b-0{padding-bottom:0}.p-l-0{padding-left:0}.p-x-0{padding-right:0;padding-left:0}.p-y-0{padding-top:0;padding-bottom:0}.p-2{padding:2}.p-t-2{padding-top:2}.p-r-2{padding-right:2}.p-b-2{padding-bottom:2}.p-l-2{padding-left:2}.p-x-2{padding-right:2;padding-left:2}.p-y-2{padding-top:2;padding-bottom:2}.p-4{padding:4}.p-t-4{padding-top:4}.p-r-4{padding-right:4}.p-b-4{padding-bottom:4}.p-l-4{padding-left:4}.p-x-4{padding-right:4;padding-left:4}.p-y-4{padding-top:4;padding-bottom:4}.p-5{padding:5}.p-t-5{padding-top:5}.p-r-5{padding-right:5}.p-b-5{padding-bottom:5}.p-l-5{padding-left:5}.p-x-5{padding-right:5;padding-left:5}.p-y-5{padding-top:5;padding-bottom:5}.p-8{padding:8}.p-t-8{padding-top:8}.p-r-8{padding-right:8}.p-b-8{padding-bottom:8}.p-l-8{padding-left:8}.p-x-8{padding-right:8;padding-left:8}.p-y-8{padding-top:8;padding-bottom:8}.p-10{padding:10}.p-t-10{padding-top:10}.p-r-10{padding-right:10}.p-b-10{padding-bottom:10}.p-l-10{padding-left:10}.p-x-10{padding-right:10;padding-left:10}.p-y-10{padding-top:10;padding-bottom:10}.p-12{padding:12}.p-t-12{padding-top:12}.p-r-12{padding-right:12}.p-b-12{padding-bottom:12}.p-l-12{padding-left:12}.p-x-12{padding-right:12;padding-left:12}.p-y-12{padding-top:12;padding-bottom:12}.p-15{padding:15}.p-t-15{padding-top:15}.p-r-15{padding-right:15}.p-b-15{padding-bottom:15}.p-l-15{padding-left:15}.p-x-15{padding-right:15;padding-left:15}.p-y-15{padding-top:15;padding-bottom:15}.p-16{padding:16}.p-t-16{padding-top:16}.p-r-16{padding-right:16}.p-b-16{padding-bottom:16}.p-l-16{padding-left:16}.p-x-16{padding-right:16;padding-left:16}.p-y-16{padding-top:16;padding-bottom:16}.p-20{padding:20}.p-t-20{padding-top:20}.p-r-20{padding-right:20}.p-b-20{padding-bottom:20}.p-l-20{padding-left:20}.p-x-20{padding-right:20;padding-left:20}.p-y-20{padding-top:20;padding-bottom:20}.p-24{padding:24}.p-t-24{padding-top:24}.p-r-24{padding-right:24}.p-b-24{padding-bottom:24}.p-l-24{padding-left:24}.p-x-24{padding-right:24;padding-left:24}.p-y-24{padding-top:24;padding-bottom:24}.p-25{padding:25}.p-t-25{padding-top:25}.p-r-25{padding-right:25}.p-b-25{padding-bottom:25}.p-l-25{padding-left:25}.p-x-25{padding-right:25;padding-left:25}.p-y-25{padding-top:25;padding-bottom:25}.p-28{padding:28}.p-t-28{padding-top:28}.p-r-28{padding-right:28}.p-b-28{padding-bottom:28}.p-l-28{padding-left:28}.p-x-28{padding-right:28;padding-left:28}.p-y-28{padding-top:28;padding-bottom:28}.p-30{padding:30}.p-t-30{padding-top:30}.p-r-30{padding-right:30}.p-b-30{padding-bottom:30}.p-l-30{padding-left:30}.p-x-30{padding-right:30;padding-left:30}.p-y-30{padding-top:30;padding-bottom:30}.hr-light{height:1;background-color:#e0e0e0;width:100%}.hr-dark{height:1;background-color:#303030;width:100%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-weight-normal{font-weight:normal}.font-weight-bold{font-weight:bold}.font-italic{font-style:italic}.t-10{font-size:10}.t-12{font-size:12}.t-14{font-size:14}.t-15{font-size:15}.t-16{font-size:16}.t-17{font-size:17}.t-18{font-size:18}.t-19{font-size:19}.t-20{font-size:20}.t-25{font-size:25}.t-30{font-size:30}.img-rounded{border-radius:5}.img-circle{border-radius:20}.img-thumbnail{border-radius:0}.invisible{visibility:collapse}.pull-left{horizontal-align:left}.pull-right{horizontal-align:right}.m-x-auto{horizontal-align:center}.m-y-auto{vertical-align:center}.text-primary{color:#30bcff}.text-danger{color:#d50000}.text-muted{color:#9e9e9e}.bg-primary{background-color:#30bcff;color:#fff}.bg-danger{background-color:#d50000;color:#fff}.action-bar{background-color:#F8F8F8;color:#212121}.action-bar .action-bar-title{font-weight:bold;font-size:17;vertical-align:center}.action-bar .action-item{font-weight:normal}.activity-indicator{color:#30bcff;width:30;height:30}.btn{color:#30bcff;background-color:transparent;min-height:36;min-width:64;padding:10 10 10 10;font-size:18;margin:8 16 8 16}.btn.btn-active:highlighted{color:#fff;background-color:#c0ebff}.btn-primary{background-color:#30bcff;border-color:#30bcff;color:#fff}.btn-primary.btn-active:highlighted{background-color:#01a0ec;border-color:#01a0ec}.btn-primary.btn-aqua{background-color:#00caab}.btn-primary.btn-blue{background-color:#3d5afe}.btn-primary.btn-brown{background-color:#795548}.btn-primary.btn-forest{background-color:#006968}.btn-primary.btn-grey{background-color:#5c687c}.btn-primary.btn-lemon{background-color:#ffea00;color:#000}.btn-primary.btn-lime{background-color:#aee406;color:#000}.btn-primary.btn-orange{background-color:#f57c00}.btn-primary.btn-purple{background-color:#8130ff}.btn-primary.btn-ruby{background-color:#ff1744}.btn-primary.btn-sky{background-color:#30bcff}.btn-outline{background-color:transparent;border-color:#30bcff;color:#30bcff}.btn-outline.btn-active:highlighted{background-color:#c0ebff}.btn[isEnabled=false]{color:#a4a4a4;background-color:#e0e0e0;border-color:#e0e0e0}.fa{font-family:FontAwesome, fontawesome-webfont}.form .input{padding:16 8 16 8;background-color:transparent}.form .input.input-border{border-width:1;border-color:#e0e0e0;border-radius:2;padding:16}.form .input.input-rounded{border-width:1;border-color:#e0e0e0;border-radius:28;padding:16}.form .input[isEnabled=false]{background-color:#fafafa}.form .input-field{margin:8}.form .input-field .label{font-size:12;color:#bababa}.form .input-field .input{padding:0;margin:0 0 8 0}.form .input-field .hr-light.active,.form .input-field .hr-dark.active{background-color:#30bcff}.form .input-field.input-sides .label{font-size:18;margin:0 0 8 0}.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:4;font-weight:normal;color:#212121}.body,.body2,.footnote{font-weight:normal;color:#757575}.h1{font-size:32}.h2{font-size:22}.h3{font-size:15}.h4{font-size:12}.h5{font-size:11}.h6{font-size:10}.body{font-size:14}.body2{font-size:17}.footnote{font-size:13}.list-group .list-group-item{color:#212121;font-size:16;margin:0;padding:16}.list-group .list-group-item Label{vertical-align:center}.list-group .list-group-item .thumb{stretch:fill;width:40;height:40;margin-right:16}.list-group .list-group-item.active{background-color:#e0e0e0}.list-group .list-group-item .list-group-item-text{color:#757575;font-size:14}.page{background-color:#fff}.progress{color:#30bcff;background-color:#bababa}.segmented-bar{font-size:13;background-color:#fff;color:#212121;selected-background-color:#30bcff}.sidedrawer-left,.sidedrawer-center{background-color:#fafafa}.sidedrawer-header{background-color:#fafafa;height:148;width:100%}.sidedrawer-left .sidedrawer-header{padding:16 16 0 16}.sidedrawer-center .sidedrawer-header{padding:20 15 0 15}.sidedrawer-header-image{background-color:#e0e0e0}.sidedrawer-left .sidedrawer-header-image{height:64;width:64;border-radius:32;horizontal-align:left;margin-bottom:36}.sidedrawer-center .sidedrawer-header-image{height:74;width:74;border-radius:37;horizontal-align:center;margin-bottom:24}.sidedrawer-header-brand{color:#737373}.sidedrawer-left .sidedrawer-header-brand{horizontal-align:left;font-size:14}.sidedrawer-center .sidedrawer-header-brand{horizontal-align:center;font-size:15}.sidedrawer-list-item{height:48;horizontal-align:left;width:100%;orientation:horizontal}.sidedrawer-list-item .sidedrawer-list-item-icon{width:24;text-align:center;font-size:20;height:48;vertical-align:center}.sidedrawer-list-item.active{color:#fff;background-color:#30bcff}.sidedrawer-list-item.active .sidedrawer-list-item-icon{color:#fff}.sidedrawer-left .sidedrawer-list-item-icon{margin:0 16 0 16}.sidedrawer-center .sidedrawer-list-item-icon{margin:0 0 0 15}.sidedrawer-list-item-text{horizontal-align:left;text-align:left;font-size:15;background-color:transparent;border-width:0.1;width:80%;vertical-align:center}.sidedrawer-left .sidedrawer-list-item-text{padding-left:16}.sidedrawer-center .sidedrawer-list-item-text{padding-left:15}.slider{background-color:#30bcff}.slider[isEnabled=false]{background-color:#e0e0e0;color:#e0e0e0}.switch[checked=true]{background-color:#30bcff}.switch[checked=true][isEnabled=false]{background-color:#e0e0e0;color:#fff}.switch[isEnabled=false]{background-color:#e0e0e0;color:#e0e0e0}.tab-view{selected-color:#30bcff;tabs-background-color:#fff}.tab-view .tab-view-item{background-color:#fff;tabs-background-color:#fff}#login-background{margin-top:-20;background-size:cover;background-position:center}.login-wrap{padding:0 40}.logo-wrap{margin:60 0 10 0;padding:20 0}.logo-wrap .login-logo{text-align:center;font-size:30;font-weight:bold;margin-bottom:10;opacity:1;color:#212121;opacity:.9}.logo-wrap .login-logo-sub{color:#212121;opacity:.8;text-align:center}.login-wrapper{padding:20;background-color:#fff;border-radius:3}.login-wrapper TextField{padding:10 10;margin:10 0 0 0}.go-back{font-size:14;text-align:center;color:#212121;margin-top:10}.btn{border-width:0;font-family:'SF UI Text Medium';font-size:15}.btn-outline{border-width:1}.btn-rounded-sm{border-radius:4}.btn-rounded-lg{border-radius:19}.form{font-family:'SF UI Text Regular'}.form .input{font-size:15}.form .input.input-rounded{border-radius:27}.h1{font-size:32}.slider{margin:10 15}.sidedrawer-list-item-icon,.sidedrawer-list-item{color:#949494}.switch{margin:8 15}.list-group .list-group-item{padding:16 15 16 15}.list-group .list-group-item .thumb{margin-right:15}.list-group .list-group-item .list-group-item-heading{margin-bottom:5}.segmented-bar{margin:0 15;color:#30bcff} diff --git a/packages/core/__tests__/unit/css/assets/what-is-new.ios.css b/packages/core/__tests__/unit/css/assets/what-is-new.ios.css index 97cab6c67..a20e0940a 100644 --- a/packages/core/__tests__/unit/css/assets/what-is-new.ios.css +++ b/packages/core/__tests__/unit/css/assets/what-is-new.ios.css @@ -1,23 +1,23 @@ @import url('~/views/what-is-new-common.css'); .news-card { - margin: 12 12 0 12; + margin: 12 12 0 12; } .title { - font-size: 14; + font-size: 14; } .body { - font-size: 14; + font-size: 14; } .learn-more { - font-size: 14; + font-size: 14; } .date { - font-size: 12; + font-size: 12; } .empty-placeholder { - vertical-align: center; - text-align: center; -} + vertical-align: center; + text-align: center; +} \ No newline at end of file