{"version":3,"sources":["/Users/lhammer/work/github/react-track/docs/styles/reset/index.scss","/Users/lhammer/work/github/react-track/docs/styles/reset/normalize.scss","global.scss","/Users/lhammer/work/github/react-track/docs/styles/variables.scss","/Users/lhammer/work/github/react-track/docs/styles/common.scss","/Users/lhammer/work/github/react-track/docs/styles/mixins.scss","/Users/lhammer/work/github/react-track/docs/styles/animation.scss","/Users/lhammer/work/github/react-track/docs/styles/global.scss"],"names":[],"mappings":"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","file":"main.fb47905e.chunk.css","sourcesContent":["/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 12:18:01 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n@import \"./normalize.scss\";\n\nhtml {\n  box-sizing: border-box;\n  font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, \"Hiragino Sans GB\",\n    \"Microsoft YaHei\", \"微软雅黑\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: $--color-text;\n  font-size: $--font-size-base;\n  line-height: 1;\n  #app > * {\n    min-height: 100vh;\n  }\n}\n\n*:not(input) {\n  border: 0;\n  margin: 0;\n  padding: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nul,\nli {\n  list-style: none\n}\n\na {\n  text-decoration: none;\n}\n\ninput {\n  outline: none;\n  -webkit-appearance: none;\n  &::-moz-placeholder,\n  &::-ms-input-placeholder,\n  &::-webkit-input-placeholder {\n    color: $--color-text-placeholder;\n  }\n  &[type=\"search\"]::-webkit-search-cancel-button {\n    display: none;\n  }\n}\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n","@charset \"UTF-8\";\n/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 17:18:15 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/* Color\n---------------------------- */\n/* Font\n---------------------------- */\n/* Border\n---------------------------- */\n/* Box-shadow\n---------------------------- */\n/* Border-radius\n---------------------------- */\n/* Badge\n---------------------------- */\n/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 12:17:56 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/*\n * Created Date: 2019-06-18\n * Author: 宋慧武\n * ------\n * Last Modified: Thursday 2019-08-22 16:49:55 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 12:18:01 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0; }\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none; }\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */ }\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item; }\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none; }\n\nhtml {\n  box-sizing: border-box;\n  font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"微软雅黑\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #333333;\n  font-size: 14px;\n  line-height: 1; }\n  html #app > * {\n    min-height: 100vh; }\n\n*:not(input) {\n  border: 0;\n  margin: 0;\n  padding: 0; }\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit; }\n\nul,\nli {\n  list-style: none; }\n\na {\n  text-decoration: none; }\n\ninput {\n  outline: none;\n  -webkit-appearance: none; }\n  input::-moz-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder {\n    color: #999999; }\n  input[type=\"search\"]::-webkit-search-cancel-button {\n    display: none; }\n\n/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Wednesday 2019-08-14 11:29:08 am\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/* Font size 公用类\n---------------------------- */\n.ft\\:12 {\n  font-size: 12px !important; }\n\n.ft\\:13 {\n  font-size: 13px !important; }\n\n.ft\\:14 {\n  font-size: 14px !important; }\n\n.ft\\:15 {\n  font-size: 15px !important; }\n\n.ft\\:16 {\n  font-size: 16px !important; }\n\n.ft\\:17 {\n  font-size: 17px !important; }\n\n.ft\\:18 {\n  font-size: 18px !important; }\n\n.ft\\:20 {\n  font-size: 20px !important; }\n\n.ft\\:22 {\n  font-size: 22px !important; }\n\n/* 主题色公用类\n---------------------------- */\n.primary {\n  color: #61dafb !important; }\n  .primary\\:hover {\n    color: #61dafb !important; }\n\n/* 相对定位公用类\n---------------------------- */\n.global-relative {\n  position: relative; }\n\n/* 元素全屏公用类\n---------------------------- */\n.global-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0; }\n\n/* 顺时针旋转度数公用类\n---------------------------- */\n.global-rotate\\:180 {\n  transform: rotate(0.5turn); }\n\n/* touch背景提示公用类\n---------------------------- */\n.global-touch\\:active {\n  background: rgba(0, 0, 0, 0.02); }\n\n/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Wednesday 2019-08-14 11:29:14 am\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n.fade-in-enter-active, .fade-in-leave-active {\n  opacity: 1;\n  transition: opacity .3s linear; }\n\n.fade-in-enter, .fade-in-leave, .fade-in-leave-active {\n  opacity: 0; }\n\nheader {\n  background: #282c34;\n  padding: 32px;\n  text-align: center; }\n  header .title {\n    color: #61dafb;\n    padding-bottom: 12px; }\n  header .description {\n    color: white;\n    margin-top: 16px; }\n  header .badge + .badge {\n    margin-left: 5px; }\n  header .link {\n    display: inline-block;\n    padding: 9px 16px;\n    color: #fff;\n    background: #3e4451;\n    border-radius: 3px;\n    margin-top: 32px; }\n    header .link:hover {\n      background: #545d6e; }\n    header .link:not(:last-child) {\n      margin-right: 8px; }\n\n.global-title {\n  margin: 20px 0 20px 0; }\n\n.global-pdtb\\:12 {\n  margin: 12px 0; }\n\n.footer {\n  font-size: 14px;\n  text-align: center;\n  color: white;\n  background: #949dad; }\n  .footer-content {\n    margin: 0 42px;\n    padding: 16px 0; }\n\n.command {\n  background: #121417;\n  color: white;\n  font-family: monospace;\n  max-width: 500px;\n  margin: 20px auto;\n  border-radius: 2px;\n  padding: 12px 24px;\n  box-sizing: border-box;\n  text-align: center; }\n\n.r-track {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-bottom: 20px; }\n  .r-track .ant-btn {\n    display: block;\n    width: 229px;\n    margin: 32px auto 52px; }\n  .r-track .description {\n    padding: 20px 0; }\n\n.started_page {\n  max-width: 1200px;\n  padding: 20px;\n  margin: auto; }\n\n.start_alert {\n  margin-top: 20px; }\n\n.code-snippet {\n  display: flex;\n  flex-direction: row;\n  background: #F6F6F6;\n  border-radius: 3px;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 10pt;\n  overflow: auto;\n  position: relative; }\n  .code-snippet > * {\n    flex: 0 0 auto; }\n  .code-snippet .line-numbers,\n  .code-snippet .render {\n    padding: 20px;\n    padding-right: 0; }\n  .code-snippet .line-numbers {\n    border-radius: 2px 0 0 2px;\n    line-height: 18px; }\n  .code-snippet .render {\n    white-space: pre;\n    line-height: 18px; }\n  .code-snippet .language {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 4px 4px 6px 6px;\n    border-radius: 0 0 0 2px; }\n\n.r-track-table {\n  font-size: 12px; }\n  .r-track-table .header,\n  .r-track-table .row {\n    display: flex;\n    border-bottom: 1px solid #ebeef5; }\n    .r-track-table .header strong,\n    .r-track-table .header span,\n    .r-track-table .row strong,\n    .r-track-table .row span {\n      line-height: 29px; }\n    .r-track-table .header .key,\n    .r-track-table .row .key {\n      width: 92px; }\n    .r-track-table .header .val,\n    .r-track-table .row .val {\n      flex: 1; }\n  .r-track-table .row:hover {\n    background: #fafafa;\n    cursor: pointer; }\n\n.block_show__card {\n  width: 399px;\n  text-align: center;\n  margin: 32px auto 52px; }\n","/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 17:18:15 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n$namespace: \"hp\";\n\n/* Color\n---------------------------- */\n$--color-primary: #61dafb !default; \n$--color-lightprimary: rgba($--color-primary, .2) !default;\n$--color-dark: #282c34  !default;\n$--color-darker: #20232a !default;\n$--color-gray: #CCCCCC !default;\n$--color-lightgray: #F6F6F6 !default;\n$--color-white: #FFFFFF !default;\n$--color-text: #333333 !default;\n$--color-text-gray: #666666 !default;\n$--color-text-lightgray: #9399A5 !default;\n$--color-text-lightergray: #B8B8B8 !default;\n$--color-text-placeholder: #999999 !default;\n$--color-text-disabled: #BFBFBF !default;\n\n/* Font\n---------------------------- */\n$--font-size-small: 12px !default;\n$--font-size-base: 14px !default;\n$--font-size-medium: 16px !default;\n$--font-size-large: 18px !default;\n$--font-line-height-base: 18px !default;\n\n/* Border\n---------------------------- */\n$--border-color: #E4E6F0 !default;\n$--border-color-gray: $--color-gray !default;\n$--border-radius: 4px;\n\n/* Box-shadow\n---------------------------- */\n$--box-shadow-base: 0 2px 8px 0 rgba(0, 0, 0, .12) !default;\n$--box-shadow-dark: 0 0px 8px 0 rgba(0, 0, 0, .15) !default;\n\n/* Border-radius\n---------------------------- */\n$--border-radius-base: 4px !default;\n\n/* Badge\n---------------------------- */\n$--badge-color: #FF4949;\n\n$md-grey: #9e9e9e;\n$md-grey-100: #f5f5f5;\n$md-grey-200: #eeeeee;\n$md-grey-300: #e0e0e0;\n$md-grey-400: #bdbdbd;\n","/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Wednesday 2019-08-14 11:29:08 am\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n/* Font size 公用类\n---------------------------- */\n@include block(ft) {\n  &\\:12 {\n    font-size: $--font-size-small !important;\n  }\n  &\\:13 {\n    font-size: #{$--font-size-base - 1px} !important;\n  }\n  &\\:14 {\n    font-size: $--font-size-base !important;\n  }\n  &\\:15 {\n    font-size: #{$--font-size-base + 1px} !important;\n  }\n  &\\:16 {\n    font-size: $--font-size-medium !important;\n  }\n  &\\:17 {\n    font-size: #{$--font-size-base + 3px} !important;\n  }\n  &\\:18 {\n    font-size: $--font-size-large !important;\n  }\n  &\\:20 {\n    font-size: #{$--font-size-large + 2px} !important;\n  }\n  &\\:22 {\n    font-size: #{$--font-size-large + 4px} !important;\n  }\n}\n\n/* 主题色公用类\n---------------------------- */\n@include block(primary) {\n  color: $--color-primary !important;\n  &\\:hover {\n    color: $--color-primary !important;\n  }\n}\n\n/* 相对定位公用类\n---------------------------- */\n@include global(relative) {\n  position: relative;\n}\n\n/* 元素全屏公用类\n---------------------------- */\n@include global(overlay) {\n  @include position--overlay;\n}\n\n/* 顺时针旋转度数公用类\n---------------------------- */\n@include global(rotate) {\n  &\\:180 {\n    transform: rotate(.5turn);\n  }\n}\n\n/* touch背景提示公用类\n---------------------------- */\n@include global(touch\\:active) {\n  background: rgba(0, 0, 0, 0.02);\n}\n","/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Monday 2019-08-19 12:17:56 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n$M_E: 'null';\n\n@mixin block($block) {\n  $B: $block !global;\n  .#{$block} {\n    $rootblock: & !global;\n    @content;\n  }\n}\n\n@mixin e($element, $base: 'root') {\n  $E: $element !global;\n  @if $M_E != 'null' {\n    @if $M_E == $rootblock {\n      & .#{$element} {\n        @content;\n      }\n    } @else {\n      & #{$M_E}__#{$element} {\n        $M_E: 'null' !global; // 清空当前修饰的元素\n        @content;\n      }\n    }\n  } @else if $base != 'root' {\n    @at-root .#{$base}__#{$element} {\n      @content;\n    }\n  } @else if & == $rootblock {\n    & .#{$element} {\n      @content;\n    }\n  } @else if $base == 'root' {\n    &__#{$element} {\n      @content;\n    }\n  }\n}\n\n@mixin m($modifier, $nexted: 'false') {\n  @if $nexted == 'true' {\n    $M_E: & !global;\n  }\n  &--#{$modifier} {\n    @content;\n  }\n}\n\n@mixin global($name) {\n  $cls: global-#{$name};\n  @at-root .#{$cls} {\n    @content;\n  }\n}\n\n@mixin icon($w, $h, $bg, $type: 'png') {\n  width: #{$w}px;\n  height: #{$h}px;\n  background: none no-repeat center / 100%;\n  @if $type == 'svg' {\n    background-image: url('#{$bg}.svg');\n  } @else {\n    background-image: url('#{$bg}@2x.png');\n    @media (min-resolution: 3dppx) {\n      background-image: url('#{$bg}@3x.png');\n    }\n  }\n}\n\n@mixin one-pix-line($pos: 'bottom', $color: $--border-color, $style: solid) {\n  $prop: border-#{$pos};\n  @if $pos == 'all' {\n    $prop: border;\n  }\n  #{$prop}: 1px $style $color;\n  @media (min-resolution: 2dppx) {\n    #{$prop}: .5px $style $color;\n  }\n  @media (min-resolution: 3dppx) {\n    #{$prop}: .333333px $style $color;\n  }\n  @media (min-resolution: 4dppx) {\n    #{$prop}: .25px $style $color;\n  }\n}\n\n@mixin element-a {\n  display: inline-block;\n  outline: none;\n  line-height: $--font-line-height-base;\n  text-decoration: none;\n  color: $--color-text;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    color: $--color-primary;\n  }\n}\n\n@mixin text-ellipsis($width: 100%) {\n  width: $width;\n  overflow: hidden;\n  white-space: nowrap;\n  word-wrap: normal;\n  text-overflow: ellipsis;\n}\n\n@mixin text-wrap() {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n@mixin position--t--r($p: absolute, $t: 0, $r: 0) {\n  position: $p;\n  top: $t;\n  right: $r;\n  @content;\n}\n\n@mixin position--t--b($p: absolute, $t: 0, $b: 0) {\n  position: $p;\n  top: $t;\n  bottom: $b;\n  @content;\n}\n\n@mixin position--t--l($p: absolute, $t: 0, $l: 0) {\n  position: $p;\n  top: $t;\n  left: $l;\n  @content;\n}\n\n@mixin position--b--r($p: absolute, $b: 0, $r: 0) {\n  position: $p;\n  right: $r;\n  bottom: $b;\n  @content;\n}\n\n@mixin position--b--l($p: absolute, $b: 0, $l: 0) {\n  position: $p;\n  bottom: $b;\n  left: $l;\n  @content;\n}\n\n@mixin position--r--l($p: absolute, $r: 0, $l: 0) {\n  position: $p;\n  right: $r;\n  left: $l;\n  @content;\n}\n\n@mixin position--overlay($p: absolute, $v: 0) {\n  position: $p;\n  top: $v;\n  right: $v;\n  bottom: $v;\n  left: $v;\n}\n\n@mixin position--overlay--y($p: absolute) {\n  position: $p;\n  top: 0;\n  bottom: 0;\n}\n\n@mixin center--x() {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  @content;\n}\n\n@mixin center--y() {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  @content;\n}\n\n@mixin flex-box {\n  display: flex;\n  & > * {\n    flex: 0 0 auto;\n  }\n}\n\n@mixin h-box {\n  @include flex-box;\n  flex-direction: row;\n  @content;\n}\n\n@mixin v-box {\n  @include flex-box;\n  flex-direction: column;\n  @content;\n}\n\n@mixin box-center {\n  @include flex-box;\n  align-items: center;\n  justify-content: center;\n  @content;\n}\n\n@mixin box-between {\n  @include flex-box;\n  align-items: center;\n  justify-content: space-between;\n  @content;\n}\n\n@mixin circle($w, $color) {\n  width: $w;\n  height: $w;\n  border-radius: 50%;\n  background: $color;\n}","/*\n * Created Date: 2019-06-02\n * Author: 宋慧武\n * ------\n * Last Modified: Wednesday 2019-08-14 11:29:14 am\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n@include block(\"fade-in\") {\n  &-enter-active,\n  &-leave-active {\n    opacity: 1;\n    transition: opacity .3s linear;\n  }\n  &-enter,\n  &-leave,\n  &-leave-active {\n    opacity: 0;\n  }\n}\n","\n            @import \"/Users/lhammer/work/github/react-track/docs/styles/variables\";\n            @import \"/Users/lhammer/work/github/react-track/docs/styles/mixins\";\n          \n/*\n * Created Date: 2019-06-18\n * Author: 宋慧武\n * ------\n * Last Modified: Thursday 2019-08-22 16:49:55 pm\n * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>\n * ------\n * HISTORY:\n */\n@import \"./reset/index\";\n@import \"./common\";\n@import \"./animation\";\n\nheader {\n  background: $--color-dark;\n  padding: 32px;\n  text-align: center;\n  .title {\n    color: $--color-primary;\n    padding-bottom: 12px;\n  }\n  .description {\n    color: white;\n    margin-top: 16px;\n  }\n  .badge + .badge {\n    margin-left: 5px;\n  }\n  .link {\n    display: inline-block;\n    padding: 9px 16px;\n    color: #fff;\n    background: lighten($--color-dark, 10%);\n    border-radius: 3px;\n    margin-top: 32px;\n    &:hover {\n      background: lighten($--color-dark, 20%);\n    }\n    &:not(:last-child) {\n      margin-right: 8px;\n    }\n  }\n}\n\n.global-title {\n  margin: 20px 0 20px 0;\n}\n\n.global-pdtb {\n  &\\:12 {\n    margin: 12px 0;\n  }\n}\n\n.footer {\n  font-size: 14px;\n  text-align: center;\n  color: white;\n  background: lighten($--color-dark, 45%);\n  &-content {\n    margin: 0 42px;\n    padding: 16px 0;\n  }\n}\n\n.command {\n  background: darken($--color-dark, 10%);\n  color: white;\n  font-family: monospace;\n  max-width: 500px;\n  margin: 20px auto;\n  border-radius: 2px;\n  padding: 12px 24px;\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.r-track {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-bottom: 20px;\n  .ant-btn {\n    display: block;\n    width: 229px;\n    margin: 32px auto 52px;\n  }\n  .description {\n    padding: 20px 0;\n  }\n}\n\n.started_page {\n  max-width: 1200px;\n  padding: 20px;\n  margin: auto;\n}\n\n.start_alert {\n  margin-top: 20px;\n}\n\n.code-snippet {\n  @include h-box;\n  background: #F6F6F6;\n  border-radius: 3px;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 10pt;\n  overflow: auto;\n  position: relative;\n  .line-numbers,\n  .render {\n    padding: 20px;\n    padding-right: 0;\n  }\n  .line-numbers {\n    border-radius: 2px 0 0 2px;\n    line-height: 18px;\n  }\n  .render {\n    white-space: pre;\n    line-height: 18px;\n  }\n  .language {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 4px 4px 6px 6px;\n    border-radius: 0 0 0 2px;\n  }\n}\n\n.r-track-table {\n  font-size: 12px;\n  .header,\n  .row {\n    display: flex;\n    border-bottom: 1px solid #ebeef5;\n    strong,\n    span {\n      line-height: 29px;\n    }\n    .key {\n      width: 92px;\n    }\n    .val {\n      flex: 1;\n    }\n  }\n  .row:hover {\n    background: #fafafa;\n    cursor: pointer;\n  }\n}\n\n.block_show__card {\n  width: 399px;\n  text-align: center;\n  margin: 32px auto 52px;\n}"]}