From 8ae447d8ec49d9e63cf3f86701a0900ffd1f5dab Mon Sep 17 00:00:00 2001 From: Jason Etcovitch Date: Mon, 21 Aug 2017 15:53:17 -0700 Subject: [PATCH] Add Primer, package.json --- node_modules/primer-alerts/LICENSE | 21 + node_modules/primer-alerts/README.md | 151 ++++ node_modules/primer-alerts/build/build.css | 1 + node_modules/primer-alerts/build/index.js | 1 + node_modules/primer-alerts/index.scss | 3 + node_modules/primer-alerts/lib/flash.scss | 80 +++ node_modules/primer-alerts/package.json | 145 ++++ node_modules/primer-avatars/LICENSE | 21 + node_modules/primer-avatars/README.md | 153 ++++ node_modules/primer-avatars/build/build.css | 1 + node_modules/primer-avatars/build/index.js | 1 + node_modules/primer-avatars/index.scss | 7 + .../lib/avatar-parent-child.scss | 16 + .../primer-avatars/lib/avatar-stack.scss | 45 ++ node_modules/primer-avatars/lib/avatar.scss | 20 + .../primer-avatars/lib/circle-badge.scss | 54 ++ node_modules/primer-avatars/package.json | 142 ++++ node_modules/primer-base/LICENSE | 21 + node_modules/primer-base/README.md | 48 ++ node_modules/primer-base/build/build.css | 1 + node_modules/primer-base/build/index.js | 1 + node_modules/primer-base/index.scss | 5 + node_modules/primer-base/lib/base.scss | 67 ++ node_modules/primer-base/lib/normalize.scss | 423 +++++++++++ .../primer-base/lib/typography-base.scss | 86 +++ node_modules/primer-base/package.json | 144 ++++ node_modules/primer-blankslate/LICENSE | 21 + node_modules/primer-blankslate/README.md | 138 ++++ .../primer-blankslate/build/build.css | 1 + node_modules/primer-blankslate/build/index.js | 1 + node_modules/primer-blankslate/index.scss | 3 + .../primer-blankslate/lib/blankslate.scss | 57 ++ node_modules/primer-blankslate/package.json | 144 ++++ node_modules/primer-box/LICENSE | 21 + node_modules/primer-box/README.md | 597 ++++++++++++++++ node_modules/primer-box/build/build.css | 1 + node_modules/primer-box/build/index.js | 1 + node_modules/primer-box/index.scss | 2 + node_modules/primer-box/lib/box.scss | 284 ++++++++ node_modules/primer-box/package.json | 141 ++++ node_modules/primer-breadcrumb/LICENSE | 21 + node_modules/primer-breadcrumb/README.md | 47 ++ .../primer-breadcrumb/build/build.css | 1 + node_modules/primer-breadcrumb/build/index.js | 1 + node_modules/primer-breadcrumb/index.scss | 4 + .../primer-breadcrumb/lib/breadcrumb.scss | 19 + node_modules/primer-breadcrumb/package.json | 146 ++++ node_modules/primer-buttons/LICENSE | 21 + node_modules/primer-buttons/README.md | 258 +++++++ node_modules/primer-buttons/build/build.css | 1 + node_modules/primer-buttons/build/index.js | 1 + node_modules/primer-buttons/index.scss | 3 + .../primer-buttons/lib/button-group.scss | 79 +++ node_modules/primer-buttons/lib/button.scss | 204 ++++++ node_modules/primer-buttons/package.json | 143 ++++ node_modules/primer-cards/LICENSE | 21 + node_modules/primer-cards/README.md | 58 ++ node_modules/primer-cards/build/build.css | 1 + node_modules/primer-cards/build/index.js | 1 + node_modules/primer-cards/index.scss | 4 + node_modules/primer-cards/lib/cards.scss | 6 + node_modules/primer-cards/package.json | 144 ++++ node_modules/primer-core/LICENSE | 21 + node_modules/primer-core/README.md | 48 ++ node_modules/primer-core/build/build.css | 6 + node_modules/primer-core/build/index.js | 1 + node_modules/primer-core/index.scss | 28 + node_modules/primer-core/package.json | 141 ++++ node_modules/primer-css/CHANGELOG.md | 273 +++++++ node_modules/primer-css/LICENSE | 21 + node_modules/primer-css/README.md | 48 ++ node_modules/primer-css/build/build.css | 21 + node_modules/primer-css/build/index.js | 1 + node_modules/primer-css/index.scss | 16 + node_modules/primer-css/package.json | 161 +++++ node_modules/primer-forms/LICENSE | 21 + node_modules/primer-forms/README.md | 347 +++++++++ node_modules/primer-forms/build/build.css | 1 + node_modules/primer-forms/build/index.js | 1 + node_modules/primer-forms/index.scss | 5 + .../primer-forms/lib/form-control.scss | 211 ++++++ node_modules/primer-forms/lib/form-group.scss | 215 ++++++ .../primer-forms/lib/form-select.scss | 38 + .../primer-forms/lib/form-validation.scss | 398 +++++++++++ node_modules/primer-forms/package.json | 144 ++++ node_modules/primer-labels/LICENSE | 21 + node_modules/primer-labels/README.md | 185 +++++ node_modules/primer-labels/build/build.css | 1 + node_modules/primer-labels/build/index.js | 1 + node_modules/primer-labels/index.scss | 4 + node_modules/primer-labels/lib/counters.scss | 21 + node_modules/primer-labels/lib/labels.scss | 63 ++ node_modules/primer-labels/lib/states.scss | 35 + node_modules/primer-labels/package.json | 141 ++++ node_modules/primer-layout/LICENSE | 21 + node_modules/primer-layout/README.md | 137 ++++ node_modules/primer-layout/build/build.css | 1 + node_modules/primer-layout/build/index.js | 1 + node_modules/primer-layout/docs/grid.md | 390 ++++++++++ node_modules/primer-layout/index.scss | 5 + node_modules/primer-layout/lib/columns.scss | 54 ++ node_modules/primer-layout/lib/container.scss | 30 + .../primer-layout/lib/grid-offset.scss | 30 + node_modules/primer-layout/lib/grid.scss | 64 ++ node_modules/primer-layout/package.json | 142 ++++ node_modules/primer-markdown/LICENSE | 21 + node_modules/primer-markdown/README.md | 218 ++++++ node_modules/primer-markdown/build/build.css | 1 + node_modules/primer-markdown/build/index.js | 1 + node_modules/primer-markdown/index.scss | 8 + .../primer-markdown/lib/blob-csv.scss | 27 + node_modules/primer-markdown/lib/code.scss | 76 ++ .../primer-markdown/lib/headings.scss | 65 ++ node_modules/primer-markdown/lib/images.scss | 119 ++++ node_modules/primer-markdown/lib/lists.scss | 72 ++ .../primer-markdown/lib/markdown-body.scss | 106 +++ node_modules/primer-markdown/lib/tables.scss | 33 + node_modules/primer-markdown/package.json | 145 ++++ node_modules/primer-marketing-support/LICENSE | 21 + .../primer-marketing-support/README.md | 49 ++ .../primer-marketing-support/index.scss | 1 + .../lib/variables.scss | 3 + .../primer-marketing-support/package.json | 146 ++++ node_modules/primer-marketing-type/LICENSE | 21 + node_modules/primer-marketing-type/README.md | 91 +++ .../primer-marketing-type/build/build.css | 1 + .../primer-marketing-type/build/index.js | 1 + node_modules/primer-marketing-type/index.scss | 4 + .../primer-marketing-type/lib/typography.scss | 124 ++++ .../primer-marketing-type/package.json | 146 ++++ .../primer-marketing-utilities/LICENSE | 21 + .../primer-marketing-utilities/README.md | 47 ++ .../build/build.css | 1 + .../primer-marketing-utilities/build/index.js | 1 + .../docs/borders.md | 19 + .../docs/filters.md | 19 + .../primer-marketing-utilities/index.scss | 4 + .../lib/borders.scss | 17 + .../lib/filters.scss | 4 + .../primer-marketing-utilities/package.json | 143 ++++ node_modules/primer-marketing/LICENSE | 21 + node_modules/primer-marketing/README.md | 48 ++ node_modules/primer-marketing/build/build.css | 6 + node_modules/primer-marketing/build/index.js | 1 + node_modules/primer-marketing/index.scss | 24 + node_modules/primer-marketing/package.json | 139 ++++ node_modules/primer-navigation/LICENSE | 21 + node_modules/primer-navigation/README.md | 257 +++++++ .../primer-navigation/build/build.css | 1 + node_modules/primer-navigation/build/index.js | 1 + node_modules/primer-navigation/index.scss | 6 + .../primer-navigation/lib/filter-list.scss | 62 ++ node_modules/primer-navigation/lib/menu.scss | 112 +++ .../primer-navigation/lib/subnav.scss | 120 ++++ .../primer-navigation/lib/tabnav.scss | 74 ++ node_modules/primer-navigation/package.json | 143 ++++ node_modules/primer-page-headers/LICENSE | 21 + node_modules/primer-page-headers/README.md | 58 ++ .../primer-page-headers/build/build.css | 1 + .../primer-page-headers/build/index.js | 1 + node_modules/primer-page-headers/index.scss | 4 + .../primer-page-headers/lib/headers.scss | 68 ++ node_modules/primer-page-headers/package.json | 146 ++++ node_modules/primer-page-sections/LICENSE | 21 + node_modules/primer-page-sections/README.md | 57 ++ .../primer-page-sections/build/build.css | 1 + .../primer-page-sections/build/index.js | 1 + node_modules/primer-page-sections/index.scss | 4 + .../lib/page-section.scss | 18 + .../primer-page-sections/package.json | 145 ++++ node_modules/primer-product/LICENSE | 21 + node_modules/primer-product/README.md | 48 ++ node_modules/primer-product/build/build.css | 6 + node_modules/primer-product/build/index.js | 1 + node_modules/primer-product/index.scss | 21 + node_modules/primer-product/package.json | 136 ++++ node_modules/primer-support/LICENSE | 21 + node_modules/primer-support/README.md | 56 ++ .../primer-support/docs/breakpoints.md | 60 ++ .../primer-support/docs/color-system.md | 392 +++++++++++ node_modules/primer-support/docs/spacing.md | 50 ++ .../primer-support/docs/typography.md | 90 +++ node_modules/primer-support/index.scss | 11 + .../primer-support/lib/mixins/buttons.scss | 156 ++++ .../primer-support/lib/mixins/layout.scss | 52 ++ .../primer-support/lib/mixins/misc.scss | 29 + .../primer-support/lib/mixins/typography.scss | 84 +++ .../lib/variables/color-system.scss | 114 +++ .../primer-support/lib/variables/colors.scss | 67 ++ .../primer-support/lib/variables/layout.scss | 58 ++ .../primer-support/lib/variables/misc.scss | 40 ++ .../lib/variables/typography.scss | 43 ++ node_modules/primer-support/package.json | 164 +++++ node_modules/primer-table-object/LICENSE | 21 + node_modules/primer-table-object/README.md | 69 ++ .../primer-table-object/build/build.css | 1 + .../primer-table-object/build/index.js | 1 + node_modules/primer-table-object/index.scss | 1 + .../primer-table-object/lib/table-object.scss | 20 + node_modules/primer-table-object/package.json | 142 ++++ node_modules/primer-tables/LICENSE | 21 + node_modules/primer-tables/README.md | 57 ++ node_modules/primer-tables/build/build.css | 1 + node_modules/primer-tables/build/index.js | 1 + node_modules/primer-tables/index.scss | 4 + node_modules/primer-tables/lib/tables.scss | 39 + node_modules/primer-tables/package.json | 144 ++++ node_modules/primer-tooltips/LICENSE | 21 + node_modules/primer-tooltips/README.md | 117 +++ node_modules/primer-tooltips/build/build.css | 1 + node_modules/primer-tooltips/build/index.js | 1 + node_modules/primer-tooltips/index.scss | 2 + .../primer-tooltips/lib/tooltips.scss | 280 ++++++++ node_modules/primer-tooltips/package.json | 142 ++++ node_modules/primer-truncate/LICENSE | 21 + node_modules/primer-truncate/README.md | 68 ++ node_modules/primer-truncate/build/build.css | 1 + node_modules/primer-truncate/build/index.js | 1 + node_modules/primer-truncate/index.scss | 1 + .../primer-truncate/lib/truncate.scss | 27 + node_modules/primer-truncate/package.json | 145 ++++ node_modules/primer-utilities/LICENSE | 21 + node_modules/primer-utilities/README.md | 48 ++ node_modules/primer-utilities/build/build.css | 1 + node_modules/primer-utilities/build/index.js | 1 + .../primer-utilities/docs/animations.md | 57 ++ node_modules/primer-utilities/docs/borders.md | 124 ++++ .../primer-utilities/docs/box-shadow.md | 107 +++ node_modules/primer-utilities/docs/colors.md | 232 ++++++ node_modules/primer-utilities/docs/flexbox.md | 665 ++++++++++++++++++ node_modules/primer-utilities/docs/layout.md | 290 ++++++++ node_modules/primer-utilities/docs/margin.md | 126 ++++ node_modules/primer-utilities/docs/padding.md | 110 +++ .../primer-utilities/docs/typography.md | 138 ++++ node_modules/primer-utilities/index.scss | 13 + .../primer-utilities/lib/animations.scss | 153 ++++ .../primer-utilities/lib/borders.scss | 63 ++ .../primer-utilities/lib/box-shadow.scss | 26 + node_modules/primer-utilities/lib/colors.scss | 106 +++ .../primer-utilities/lib/flexbox.scss | 80 +++ node_modules/primer-utilities/lib/layout.scss | 96 +++ node_modules/primer-utilities/lib/margin.scss | 86 +++ .../primer-utilities/lib/padding.scss | 84 +++ .../primer-utilities/lib/typography.scss | 216 ++++++ .../lib/visibility-display.scss | 111 +++ node_modules/primer-utilities/package.json | 142 ++++ package.json | 24 + 247 files changed, 17316 insertions(+) create mode 100644 node_modules/primer-alerts/LICENSE create mode 100644 node_modules/primer-alerts/README.md create mode 100644 node_modules/primer-alerts/build/build.css create mode 100644 node_modules/primer-alerts/build/index.js create mode 100644 node_modules/primer-alerts/index.scss create mode 100644 node_modules/primer-alerts/lib/flash.scss create mode 100644 node_modules/primer-alerts/package.json create mode 100644 node_modules/primer-avatars/LICENSE create mode 100644 node_modules/primer-avatars/README.md create mode 100644 node_modules/primer-avatars/build/build.css create mode 100644 node_modules/primer-avatars/build/index.js create mode 100644 node_modules/primer-avatars/index.scss create mode 100644 node_modules/primer-avatars/lib/avatar-parent-child.scss create mode 100644 node_modules/primer-avatars/lib/avatar-stack.scss create mode 100644 node_modules/primer-avatars/lib/avatar.scss create mode 100644 node_modules/primer-avatars/lib/circle-badge.scss create mode 100644 node_modules/primer-avatars/package.json create mode 100644 node_modules/primer-base/LICENSE create mode 100644 node_modules/primer-base/README.md create mode 100644 node_modules/primer-base/build/build.css create mode 100644 node_modules/primer-base/build/index.js create mode 100644 node_modules/primer-base/index.scss create mode 100644 node_modules/primer-base/lib/base.scss create mode 100644 node_modules/primer-base/lib/normalize.scss create mode 100644 node_modules/primer-base/lib/typography-base.scss create mode 100644 node_modules/primer-base/package.json create mode 100644 node_modules/primer-blankslate/LICENSE create mode 100644 node_modules/primer-blankslate/README.md create mode 100644 node_modules/primer-blankslate/build/build.css create mode 100644 node_modules/primer-blankslate/build/index.js create mode 100644 node_modules/primer-blankslate/index.scss create mode 100644 node_modules/primer-blankslate/lib/blankslate.scss create mode 100644 node_modules/primer-blankslate/package.json create mode 100644 node_modules/primer-box/LICENSE create mode 100644 node_modules/primer-box/README.md create mode 100644 node_modules/primer-box/build/build.css create mode 100644 node_modules/primer-box/build/index.js create mode 100644 node_modules/primer-box/index.scss create mode 100644 node_modules/primer-box/lib/box.scss create mode 100644 node_modules/primer-box/package.json create mode 100644 node_modules/primer-breadcrumb/LICENSE create mode 100644 node_modules/primer-breadcrumb/README.md create mode 100644 node_modules/primer-breadcrumb/build/build.css create mode 100644 node_modules/primer-breadcrumb/build/index.js create mode 100644 node_modules/primer-breadcrumb/index.scss create mode 100644 node_modules/primer-breadcrumb/lib/breadcrumb.scss create mode 100644 node_modules/primer-breadcrumb/package.json create mode 100644 node_modules/primer-buttons/LICENSE create mode 100644 node_modules/primer-buttons/README.md create mode 100644 node_modules/primer-buttons/build/build.css create mode 100644 node_modules/primer-buttons/build/index.js create mode 100644 node_modules/primer-buttons/index.scss create mode 100644 node_modules/primer-buttons/lib/button-group.scss create mode 100644 node_modules/primer-buttons/lib/button.scss create mode 100644 node_modules/primer-buttons/package.json create mode 100644 node_modules/primer-cards/LICENSE create mode 100644 node_modules/primer-cards/README.md create mode 100644 node_modules/primer-cards/build/build.css create mode 100644 node_modules/primer-cards/build/index.js create mode 100644 node_modules/primer-cards/index.scss create mode 100644 node_modules/primer-cards/lib/cards.scss create mode 100644 node_modules/primer-cards/package.json create mode 100644 node_modules/primer-core/LICENSE create mode 100644 node_modules/primer-core/README.md create mode 100644 node_modules/primer-core/build/build.css create mode 100644 node_modules/primer-core/build/index.js create mode 100644 node_modules/primer-core/index.scss create mode 100644 node_modules/primer-core/package.json create mode 100644 node_modules/primer-css/CHANGELOG.md create mode 100644 node_modules/primer-css/LICENSE create mode 100644 node_modules/primer-css/README.md create mode 100644 node_modules/primer-css/build/build.css create mode 100644 node_modules/primer-css/build/index.js create mode 100644 node_modules/primer-css/index.scss create mode 100644 node_modules/primer-css/package.json create mode 100644 node_modules/primer-forms/LICENSE create mode 100644 node_modules/primer-forms/README.md create mode 100644 node_modules/primer-forms/build/build.css create mode 100644 node_modules/primer-forms/build/index.js create mode 100644 node_modules/primer-forms/index.scss create mode 100644 node_modules/primer-forms/lib/form-control.scss create mode 100644 node_modules/primer-forms/lib/form-group.scss create mode 100644 node_modules/primer-forms/lib/form-select.scss create mode 100644 node_modules/primer-forms/lib/form-validation.scss create mode 100644 node_modules/primer-forms/package.json create mode 100644 node_modules/primer-labels/LICENSE create mode 100644 node_modules/primer-labels/README.md create mode 100644 node_modules/primer-labels/build/build.css create mode 100644 node_modules/primer-labels/build/index.js create mode 100644 node_modules/primer-labels/index.scss create mode 100644 node_modules/primer-labels/lib/counters.scss create mode 100644 node_modules/primer-labels/lib/labels.scss create mode 100644 node_modules/primer-labels/lib/states.scss create mode 100644 node_modules/primer-labels/package.json create mode 100644 node_modules/primer-layout/LICENSE create mode 100644 node_modules/primer-layout/README.md create mode 100644 node_modules/primer-layout/build/build.css create mode 100644 node_modules/primer-layout/build/index.js create mode 100644 node_modules/primer-layout/docs/grid.md create mode 100644 node_modules/primer-layout/index.scss create mode 100644 node_modules/primer-layout/lib/columns.scss create mode 100644 node_modules/primer-layout/lib/container.scss create mode 100644 node_modules/primer-layout/lib/grid-offset.scss create mode 100644 node_modules/primer-layout/lib/grid.scss create mode 100644 node_modules/primer-layout/package.json create mode 100644 node_modules/primer-markdown/LICENSE create mode 100644 node_modules/primer-markdown/README.md create mode 100644 node_modules/primer-markdown/build/build.css create mode 100644 node_modules/primer-markdown/build/index.js create mode 100644 node_modules/primer-markdown/index.scss create mode 100644 node_modules/primer-markdown/lib/blob-csv.scss create mode 100644 node_modules/primer-markdown/lib/code.scss create mode 100644 node_modules/primer-markdown/lib/headings.scss create mode 100644 node_modules/primer-markdown/lib/images.scss create mode 100644 node_modules/primer-markdown/lib/lists.scss create mode 100644 node_modules/primer-markdown/lib/markdown-body.scss create mode 100644 node_modules/primer-markdown/lib/tables.scss create mode 100644 node_modules/primer-markdown/package.json create mode 100644 node_modules/primer-marketing-support/LICENSE create mode 100644 node_modules/primer-marketing-support/README.md create mode 100644 node_modules/primer-marketing-support/index.scss create mode 100644 node_modules/primer-marketing-support/lib/variables.scss create mode 100644 node_modules/primer-marketing-support/package.json create mode 100644 node_modules/primer-marketing-type/LICENSE create mode 100644 node_modules/primer-marketing-type/README.md create mode 100644 node_modules/primer-marketing-type/build/build.css create mode 100644 node_modules/primer-marketing-type/build/index.js create mode 100644 node_modules/primer-marketing-type/index.scss create mode 100644 node_modules/primer-marketing-type/lib/typography.scss create mode 100644 node_modules/primer-marketing-type/package.json create mode 100644 node_modules/primer-marketing-utilities/LICENSE create mode 100644 node_modules/primer-marketing-utilities/README.md create mode 100644 node_modules/primer-marketing-utilities/build/build.css create mode 100644 node_modules/primer-marketing-utilities/build/index.js create mode 100644 node_modules/primer-marketing-utilities/docs/borders.md create mode 100644 node_modules/primer-marketing-utilities/docs/filters.md create mode 100644 node_modules/primer-marketing-utilities/index.scss create mode 100644 node_modules/primer-marketing-utilities/lib/borders.scss create mode 100644 node_modules/primer-marketing-utilities/lib/filters.scss create mode 100644 node_modules/primer-marketing-utilities/package.json create mode 100755 node_modules/primer-marketing/LICENSE create mode 100755 node_modules/primer-marketing/README.md create mode 100644 node_modules/primer-marketing/build/build.css create mode 100644 node_modules/primer-marketing/build/index.js create mode 100755 node_modules/primer-marketing/index.scss create mode 100644 node_modules/primer-marketing/package.json create mode 100644 node_modules/primer-navigation/LICENSE create mode 100644 node_modules/primer-navigation/README.md create mode 100644 node_modules/primer-navigation/build/build.css create mode 100644 node_modules/primer-navigation/build/index.js create mode 100644 node_modules/primer-navigation/index.scss create mode 100644 node_modules/primer-navigation/lib/filter-list.scss create mode 100644 node_modules/primer-navigation/lib/menu.scss create mode 100644 node_modules/primer-navigation/lib/subnav.scss create mode 100644 node_modules/primer-navigation/lib/tabnav.scss create mode 100644 node_modules/primer-navigation/package.json create mode 100644 node_modules/primer-page-headers/LICENSE create mode 100644 node_modules/primer-page-headers/README.md create mode 100644 node_modules/primer-page-headers/build/build.css create mode 100644 node_modules/primer-page-headers/build/index.js create mode 100644 node_modules/primer-page-headers/index.scss create mode 100644 node_modules/primer-page-headers/lib/headers.scss create mode 100644 node_modules/primer-page-headers/package.json create mode 100644 node_modules/primer-page-sections/LICENSE create mode 100644 node_modules/primer-page-sections/README.md create mode 100644 node_modules/primer-page-sections/build/build.css create mode 100644 node_modules/primer-page-sections/build/index.js create mode 100644 node_modules/primer-page-sections/index.scss create mode 100644 node_modules/primer-page-sections/lib/page-section.scss create mode 100644 node_modules/primer-page-sections/package.json create mode 100644 node_modules/primer-product/LICENSE create mode 100644 node_modules/primer-product/README.md create mode 100644 node_modules/primer-product/build/build.css create mode 100644 node_modules/primer-product/build/index.js create mode 100644 node_modules/primer-product/index.scss create mode 100644 node_modules/primer-product/package.json create mode 100644 node_modules/primer-support/LICENSE create mode 100644 node_modules/primer-support/README.md create mode 100644 node_modules/primer-support/docs/breakpoints.md create mode 100644 node_modules/primer-support/docs/color-system.md create mode 100644 node_modules/primer-support/docs/spacing.md create mode 100644 node_modules/primer-support/docs/typography.md create mode 100644 node_modules/primer-support/index.scss create mode 100644 node_modules/primer-support/lib/mixins/buttons.scss create mode 100644 node_modules/primer-support/lib/mixins/layout.scss create mode 100644 node_modules/primer-support/lib/mixins/misc.scss create mode 100644 node_modules/primer-support/lib/mixins/typography.scss create mode 100644 node_modules/primer-support/lib/variables/color-system.scss create mode 100644 node_modules/primer-support/lib/variables/colors.scss create mode 100644 node_modules/primer-support/lib/variables/layout.scss create mode 100644 node_modules/primer-support/lib/variables/misc.scss create mode 100644 node_modules/primer-support/lib/variables/typography.scss create mode 100644 node_modules/primer-support/package.json create mode 100644 node_modules/primer-table-object/LICENSE create mode 100644 node_modules/primer-table-object/README.md create mode 100644 node_modules/primer-table-object/build/build.css create mode 100644 node_modules/primer-table-object/build/index.js create mode 100644 node_modules/primer-table-object/index.scss create mode 100644 node_modules/primer-table-object/lib/table-object.scss create mode 100644 node_modules/primer-table-object/package.json create mode 100644 node_modules/primer-tables/LICENSE create mode 100644 node_modules/primer-tables/README.md create mode 100644 node_modules/primer-tables/build/build.css create mode 100644 node_modules/primer-tables/build/index.js create mode 100644 node_modules/primer-tables/index.scss create mode 100644 node_modules/primer-tables/lib/tables.scss create mode 100644 node_modules/primer-tables/package.json create mode 100644 node_modules/primer-tooltips/LICENSE create mode 100644 node_modules/primer-tooltips/README.md create mode 100644 node_modules/primer-tooltips/build/build.css create mode 100644 node_modules/primer-tooltips/build/index.js create mode 100644 node_modules/primer-tooltips/index.scss create mode 100644 node_modules/primer-tooltips/lib/tooltips.scss create mode 100644 node_modules/primer-tooltips/package.json create mode 100644 node_modules/primer-truncate/LICENSE create mode 100644 node_modules/primer-truncate/README.md create mode 100644 node_modules/primer-truncate/build/build.css create mode 100644 node_modules/primer-truncate/build/index.js create mode 100644 node_modules/primer-truncate/index.scss create mode 100644 node_modules/primer-truncate/lib/truncate.scss create mode 100644 node_modules/primer-truncate/package.json create mode 100644 node_modules/primer-utilities/LICENSE create mode 100644 node_modules/primer-utilities/README.md create mode 100644 node_modules/primer-utilities/build/build.css create mode 100644 node_modules/primer-utilities/build/index.js create mode 100644 node_modules/primer-utilities/docs/animations.md create mode 100644 node_modules/primer-utilities/docs/borders.md create mode 100644 node_modules/primer-utilities/docs/box-shadow.md create mode 100644 node_modules/primer-utilities/docs/colors.md create mode 100644 node_modules/primer-utilities/docs/flexbox.md create mode 100644 node_modules/primer-utilities/docs/layout.md create mode 100644 node_modules/primer-utilities/docs/margin.md create mode 100644 node_modules/primer-utilities/docs/padding.md create mode 100644 node_modules/primer-utilities/docs/typography.md create mode 100644 node_modules/primer-utilities/index.scss create mode 100644 node_modules/primer-utilities/lib/animations.scss create mode 100644 node_modules/primer-utilities/lib/borders.scss create mode 100644 node_modules/primer-utilities/lib/box-shadow.scss create mode 100644 node_modules/primer-utilities/lib/colors.scss create mode 100644 node_modules/primer-utilities/lib/flexbox.scss create mode 100644 node_modules/primer-utilities/lib/layout.scss create mode 100644 node_modules/primer-utilities/lib/margin.scss create mode 100644 node_modules/primer-utilities/lib/padding.scss create mode 100644 node_modules/primer-utilities/lib/typography.scss create mode 100644 node_modules/primer-utilities/lib/visibility-display.scss create mode 100644 node_modules/primer-utilities/package.json create mode 100644 package.json diff --git a/node_modules/primer-alerts/LICENSE b/node_modules/primer-alerts/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-alerts/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-alerts/README.md b/node_modules/primer-alerts/README.md new file mode 100644 index 000000000..a2688aa80 --- /dev/null +++ b/node_modules/primer-alerts/README.md @@ -0,0 +1,151 @@ +# Primer CSS Alerts + +[![npm version](http://img.shields.io/npm/v/primer-alerts.svg)](https://www.npmjs.org/package/primer-alerts) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-alerts` with this command. + +``` +$ npm install --save primer-alerts +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-alerts/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don't show more than one at a time. + +## Default + +Flash messages start off looking decently neutral—they're just light blue rounded rectangles. + +```html +
+ Flash message goes here. +
+``` + +You can put multiple paragraphs of text in a flash message—the last paragraph's bottom `margin` will be automatically override. + +```html +
+

This is a longer flash message in it's own paragraph. It ends up looking something like this. If we keep adding more text, it'll eventually wrap to a new line.

+

And this is another paragraph.

+
+``` + +Should the need arise, you can quickly space out your flash message from surrounding content with a `.flash-messages` wrapper. *Note the extra top and bottom margin in the example below.* + +```html +
+
+ Flash message goes here. +
+
+``` + +## Variations + +Add `.flash-warn`, `.flash-error`, or `.flash-success` to the flash message to make it yellow, red, or green, respectively. + +```html +
+ Flash message goes here. +
+``` + +```html +
+ Flash message goes here. +
+``` + +```html +
+ Flash message goes here. +
+``` + +## With icon + +Add an icon to the left of the flash message to give it some funky fresh attention. + +```html +
+ <%= octicon "alert" %> + Flash message with an icon goes here. +
+``` + +## With dismiss + +Add a JavaScript enabled (via Crema) dismiss (close) icon on the right of any flash message. + +```html +
+ + Dismissable flash message goes here. +
+``` + +## With action button + +A flash message with an action button. + +```html +
+ + Flash message with action here. +
+``` + +## Full width flash + +A flash message that is full width and removes border and border radius. + +```html +
+
+ Full width flash message. +
+
+``` + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-alerts/build/build.css b/node_modules/primer-alerts/build/build.css new file mode 100644 index 000000000..90ff737c2 --- /dev/null +++ b/node_modules/primer-alerts/build/build.css @@ -0,0 +1 @@ +.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd} diff --git a/node_modules/primer-alerts/build/index.js b/node_modules/primer-alerts/build/index.js new file mode 100644 index 000000000..6aeaca4b0 --- /dev/null +++ b/node_modules/primer-alerts/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":891,"gzipSize":401,"humanizedSize":"891B","humanizedGzipSize":"401B","rules":{"total":11,"size":{"graph":[6,1,1,12,1,3,3,3,3,3,4],"max":12,"average":3.6363636363636362}},"selectors":{"total":11,"type":1,"class":11,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".flash",".flash p:last-child",".flash-messages",".flash-close",".flash-close:hover",".flash-action",".flash-warn",".flash-error",".flash-success",".flash-full",".warning"],"specificity":{"max":21,"average":11.909090909090908}},"declarations":{"total":40,"unique":35,"properties":{"position":["relative"],"padding":["16px","16px","0.5em"],"color":["#032f62","inherit","#735c0f","#86181d","#165c26"],"background-color":["#dbedff","#fffbdd","#ffdce0","#dcffe4","#fffbdd"],"border":["1px solid rgba(27,31,35,0.15)","0"],"border-radius":["3px","0"],"margin-bottom":["0","24px","0.8em"],"float":["right","right"],"margin":["-16px"],"text-align":["center"],"cursor":["pointer"],"background":["none"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"opacity":["0.6","1"],"margin-top":["-3px","-1px"],"margin-left":["24px"],"border-color":["rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)"],"border-width":["1px 0"],"font-weight":["600"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-alerts/index.scss b/node_modules/primer-alerts/index.scss new file mode 100644 index 000000000..6f60ab332 --- /dev/null +++ b/node_modules/primer-alerts/index.scss @@ -0,0 +1,3 @@ +// support files +@import "primer-support/index.scss"; +@import "./lib/flash.scss"; diff --git a/node_modules/primer-alerts/lib/flash.scss b/node_modules/primer-alerts/lib/flash.scss new file mode 100644 index 000000000..6c20f64c9 --- /dev/null +++ b/node_modules/primer-alerts/lib/flash.scss @@ -0,0 +1,80 @@ +// Default flash +// stylelint-disable selector-max-type +.flash { + position: relative; + padding: $spacer-3; + color: $blue-800; + background-color: $blue-100; + border: 1px solid $border-black-fade; + border-radius: 3px; + + p:last-child { + margin-bottom: 0; + } +} + +// Contain the flash messages +.flash-messages { + margin-bottom: $spacer-4; +} + +// Close button +.flash-close { + float: right; + padding: $spacer-3; + margin: -$spacer-3; + color: inherit; + text-align: center; + cursor: pointer; + // Undo `\n Dismissable flash message goes here.\n\n```\n\n## With action button\n\nA flash message with an action button.\n\n```html\n
\n \n Flash message with action here.\n
\n```\n\n## Full width flash\n\nA flash message that is full width and removes border and border radius.\n\n```html\n
\n
\n Full width flash message.\n
\n
\n```\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-alerts" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.4.0" +} diff --git a/node_modules/primer-avatars/LICENSE b/node_modules/primer-avatars/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-avatars/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-avatars/README.md b/node_modules/primer-avatars/README.md new file mode 100644 index 000000000..d818dbcac --- /dev/null +++ b/node_modules/primer-avatars/README.md @@ -0,0 +1,153 @@ +# Primer CSS Avatars + +[![npm version](http://img.shields.io/npm/v/primer-avatars.svg)](https://www.npmjs.org/package/primer-avatars) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Avatars are images that users can set as their profile picture. On GitHub, they’re always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-avatars` with this command. + +``` +$ npm install --save primer-avatars +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-avatars/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Avatars are images that users can set as their profile picture. On GitHub, they're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder. + +{:toc} + +## Basic example + +Add `.avatar` to any `` element to make it an avatar. This resets some key styles for alignment, address a Firefox image placeholder bug, and rounds the corners. + +Be sure to set `width` and `height` attributes for maximum browser performance. + +```html +jonrohan +``` + +### Small avatars + +We occasionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level. + +```html +jonrohan +``` + +### Parent-child avatars + +When you need a larger parent avatar, and a smaller child one, overlaid slightly, use the parent-child classes. + +```html +
+ jonrohan + josh +
+``` + +### Avatar stack + +Stacked avatars can be used to show who is participating in thread when there is limited space available. When you hover over the stack, the avatars will reveal themselves. Optimally, you should put no more than 3 avatars in the stack. + +```html + + @jonrohan + @aaronshekey + @josh + +``` + +## Circle Badge + +`.CircleBadge` allows for the display of badge-like icons or logos. They are used mostly with Octicons or partner integration icons. + +`.CircleBadge` should have an `aria-label`, `title` (for a link), or an `alt` (for child `img` elements) attribute specified if there is no text-based alternative to describe it. If there is a text-based alternative or the icon has no semantic value, `aria-hidden="true"` or an empty `alt` attribute may be used. + +### Small + +```html + + " class="CircleBadge-icon" alt=""> + + + <%= octicon "zap", :class => "CircleBadge-icon text-white" %> + +``` + +### Medium + +```html +
+ " alt="Travis CI" class="CircleBadge-icon"> +
+``` + +### Large + +```html +
+ " alt="Travis CI" class="CircleBadge-icon"> +
+``` + +### Dashed connection + +For specific cases where two badges or more need to be shown as related or connected (such as integrations or specific product workflows), a `DashedConnection` class was created. Use utility classes to ensure badges are spaced correctly. + +```html +
+ +
+``` + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-avatars/build/build.css b/node_modules/primer-avatars/build/build.css new file mode 100644 index 000000000..9cb8985db --- /dev/null +++ b/node_modules/primer-avatars/build/build.css @@ -0,0 +1 @@ +.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.avatar-stack{display:inline-block;white-space:nowrap}.avatar-stack .avatar{position:relative;z-index:2;display:inline-block;width:20px;height:20px;box-sizing:content-box;margin-right:-15px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.avatar-stack .avatar:only-child{background-color:transparent}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:last-child{z-index:1;margin-right:0;border-right:0}.avatar-stack:hover .avatar{margin-right:3px}.avatar-stack:hover .avatar:last-child{margin-right:0}.CircleBadge{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative} diff --git a/node_modules/primer-avatars/build/index.js b/node_modules/primer-avatars/build/index.js new file mode 100644 index 000000000..2bf8ad333 --- /dev/null +++ b/node_modules/primer-avatars/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":1618,"gzipSize":620,"humanizedSize":"2kB","humanizedGzipSize":"620B","rules":{"total":21,"size":{"graph":[5,1,2,2,1,6,2,11,1,1,3,1,1,9,3,2,2,2,1,6,1],"max":11,"average":3}},"selectors":{"total":21,"type":0,"class":21,"id":0,"pseudoClass":5,"pseudoElement":1,"values":[".avatar",".avatar-small",".avatar-link",".avatar-group-item",".avatar-parent-child",".avatar-child",".avatar-stack",".avatar-stack .avatar",".avatar-stack .avatar:only-child",".avatar-stack .avatar:first-child",".avatar-stack .avatar:last-child",".avatar-stack:hover .avatar",".avatar-stack:hover .avatar:last-child",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge"],"specificity":{"max":40,"average":16.238095238095237}},"declarations":{"total":63,"unique":50,"properties":{"display":["inline-block","inline-block","inline-block","inline-block","-webkit-box","flex"],"overflow":["hidden"],"line-height":["1","1"],"vertical-align":["middle"],"border-radius":["3px","2px","2px","2px","50%"],"float":["left"],"margin-bottom":["3px"],"position":["relative","absolute","relative","relative","absolute","relative"],"right":["-15%"],"bottom":["-9%"],"background-color":["#fff","#fff","transparent","#fff"],"box-shadow":["-2px -2px 0 rgba(255,255,255,0.8)","0 1px 5px rgba(27,31,35,0.15)"],"white-space":["nowrap"],"z-index":["2","3","1"],"width":["20px","56px","96px","128px","100%"],"height":["20px","auto","56px","96px","128px"],"box-sizing":["content-box"],"margin-right":["-15px","0","3px","0"],"border-right":["1px solid #fff","0"],"transition":["margin 0.1s ease-in-out"],"-webkit-box-align":["center"],"align-items":["center"],"-webkit-box-pack":["center"],"justify-content":["center"],"max-width":["60%"],"max-height":["55%"],"top":["50%"],"left":["0"],"content":["\"\""],"border-bottom":["2px dashed #e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-avatars/index.scss b/node_modules/primer-avatars/index.scss new file mode 100644 index 000000000..f6b017c80 --- /dev/null +++ b/node_modules/primer-avatars/index.scss @@ -0,0 +1,7 @@ +@import "primer-support/index.scss"; + +// Avatars +@import "./lib/avatar.scss"; +@import "./lib/avatar-parent-child.scss"; +@import "./lib/avatar-stack.scss"; +@import "./lib/circle-badge.scss"; diff --git a/node_modules/primer-avatars/lib/avatar-parent-child.scss b/node_modules/primer-avatars/lib/avatar-parent-child.scss new file mode 100644 index 000000000..df9583fab --- /dev/null +++ b/node_modules/primer-avatars/lib/avatar-parent-child.scss @@ -0,0 +1,16 @@ +// .avatar-parent-child is when you see a small avatar at the bottom right +// corner of a larger avatar. +// +// No Styleguide version +.avatar-parent-child { + position: relative; +} + +.avatar-child { + position: absolute; + right: -15%; + bottom: -9%; + background-color: $bg-white; // For transparent backgrounds + border-radius: 2px; + box-shadow: -2px -2px 0 rgba($white, 0.8); +} diff --git a/node_modules/primer-avatars/lib/avatar-stack.scss b/node_modules/primer-avatars/lib/avatar-stack.scss new file mode 100644 index 000000000..884f6a528 --- /dev/null +++ b/node_modules/primer-avatars/lib/avatar-stack.scss @@ -0,0 +1,45 @@ +// Stacked avatars can be used to show who is participating in thread when +// there is limited space available. +// +// No styleguide references +.avatar-stack { + display: inline-block; + white-space: nowrap; + + .avatar { + position: relative; + z-index: 2; + display: inline-block; + width: 20px; + height: 20px; + box-sizing: content-box; + margin-right: -15px; + background-color: $bg-white; + border-right: 1px solid $white; + border-radius: 2px; + transition: margin 0.1s ease-in-out; + + &:only-child { + background-color: transparent; + } + + &:first-child { + z-index: 3; + } + + &:last-child { + z-index: 1; + margin-right: 0; + border-right: 0; + } + } + + // When more than one avatar, margin-left will animate from -15 to 2, and reveal the stack + &:hover .avatar { + margin-right: 3px; + + &:last-child { + margin-right: 0; + } + } +} diff --git a/node_modules/primer-avatars/lib/avatar.scss b/node_modules/primer-avatars/lib/avatar.scss new file mode 100644 index 000000000..959c3992f --- /dev/null +++ b/node_modules/primer-avatars/lib/avatar.scss @@ -0,0 +1,20 @@ +.avatar { + display: inline-block; + overflow: hidden; // Ensure page layout in Firefox should images fail to load + line-height: $lh-condensed-ultra; + vertical-align: middle; + border-radius: 3px; +} + +.avatar-small { border-radius: 2px; } + +.avatar-link { + float: left; + line-height: $lh-condensed-ultra; +} + +// User for example on /stars and /user for grids of avatars +.avatar-group-item { + display: inline-block; + margin-bottom: 3px; +} diff --git a/node_modules/primer-avatars/lib/circle-badge.scss b/node_modules/primer-avatars/lib/circle-badge.scss new file mode 100644 index 000000000..c27ec22e8 --- /dev/null +++ b/node_modules/primer-avatars/lib/circle-badge.scss @@ -0,0 +1,54 @@ +// Circle badge icon with drop shadow for icons and logos + +.CircleBadge { + display: flex; + align-items: center; + justify-content: center; + background-color: $white; + border-radius: 50%; + box-shadow: $box-shadow-medium; +} + +.CircleBadge-icon { + max-width: 60% !important; + height: auto !important; + max-height: 55% !important; +} + +// Small badge +.CircleBadge--small { + width: 56px; + height: 56px; +} + +// Medium badge +.CircleBadge--medium { + width: 96px; + height: 96px; +} + +// Large badge +.CircleBadge--large { + width: 128px; + height: 128px; +} + +// Dashed line that connects badges.. +// Wrap around 2 or more badges to create a horizonal line: + +.DashedConnection { + position: relative; + + &::before { + position: absolute; + top: 50%; + left: 0; + width: 100%; + content: ""; + border-bottom: 2px dashed $border-gray; + } + + .CircleBadge { + position: relative; + } +} diff --git a/node_modules/primer-avatars/package.json b/node_modules/primer-avatars/package.json new file mode 100644 index 000000000..2eb49a12c --- /dev/null +++ b/node_modules/primer-avatars/package.json @@ -0,0 +1,142 @@ +{ + "_args": [ + [ + { + "raw": "primer-avatars@1.3.0", + "scope": null, + "escapedName": "primer-avatars", + "name": "primer-avatars", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-avatars@1.3.0", + "_id": "primer-avatars@1.3.0", + "_inCache": true, + "_location": "/primer-avatars", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-avatars-1.3.0.tgz_1502924180940_0.6745329187251627" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-avatars@1.3.0", + "scope": null, + "escapedName": "primer-avatars", + "name": "primer-avatars", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-product" + ], + "_resolved": "https://registry.npmjs.org/primer-avatars/-/primer-avatars-1.3.0.tgz", + "_shasum": "8e6ff727046839f05cb4efe6de096c1d32cca252", + "_shrinkwrap": null, + "_spec": "primer-avatars@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Basic styles for user profile avatars.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "8e6ff727046839f05cb4efe6de096c1d32cca252", + "tarball": "https://registry.npmjs.org/primer-avatars/-/primer-avatars-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "avatars", + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-avatars", + "optionalDependencies": {}, + "primer": { + "category": "product", + "module_type": "components" + }, + "readme": "# Primer CSS Avatars\n\n[![npm version](http://img.shields.io/npm/v/primer-avatars.svg)](https://www.npmjs.org/package/primer-avatars)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Avatars are images that users can set as their profile picture. On GitHub, they’re always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-avatars` with this command.\n\n```\n$ npm install --save primer-avatars\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-avatars/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nAvatars are images that users can set as their profile picture. On GitHub, they're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.\n\n{:toc}\n\n## Basic example\n\nAdd `.avatar` to any `` element to make it an avatar. This resets some key styles for alignment, address a Firefox image placeholder bug, and rounds the corners.\n\nBe sure to set `width` and `height` attributes for maximum browser performance.\n\n```html\n\"jonrohan\"\n```\n\n### Small avatars\n\nWe occasionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level.\n\n```html\n\"jonrohan\"\n```\n\n### Parent-child avatars\n\nWhen you need a larger parent avatar, and a smaller child one, overlaid slightly, use the parent-child classes.\n\n```html\n
\n \"jonrohan\"\n \"josh\"\n
\n```\n\n### Avatar stack\n\nStacked avatars can be used to show who is participating in thread when there is limited space available. When you hover over the stack, the avatars will reveal themselves. Optimally, you should put no more than 3 avatars in the stack.\n\n```html\n\n \"@jonrohan\"\n \"@aaronshekey\"\n \"@josh\"\n\n```\n\n## Circle Badge\n\n`.CircleBadge` allows for the display of badge-like icons or logos. They are used mostly with Octicons or partner integration icons.\n\n`.CircleBadge` should have an `aria-label`, `title` (for a link), or an `alt` (for child `img` elements) attribute specified if there is no text-based alternative to describe it. If there is a text-based alternative or the icon has no semantic value, `aria-hidden=\"true\"` or an empty `alt` attribute may be used.\n\n### Small\n\n```html\n\n \" class=\"CircleBadge-icon\" alt=\"\">\n\n\n <%= octicon \"zap\", :class => \"CircleBadge-icon text-white\" %>\n\n```\n\n### Medium\n\n```html\n
\n \" alt=\"Travis CI\" class=\"CircleBadge-icon\">\n
\n```\n\n### Large\n\n```html\n
\n \" alt=\"Travis CI\" class=\"CircleBadge-icon\">\n
\n```\n\n### Dashed connection\n\nFor specific cases where two badges or more need to be shown as related or connected (such as integrations or specific product workflows), a `DashedConnection` class was created. Use utility classes to ensure badges are spaced correctly.\n\n```html\n
\n \n
\n```\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-avatars" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-base/LICENSE b/node_modules/primer-base/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-base/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-base/README.md b/node_modules/primer-base/README.md new file mode 100644 index 000000000..2288512df --- /dev/null +++ b/node_modules/primer-base/README.md @@ -0,0 +1,48 @@ +# Primer CSS Base + +[![npm version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css + +This repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/) + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-base` with this command. + +``` +$ npm install --save primer-base +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-base/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about base in the [docs][docs]. + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-base/build/build.css b/node_modules/primer-base/build/build.css new file mode 100644 index 000000000..2c55996d3 --- /dev/null +++ b/node_modules/primer-base/build/build.css @@ -0,0 +1 @@ +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom} diff --git a/node_modules/primer-base/build/index.js b/node_modules/primer-base/build/index.js new file mode 100644 index 000000000..4088d2b32 --- /dev/null +++ b/node_modules/primer-base/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":3790,"gzipSize":1481,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":70,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1],"max":6,"average":1.8142857142857143}},"selectors":{"total":127,"type":104,"class":4,"id":0,"pseudoClass":5,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.4488188976377954}},"declarations":{"total":127,"unique":91,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px"],"color":["#000","inherit","inherit","#24292e","#0366d6"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-base/index.scss b/node_modules/primer-base/index.scss new file mode 100644 index 000000000..2ce815d11 --- /dev/null +++ b/node_modules/primer-base/index.scss @@ -0,0 +1,5 @@ +@import "primer-support/index.scss"; + +@import "./lib/normalize.scss"; +@import "./lib/base.scss"; +@import "./lib/typography-base.scss"; diff --git a/node_modules/primer-base/lib/base.scss b/node_modules/primer-base/lib/base.scss new file mode 100644 index 000000000..88213a74a --- /dev/null +++ b/node_modules/primer-base/lib/base.scss @@ -0,0 +1,67 @@ +// stylelint-disable selector-max-type +* { + box-sizing: border-box; +} + +input, +select, +textarea, +button { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +body { + font-family: $body-font; + font-size: $body-font-size; + line-height: $body-line-height; + color: $text-gray-dark; + background-color: $bg-white; +} + +a { + color: $text-blue; + text-decoration: none; + + &:hover { + text-decoration: underline; + } +} + +b, +strong { + font-weight: $font-weight-bold; +} + +// Horizontal lines +// +// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s +hr, +.rule { + height: 0; + margin: 15px 0; + overflow: hidden; + background: transparent; + border: 0; + border-bottom: 1px solid lighten($gray-300, 5%); + @include clearfix(); +} + +// +// Remove most spacing between table cells. +// + +table { + border-spacing: 0; + border-collapse: collapse; +} + +td, +th { + padding: 0; +} + +button { + cursor: pointer; +} diff --git a/node_modules/primer-base/lib/normalize.scss b/node_modules/primer-base/lib/normalize.scss new file mode 100644 index 000000000..bca298e75 --- /dev/null +++ b/node_modules/primer-base/lib/normalize.scss @@ -0,0 +1,423 @@ +// stylelint-disable +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Prevent adjustments of font size after orientation changes in IE and iOS. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + * 2. Add the correct display in IE. + */ + +article, +aside, +details, /* 1 */ +figcaption, +figure, +footer, +header, +main, /* 2 */ +menu, +nav, +section { /* 1 */ + display: block; +} + +summary { + display: list-item; +} + +/** + * Add the correct display in IE 9-. + */ + +audio, +canvas, +progress, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Add the correct display in IE 10-. + * 1. Add the correct display in IE. + */ + +template, /* 1 */ +[hidden] { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change font properties to `inherit` in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +select, +textarea { + font: inherit; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Restore the font weight unset by the previous rule. + */ + +optgroup { + font-weight: bold; +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Correct the text style of placeholders in Chrome, Edge, and Safari. + */ + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} diff --git a/node_modules/primer-base/lib/typography-base.scss b/node_modules/primer-base/lib/typography-base.scss new file mode 100644 index 000000000..091a558e4 --- /dev/null +++ b/node_modules/primer-base/lib/typography-base.scss @@ -0,0 +1,86 @@ +// Headings +// -------------------------------------------------- +// stylelint-disable selector-max-type +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0; +} + +h1 { @include h1; } +h2 { @include h2; } +h3 { @include h3; } +h4 { @include h4; } +h5 { @include h5; } +h6 { @include h6; } + +// Body text +// -------------------------------------------------- + +p { + margin-top: 0; + margin-bottom: 10px; +} + +small { + font-size: 90%; +} + +blockquote { + margin: 0; +} + +// Lists +// -------------------------------------------------- + +ul, +ol { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +ol ol, +ul ol { + list-style-type: lower-roman; +} + +ul ul ol, +ul ol ol, +ol ul ol, +ol ol ol { + list-style-type: lower-alpha; +} + +dd { + margin-left: 0; +} + +// Code +// -------------------------------------------------- + +tt, +code { + font-family: $mono-font; + font-size: $font-size-small; +} + +pre { + margin-top: 0; + margin-bottom: 0; + font-family: $mono-font; + font-size: $font-size-small; +} + +// Octicons +// -------------------------------------------------- + +// Move this over here as a temporary override to the octicons source repo +// instead of updating that upstream. +.octicon { + vertical-align: text-bottom; +} diff --git a/node_modules/primer-base/package.json b/node_modules/primer-base/package.json new file mode 100644 index 000000000..46227f77d --- /dev/null +++ b/node_modules/primer-base/package.json @@ -0,0 +1,144 @@ +{ + "_args": [ + [ + { + "raw": "primer-base@1.4.0", + "scope": null, + "escapedName": "primer-base", + "name": "primer-base", + "rawSpec": "1.4.0", + "spec": "1.4.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-base@1.4.0", + "_id": "primer-base@1.4.0", + "_inCache": true, + "_location": "/primer-base", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-base-1.4.0.tgz_1502924181070_0.8964042128063738" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-base@1.4.0", + "scope": null, + "escapedName": "primer-base", + "name": "primer-base", + "rawSpec": "1.4.0", + "spec": "1.4.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-1.4.0.tgz", + "_shasum": "2dc4900b0dec41c4277cedf896d53d29d2b2152b", + "_shrinkwrap": null, + "_spec": "primer-base@1.4.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "CSS to reset the browsers default styles", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "2dc4900b0dec41c4277cedf896d53d29d2b2152b", + "tarball": "https://registry.npmjs.org/primer-base/-/primer-base-1.4.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "base", + "reset", + "normalize" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-base", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "support" + }, + "readme": "# Primer CSS Base\n\n[![npm version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css\n\nThis repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-base` with this command.\n\n```\n$ npm install --save primer-base\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-base/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about base in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-base" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.4.0" +} diff --git a/node_modules/primer-blankslate/LICENSE b/node_modules/primer-blankslate/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-blankslate/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-blankslate/README.md b/node_modules/primer-blankslate/README.md new file mode 100644 index 000000000..d8bfaea79 --- /dev/null +++ b/node_modules/primer-blankslate/README.md @@ -0,0 +1,138 @@ +# Primer CSS Blankslate + +[![npm version](http://img.shields.io/npm/v/primer-blankslate.svg)](https://www.npmjs.org/package/primer-blankslate) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn’t there. Be sure to provide an action to add content as well. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-blankslate` with this command. + +``` +$ npm install --save primer-blankslate +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-blankslate/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn't there. Be sure to provide an action to add content as well. + +#### Basic example + +Wrap some content in the outer `.blankslate` wrapper to give it the blankslate appearance. + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +#### With Octicons + +When it helps the message, include (relevant) icons in your blank slate. Add `.blankslate-icon` to any `.mega-octicon`s as the first elements in the blankslate, like so. + +```html +
+ <%= octicon "git-commit", :height => 32, :class => "blankslate-icon" %> + <%= octicon "tag", :height => 32, :class => "blankslate-icon" %> + <%= octicon "git-branch", :height => 32, :class => "blankslate-icon" %> +

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +#### Variations + +Add an additional optional class to the `.blankslate` to change its appearance. + +##### Narrow + +Narrows the blankslate container to not occupy the entire available width. + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +##### Capped + +Removes the `border-radius` on the top corners. + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +##### Spacious + +Significantly increases the vertical padding. + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +##### Large + +Increases the size of the text in the blankslate + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + +##### No background + +Removes the `background-color` and `border`. + +```html +
+

This is a blank slate

+

Use it to provide information when no dynamic content exists.

+
+``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-blankslate/build/build.css b/node_modules/primer-blankslate/build/build.css new file mode 100644 index 000000000..822d41f9e --- /dev/null +++ b/node_modules/primer-blankslate/build/build.css @@ -0,0 +1 @@ +.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none} diff --git a/node_modules/primer-blankslate/build/index.js b/node_modules/primer-blankslate/build/index.js new file mode 100644 index 000000000..107399557 --- /dev/null +++ b/node_modules/primer-blankslate/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":653,"gzipSize":339,"humanizedSize":"653B","humanizedGzipSize":"339B","rules":{"total":9,"size":{"graph":[7,5,4,1,1,2,2,1,3],"max":7,"average":2.888888888888889}},"selectors":{"total":9,"type":3,"class":9,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".blankslate",".blankslate code",".blankslate-icon",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background"],"specificity":{"max":11,"average":10.333333333333334}},"declarations":{"total":26,"unique":25,"properties":{"position":["relative"],"padding":["32px","2px 5px 3px","80px 40px"],"text-align":["center"],"background-color":["#fafbfc"],"border":["1px solid #e1e4e8","1px solid #eaecef","0"],"border-radius":["3px","3px","0 0 3px 3px"],"box-shadow":["inset 0 0 10px rgba(27,31,35,0.05)","none"],"font-size":["14px","20px","16px"],"background":["#fff","none"],"margin-right":["4px"],"margin-bottom":["8px"],"margin-left":["4px"],"color":["#a3aab1"],"width":["485px"],"margin":["0 auto","16px 0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-blankslate/index.scss b/node_modules/primer-blankslate/index.scss new file mode 100644 index 000000000..5dbd014da --- /dev/null +++ b/node_modules/primer-blankslate/index.scss @@ -0,0 +1,3 @@ +@import "primer-support/index.scss"; + +@import "./lib/blankslate.scss"; diff --git a/node_modules/primer-blankslate/lib/blankslate.scss b/node_modules/primer-blankslate/lib/blankslate.scss new file mode 100644 index 000000000..d5cd35641 --- /dev/null +++ b/node_modules/primer-blankslate/lib/blankslate.scss @@ -0,0 +1,57 @@ +// stylelint-disable selector-max-type +.blankslate { + position: relative; + padding: $spacer-5; + text-align: center; + background-color: $gray-000; + border: 1px solid $gray-200; + border-radius: 3px; + box-shadow: inset 0 0 10px rgba($black, 0.05); + + code { + padding: 2px 5px 3px; + font-size: $h5-size; + background: $bg-white; + border: 1px solid $border-gray-light; + border-radius: 3px; + } +} + +.blankslate-icon { + margin-right: $spacer-1; + margin-bottom: $spacer-2; + margin-left: $spacer-1; + color: lighten($gray-400, 5%); +} + +.blankslate-capped { + border-radius: 0 0 3px 3px; +} + +.blankslate-spacious { + padding: ($spacer-6 * 2) $spacer-6; +} + +.blankslate-narrow { + width: 485px; + margin: 0 auto; +} + +// was .large-format +.blankslate-large { + h3 { + margin: $spacer-3 0; + font-size: $h3-size; + } + + p { + font-size: $h4-size; + } +} + +// was .clean-background +.blankslate-clean-background { + background: none; + border: 0; + box-shadow: none; +} diff --git a/node_modules/primer-blankslate/package.json b/node_modules/primer-blankslate/package.json new file mode 100644 index 000000000..dc85901c8 --- /dev/null +++ b/node_modules/primer-blankslate/package.json @@ -0,0 +1,144 @@ +{ + "_args": [ + [ + { + "raw": "primer-blankslate@1.3.0", + "scope": null, + "escapedName": "primer-blankslate", + "name": "primer-blankslate", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-blankslate@1.3.0", + "_id": "primer-blankslate@1.3.0", + "_inCache": true, + "_location": "/primer-blankslate", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-blankslate-1.3.0.tgz_1502924180814_0.1442060403060168" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-blankslate@1.3.0", + "scope": null, + "escapedName": "primer-blankslate", + "name": "primer-blankslate", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-product" + ], + "_resolved": "https://registry.npmjs.org/primer-blankslate/-/primer-blankslate-1.3.0.tgz", + "_shasum": "23cc5aa99fb2324652744c6dcf35eb2f092be9e1", + "_shrinkwrap": null, + "_spec": "primer-blankslate@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Blankslates are for when there is a lack of content within a page or section.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "23cc5aa99fb2324652744c6dcf35eb2f092be9e1", + "tarball": "https://registry.npmjs.org/primer-blankslate/-/primer-blankslate-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "blankslate", + "empty", + "content" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-blankslate", + "optionalDependencies": {}, + "primer": { + "category": "product", + "module_type": "components" + }, + "readme": "# Primer CSS Blankslate\n\n[![npm version](http://img.shields.io/npm/v/primer-blankslate.svg)](https://www.npmjs.org/package/primer-blankslate)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn’t there. Be sure to provide an action to add content as well.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-blankslate` with this command.\n\n```\n$ npm install --save primer-blankslate\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-blankslate/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nBlankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn't there. Be sure to provide an action to add content as well.\n\n#### Basic example\n\nWrap some content in the outer `.blankslate` wrapper to give it the blankslate appearance.\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n#### With Octicons\n\nWhen it helps the message, include (relevant) icons in your blank slate. Add `.blankslate-icon` to any `.mega-octicon`s as the first elements in the blankslate, like so.\n\n```html\n
\n <%= octicon \"git-commit\", :height => 32, :class => \"blankslate-icon\" %>\n <%= octicon \"tag\", :height => 32, :class => \"blankslate-icon\" %>\n <%= octicon \"git-branch\", :height => 32, :class => \"blankslate-icon\" %>\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n#### Variations\n\nAdd an additional optional class to the `.blankslate` to change its appearance.\n\n##### Narrow\n\nNarrows the blankslate container to not occupy the entire available width.\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n##### Capped\n\nRemoves the `border-radius` on the top corners.\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n##### Spacious\n\nSignificantly increases the vertical padding.\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n##### Large\n\nIncreases the size of the text in the blankslate\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n##### No background\n\nRemoves the `background-color` and `border`.\n\n```html\n
\n

This is a blank slate

\n

Use it to provide information when no dynamic content exists.

\n
\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-blankslate" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-box/LICENSE b/node_modules/primer-box/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-box/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-box/README.md b/node_modules/primer-box/README.md new file mode 100644 index 000000000..40bcb8119 --- /dev/null +++ b/node_modules/primer-box/README.md @@ -0,0 +1,597 @@ +# Primer CSS box + +[![npm version](http://img.shields.io/npm/v/primer-box.svg)](https://www.npmjs.org/package/primer-box) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-box` with this command. + +``` +$ npm install --save primer-box +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-box/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +The `.Box` component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes. + +{:toc} + +## Box + +A `.Box` is a container with a a white background ,a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below. + +```html +
+ This is a box. +
+``` + +## Box elements +Box elements include `Box-header`, `Box-body`, and `Box-footer`. These elements include borders and consistent padding. Optionally, you can include use `Box-title` which applies a bold font-weight the heading. + +```html +
+
+

+ Box title +

+
+
+ Box body +
+ +
+``` + +### Box row + +Use `Box-row` to add rows with borders and maintain the same padding. Box rows have a lighter border to give contrast between the header and footer. + +**Note:** Box rows have some reliance on markup structure in order to target the first and last rows, therefore using an unordered list is recommended. See [box row markup structure](#box-row-markup-structure) for more information. + +```html +
+ +
+``` + + +Rows can be used with or without `Box-header`, `Box-footer`, or `Box-body`. + +```html +
+
+ Box header +
+
+ Box body +
+ + +
+``` + +### Box row markup structure +Box rows have some reliance on markup structure in order to target the first and last rows. Box rows are given a top border that is lighter in color than other box elements so the first row is targeted to apply a darker border color. An inner border-radius is applied to the first and last rows that that row corners don't poke outside the `Box`, this can be particularly noticeable when using a highlight on box rows. + +Using an unordered list is recommended in order to target the first and last rows, however, if you need to use a `
` for your rows, you may want to place your rows inside a parent `
` so that the first and last rows are styled appropriately. + +```html +
+
+ Box header +
+ +
+
Box row using a div
+
Box row using a div
+
+
+``` + +## Box padding density +You can changed the padding density of the box component. + +Use `Box--condensed` to apply a more condensed line-height and reduce the padding on the Y axis. + +```html +
+
+

+ Box title +

+
+
+ Box body +
+
    +
  • + Box row one +
  • +
  • + Box row two +
  • +
+ +
+``` + +Use `Box--spacious` to increase padding and increase the title font size. + +You may want to increase the overall font size to work with the larger padding, in this example the default body font size is increased to 16px using the `f4` typography utility. + +```html +
+
+

+ Box title +

+
+
+ Box body +
+
    +
  • + Box row one +
  • +
  • + Box row two +
  • +
+ +
+``` + +## Blue box theme +Use `Box--blue` to style the box borders and box header in blue. + +```html +
+
+ Box header +
+
    +
  • + Box row one +
  • +
  • + Box row two +
  • +
+ +
+``` + +## Blue box header theme + +Use `Box-header--blue` to add to change the header border and background to blue. + +```html +
+
+

Box with blue header

+
+
+ Box body +
+
+``` + +## Box danger theme + +Use `Box--danger` to apply a red border to the outside of the box. This theme is helpful for communicating destructive actions. + +**Note:** `Box-danger` only works with either `Box-row`'s or `Box-body`. + +```html +
+
+ Row one +
+
+ Row two +
+
+``` + +`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information. + +```html +
+

Danger zone

+
+ +
+
+ Box body +
+
+``` + +## Row themes +You can change the background color for individual rows, or change the color on hover or navigation focus. + + +```html +
+
+ .Box-row--gray +
+
+ .Box-row--hover-gray +
+
+ .Box-row--yellow +
+
+ .Box-row--hover-blue +
+
+ .Box-row--blue +
+
+``` + +Use `Box-row--focus-gray` or `Box-row--focus-blue` when using along-side `navigation-focus` if you want to highlight rows when using keyboard commands. + +```html +
+ +
+ .Box-row--focus-gray +
+ +
+ .Box-row--focus-blue +
+
+``` + +### Box row unread +Use `.Box-row-unread` to apply a blue vertical line highlight for indicating a row contains unread items. + +```html +
+
+ Box row +
+
+ Box row unread +
+
+ Box row +
+
+``` + +### Box row link +Use .`Box-row-link` when you want a link to appear dark gray and blue on hover on desktop, and remain a blue link on mobile. This is useful to indicate links on mobile without having hover styles. + +```html +
+ +
+``` + +## Dashed border +Use the `border-dashed` utility to apply a dashed border to a box. + +```html +
+ A box with a dashed border +
+``` + +## Boxes with flash alerts +Use `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`. + +Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information. + +```html +
+
+ Box header +
+
+ + Flash message with close button. +
+
+ <%= octicon("check") %> Flash success with an icon. +
+
+ <%= octicon("alert") %> Flash warning with an icon. +
+
+ Flash error inside a Box. +
+
+ Box body +
+
+``` + +## Boxes with icons +Use `Box-btn-octicon` with `btn-octicon` when you want the icon to maintain the same padding as other box elements. This selector offsets margin to ensure it lines up on the left and right sides of the box so you may need to add padding neighboring elements. + +```html +
+
+ Box body + +
+
+``` + +It's common to want to float icons to the far left or right and stop the `Box-title`from wrapping underneath. To do this you'll need to create a media object with utilities. Add `clearfix` to the surrounding div (this could be the header, body, or rows), add `overflow-hidden` to the title (or other text element), and float the icons as desired. + +```html +
+
+ +

A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right

+
+
+ Box body +
+
+``` + +```html +
+
+ +

A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left

+
+
+``` + +## Box headers with counters +Use a counter with a background that works against the contrast of the box header. The default counter colors do not stand out well against the header background so we suggest using one of the following styles: + +Use `Counter--gray` for a counter with a gray background and dark gray text. + +```html +
+
+

+ Box title + 12 +

+
+
+ Box body +
+
+``` + +Use `Counter--gray-dark` for a counter with a dark gray background and white text. + +```html +
+
+

+ Box title + 12 +

+
+
+ Box body +
+
+``` + +## Form elements and buttons in boxes +To achieve different layouts when adding buttons or form elements to boxes we suggest you use utilities to achieve the layout you want. Here's some common examples: + +Use [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right. + +```html +
+
+

+ Box title +

+ +
+
+ Box body +
+
+``` + +A similar approach can be used for buttons with multiple lines of text within a row. + +```html +
+
+
+ Row title +
+ Description +
+
+ +
+
+
+ Row title +
+ Description +
+
+ +
+
+
+ Row title +
+ Description +
+
+ +
+
+``` +Using flexbox along with form, button, and link styles, you can create more complex box headers for things like bulk actions and sorting. + +```html +
+
+
+ +
+ +
+
+ Box body +
+
+``` + +You can put forms in boxes. Often form submission buttons are aligned to the bottom right of the form which you can do with `text-right` instead of using floats. + +```html +
+
+

+ Example form title +

+
+
+
+
+
+
+
+
+ +
+
+ +
+
+``` + +When a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles. + +```html +
+
+
+

+ Example form +

+
+
+
+
+ +
+
+
+``` + +Box patterns can also be made with, and modified with [border utilities](../utilities/borders). + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-box/build/build.css b/node_modules/primer-box/build/build.css new file mode 100644 index 000000000..a2243b144 --- /dev/null +++ b/node_modules/primer-box/build/build.css @@ -0,0 +1 @@ +.Box{background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0 -1px;background-color:#f6f8fa;border-color:#d1d5da;border-style:solid;border-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid #e1e4e8}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top:1px solid #e1e4e8}.Box-row:first-of-type{border-top-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.Box-row:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:2px 0 0 #0366d6 inset}.Box-row.navigation-focus .Box-row--drag-button{color:#0366d6;cursor:-webkit-grab;cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:-webkit-grabbing;cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:#fafbfc}.Box-row.navigation-focus.sortable-ghost{background-color:#f6f8fa}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:#f6f8fa}.Box-row--focus-blue.navigation-focus{background-color:#f1f8ff}.Box-row--hover-gray:hover{background-color:#f6f8fa}.Box-row--hover-blue:hover{background-color:#f1f8ff}@media (min-width: 768px){.Box-row-link{color:#24292e;text-decoration:none}.Box-row-link:hover{color:#0366d6;text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top:1px solid #e1e4e8}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:#c8e1ff}.Box--blue .Box-header{background-color:#f1f8ff;border-color:#c8e1ff}.Box--blue .Box-body{border-color:#c8e1ff}.Box--blue .Box-row{border-color:#c8e1ff}.Box--blue .Box-footer{border-color:#c8e1ff}.Box--danger{border-color:#d73a49}.Box--danger .Box-row:first-of-type{border-color:#d73a49}.Box--danger .Box-body:last-of-type{border-color:#d73a49}.Box-header--blue{background-color:#f1f8ff;border-color:#c8e1ff}.Box-row--yellow{background-color:#fffbdd}.Box-row--blue{background-color:#f1f8ff}.Box-row--gray{background-color:#f6f8fa}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5} diff --git a/node_modules/primer-box/build/index.js b/node_modules/primer-box/build/index.js new file mode 100644 index 000000000..d6a26077b --- /dev/null +++ b/node_modules/primer-box/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":2970,"gzipSize":780,"humanizedSize":"3kB","humanizedGzipSize":"780B","rules":{"total":48,"size":{"graph":[3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.75}},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":84,"unique":49,"properties":{"background-color":["#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px"],"font-size":["20px","14px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff"],"border-style":["solid"],"border-width":["1px"],"border-top-left-radius":["3px","2px"],"border-top-right-radius":["3px","2px"],"font-weight":["600"],"border-bottom":["1px solid #e1e4e8"],"margin-bottom":["-1px"],"border-bottom-right-radius":["2px","2px"],"border-bottom-left-radius":["2px","2px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-top-color":["transparent"],"box-shadow":["2px 0 0 #0366d6 inset"],"color":["#0366d6","#24292e","#0366d6"],"cursor":["-webkit-grab","grab","-webkit-grabbing","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-box/index.scss b/node_modules/primer-box/index.scss new file mode 100644 index 000000000..94a6fe417 --- /dev/null +++ b/node_modules/primer-box/index.scss @@ -0,0 +1,2 @@ +@import "primer-support/index.scss"; +@import "./lib/box.scss"; diff --git a/node_modules/primer-box/lib/box.scss b/node_modules/primer-box/lib/box.scss new file mode 100644 index 000000000..38e794c9b --- /dev/null +++ b/node_modules/primer-box/lib/box.scss @@ -0,0 +1,284 @@ +// Box +// Intended to replace simple-box, boxed-group, and table-list + +.Box { + background-color: $white; + border: $border-width $border-style $border-gray-dark; + border-radius: $border-radius; +} + +// Box padding density options +.Box--condensed { + line-height: $lh-condensed; + + .Box-header { + padding: $spacer-2 $spacer-3; + } + + .Box-body { + padding: $spacer-2 $spacer-3; + } + + .Box-footer { + padding: $spacer-2 $spacer-3; + } + + .Box-btn-octicon { + &.btn-octicon { + padding: $spacer-2 $spacer-3; + margin: (-$spacer-2) (-$spacer-3); + line-height: $lh-condensed; + } + } + + .Box-row { + padding: $spacer-2 $spacer-3; + } + +} + +.Box--spacious { + .Box-header { + padding: $spacer-4; + line-height: $lh-condensed; + } + + .Box-title { + font-size: $h3-size; + } + + .Box-body { + padding: $spacer-4; + } + + .Box-footer { + padding: $spacer-4; + } + + .Box-btn-octicon { + &.btn-octicon { + padding: $spacer-4; + margin: (-$spacer-4) (-$spacer-4); + } + } + + .Box-row { + padding: $spacer-4; + } + +} + +.Box-header { + padding: $spacer-3; + margin: -1px -1px 0 -1px; + background-color: $bg-gray; + border-color: $border-gray-dark; + border-style: $border-style; + border-width: $border-width; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; +} + +.Box-title { + font-size: $body-font-size; + font-weight: $font-weight-bold; +} + +.Box-body { + padding: $spacer-3; + border-bottom: $border-width $border-style $border-gray; + + // Ensures bottom-border doesn't poke out when .Box-body used without box-footer + &:last-of-type { + margin-bottom: -1px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } +} + +// Box rows +.Box-row { + padding: $spacer-3; + margin-top: -1px; + list-style-type: none; // To account for applying Box component to a list + border-top: $border-width $border-style $border-gray; + + &:first-of-type { + border-top-color: transparent; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + + &:last-of-type { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + + // Adds a blue vertical line to the left of the row + // For indicating a row item is unread + &.Box-row--unread, + // .unread to be deprecated with .Box-row-unread + &.unread { + box-shadow: 2px 0 0 $blue inset; + } + + &.navigation-focus { + // Focus styles for when drag icon + .Box-row--drag-button { + color: $text-blue; + cursor: grab; + opacity: 100; + } + + // Grabbing while row is dragged + &.is-dragging .Box-row--drag-button { + cursor: grabbing; + } + + // Row dragging styles + &.sortable-chosen { + background-color: $bg-gray-light; + } + + // Makes dragging row background gray + &.sortable-ghost { + background-color: $bg-gray; + + // Hides contents of row while dragging so row looks solid gray + .Box-row--drag-hide { + opacity: 0; + } + } + + } +} + +.Box-row--focus-gray { + &.navigation-focus { + background-color: $bg-gray; + } +} + +.Box-row--focus-blue { + &.navigation-focus { + background-color: $bg-blue-light; + } +} + +.Box-row--hover-gray { + &:hover { + background-color: $bg-gray; + } +} + +.Box-row--hover-blue { + &:hover { + background-color: $bg-blue-light; + } +} + +// Optional link style +// Makes links on mobile blue since they don't have hover state, +// and links are dark-gray with blue hover on desktop. +.Box-row-link { + @include breakpoint(md) { + + color: $text-gray-dark; + text-decoration: none; + + &:hover { + color: $text-blue; + text-decoration: none; + } + + } +} + +// Optional drag icon styles for reordering items +// Focus styles included in .Box-row above +.Box-row--drag-button { + opacity: 0; +} + +.Box-footer { + padding: $spacer-3; + margin-top: -1px; // prevents double border when used with .Box-body + border-top: $border-width $border-style $border-gray; +} + +// Option for a box with scrolling content +.Box--scrollable { + max-height: 324px; + overflow: scroll; +} + +// Box themes + +.Box--blue { + border-color: $border-blue-light; + + .Box-header { + background-color: $bg-blue-light; + border-color: $border-blue-light; + } + + .Box-body { + border-color: $border-blue-light; + } + + .Box-row { + border-color: $border-blue-light; + } + + .Box-footer { + border-color: $border-blue-light; + } +} + +// Applies and red border to the outside of the box, +// but not to the border separating rows. +.Box--danger { + border-color: $border-red; + + .Box-row { + &:first-of-type { + border-color: $border-red; + } + } + + .Box-body { + &:last-of-type { + border-color: $border-red; + } + } +} + +.Box-header--blue { + background-color: $bg-blue-light; + border-color: $border-blue-light; +} + +// Box row highlight themes + +.Box-row--yellow { + background-color: $yellow-100; +} + +.Box-row--blue { + background-color: $bg-blue-light; +} + +.Box-row--gray { + background-color: $bg-gray; +} + +//Box with btn-octicon +.Box-btn-octicon { + + // Increase specificity when btn-octicon is used because comes after .Box in the cascade + &.btn-octicon { + padding: $spacer-3 $spacer-3; + margin: (-$spacer-3) (-$spacer-3); + line-height: $lh-default; // override btn-octicon line-height + } +} diff --git a/node_modules/primer-box/package.json b/node_modules/primer-box/package.json new file mode 100644 index 000000000..5d6ef66e9 --- /dev/null +++ b/node_modules/primer-box/package.json @@ -0,0 +1,141 @@ +{ + "_args": [ + [ + { + "raw": "primer-box@2.4.0", + "scope": null, + "escapedName": "primer-box", + "name": "primer-box", + "rawSpec": "2.4.0", + "spec": "2.4.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-box@2.4.0", + "_id": "primer-box@2.4.0", + "_inCache": true, + "_location": "/primer-box", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-box-2.4.0.tgz_1502924185463_0.9842066646087915" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-box@2.4.0", + "scope": null, + "escapedName": "primer-box", + "name": "primer-box", + "rawSpec": "2.4.0", + "spec": "2.4.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-box/-/primer-box-2.4.0.tgz", + "_shasum": "e838ae36d1dd4ef23411bceb84ef50e522479306", + "_shrinkwrap": null, + "_spec": "primer-box@2.4.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "e838ae36d1dd4ef23411bceb84ef50e522479306", + "tarball": "https://registry.npmjs.org/primer-box/-/primer-box-2.4.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-box", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "components" + }, + "readme": "# Primer CSS box\n\n[![npm version](http://img.shields.io/npm/v/primer-box.svg)](https://www.npmjs.org/package/primer-box)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-box` with this command.\n\n```\n$ npm install --save primer-box\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-box/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nThe `.Box` component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes.\n\n{:toc}\n\n## Box\n\nA `.Box` is a container with a a white background ,a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below.\n\n```html\n
\n This is a box.\n
\n```\n\n## Box elements\nBox elements include `Box-header`, `Box-body`, and `Box-footer`. These elements include borders and consistent padding. Optionally, you can include use `Box-title` which applies a bold font-weight the heading.\n\n```html\n
\n
\n

\n Box title\n

\n
\n
\n Box body\n
\n
\n Box footer\n
\n
\n```\n\n### Box row\n\nUse `Box-row` to add rows with borders and maintain the same padding. Box rows have a lighter border to give contrast between the header and footer.\n\n**Note:** Box rows have some reliance on markup structure in order to target the first and last rows, therefore using an unordered list is recommended. See [box row markup structure](#box-row-markup-structure) for more information.\n\n```html\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
  • \n Box row three\n
  • \n
  • \n Box row four\n
  • \n
\n
\n```\n\n\nRows can be used with or without `Box-header`, `Box-footer`, or `Box-body`.\n\n```html\n
\n
\n Box header\n
\n
\n Box body\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
  • \n Box row three\n
  • \n
  • \n Box row four\n
  • \n
\n
\n Box footer\n
\n
\n```\n\n### Box row markup structure\nBox rows have some reliance on markup structure in order to target the first and last rows. Box rows are given a top border that is lighter in color than other box elements so the first row is targeted to apply a darker border color. An inner border-radius is applied to the first and last rows that that row corners don't poke outside the `Box`, this can be particularly noticeable when using a highlight on box rows.\n\nUsing an unordered list is recommended in order to target the first and last rows, however, if you need to use a `
` for your rows, you may want to place your rows inside a parent `
` so that the first and last rows are styled appropriately.\n\n```html\n
\n
\n Box header\n
\n \n
\n
Box row using a div
\n
Box row using a div
\n
\n
\n```\n\n## Box padding density\nYou can changed the padding density of the box component.\n\nUse `Box--condensed` to apply a more condensed line-height and reduce the padding on the Y axis.\n\n```html\n
\n
\n

\n Box title\n

\n
\n
\n Box body\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
\n
\n Box footer\n
\n
\n```\n\nUse `Box--spacious` to increase padding and increase the title font size.\n\nYou may want to increase the overall font size to work with the larger padding, in this example the default body font size is increased to 16px using the `f4` typography utility.\n\n```html\n
\n
\n

\n Box title\n

\n
\n
\n Box body\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
\n
\n Box footer\n
\n
\n```\n\n## Blue box theme\nUse `Box--blue` to style the box borders and box header in blue.\n\n```html\n
\n
\n Box header\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
\n
\n Box footer\n
\n
\n```\n\n## Blue box header theme\n\nUse `Box-header--blue` to add to change the header border and background to blue.\n\n```html\n
\n
\n

Box with blue header

\n
\n
\n Box body\n
\n
\n```\n\n## Box danger theme\n\nUse `Box--danger` to apply a red border to the outside of the box. This theme is helpful for communicating destructive actions.\n\n**Note:** `Box-danger` only works with either `Box-row`'s or `Box-body`.\n\n```html\n
\n
\n Row one\n
\n
\n Row two\n
\n
\n```\n\n`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.\n\n```html\n
\n

Danger zone

\n
\n\n
\n
\n Box body\n
\n
\n```\n\n## Row themes\nYou can change the background color for individual rows, or change the color on hover or navigation focus.\n\n\n```html\n
\n
\n .Box-row--gray\n
\n
\n .Box-row--hover-gray\n
\n
\n .Box-row--yellow\n
\n
\n .Box-row--hover-blue\n
\n
\n .Box-row--blue\n
\n
\n```\n\nUse `Box-row--focus-gray` or `Box-row--focus-blue` when using along-side `navigation-focus` if you want to highlight rows when using keyboard commands.\n\n```html\n
\n
\n .Box-row--focus-gray and .navigation-focus\n
\n
\n .Box-row--focus-gray\n
\n
\n .Box-row--focus-blue and .navigation-focus\n
\n
\n .Box-row--focus-blue\n
\n
\n```\n\n### Box row unread\nUse `.Box-row-unread` to apply a blue vertical line highlight for indicating a row contains unread items.\n\n```html\n
\n
\n Box row\n
\n
\n Box row unread\n
\n
\n Box row\n
\n
\n```\n\n### Box row link\nUse .`Box-row-link` when you want a link to appear dark gray and blue on hover on desktop, and remain a blue link on mobile. This is useful to indicate links on mobile without having hover styles.\n\n```html\n
\n \n
\n```\n\n## Dashed border\nUse the `border-dashed` utility to apply a dashed border to a box.\n\n```html\n
\n A box with a dashed border\n
\n```\n\n## Boxes with flash alerts\nUse `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`.\n\nFlash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.\n\n```html\n
\n
\n Box header\n
\n
\n \n Flash message with close button.\n
\n
\n <%= octicon(\"check\") %> Flash success with an icon.\n
\n
\n <%= octicon(\"alert\") %> Flash warning with an icon.\n
\n
\n Flash error inside a Box.\n
\n
\n Box body\n
\n
\n```\n\n## Boxes with icons\nUse `Box-btn-octicon` with `btn-octicon` when you want the icon to maintain the same padding as other box elements. This selector offsets margin to ensure it lines up on the left and right sides of the box so you may need to add padding neighboring elements.\n\n```html\n
\n
\n Box body\n \n
\n
\n```\n\nIt's common to want to float icons to the far left or right and stop the `Box-title`from wrapping underneath. To do this you'll need to create a media object with utilities. Add `clearfix` to the surrounding div (this could be the header, body, or rows), add `overflow-hidden` to the title (or other text element), and float the icons as desired.\n\n```html\n
\n
\n \n

A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right

\n
\n
\n Box body\n
\n
\n```\n\n```html\n
\n
\n \n

A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left

\n
\n
\n```\n\n## Box headers with counters\nUse a counter with a background that works against the contrast of the box header. The default counter colors do not stand out well against the header background so we suggest using one of the following styles:\n\nUse `Counter--gray` for a counter with a gray background and dark gray text.\n\n```html\n
\n
\n

\n Box title\n 12\n

\n
\n
\n Box body\n
\n
\n```\n\nUse `Counter--gray-dark` for a counter with a dark gray background and white text.\n\n```html\n
\n
\n

\n Box title\n 12\n

\n
\n
\n Box body\n
\n
\n```\n\n## Form elements and buttons in boxes\nTo achieve different layouts when adding buttons or form elements to boxes we suggest you use utilities to achieve the layout you want. Here's some common examples:\n\nUse [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.\n\n```html\n
\n
\n

\n Box title\n

\n \n
\n
\n Box body\n
\n
\n```\n\nA similar approach can be used for buttons with multiple lines of text within a row.\n\n```html\n
\n
\n
\n Row title\n
\n Description\n
\n
\n \n
\n
\n
\n Row title\n
\n Description\n
\n
\n \n
\n
\n
\n Row title\n
\n Description\n
\n
\n \n
\n
\n```\nUsing flexbox along with form, button, and link styles, you can create more complex box headers for things like bulk actions and sorting.\n\n```html\n
\n
\n
\n \n
\n \n
\n
\n Box body\n
\n
\n```\n\nYou can put forms in boxes. Often form submission buttons are aligned to the bottom right of the form which you can do with `text-right` instead of using floats.\n\n```html\n
\n
\n

\n Example form title\n

\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n```\n\nWhen a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles.\n\n```html\n
\n
\n
\n

\n Example form\n

\n
\n
\n
\n
\n \n
\n
\n
\n```\n\nBox patterns can also be made with, and modified with [border utilities](../utilities/borders).\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-box" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "2.4.0" +} diff --git a/node_modules/primer-breadcrumb/LICENSE b/node_modules/primer-breadcrumb/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-breadcrumb/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-breadcrumb/README.md b/node_modules/primer-breadcrumb/README.md new file mode 100644 index 000000000..056346614 --- /dev/null +++ b/node_modules/primer-breadcrumb/README.md @@ -0,0 +1,47 @@ +# Primer Marketing CSS Breadcrumb Navigation + +[![npm version](http://img.shields.io/npm/v/primer-breadcrumb.svg)](https://www.npmjs.org/package/primer-breadcrumb) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Breadcrumb navigation for GitHub's marketing pages with parents / grandparents. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Breadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that: + +- Are many levels deep on a site +- Do not have a section-level navigation +- May need the ability to quickly go back to the previous (parent) page + +#### Usage + +```html + +``` + + + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-breadcrumb/build/build.css b/node_modules/primer-breadcrumb/build/build.css new file mode 100644 index 000000000..78ed9743a --- /dev/null +++ b/node_modules/primer-breadcrumb/build/build.css @@ -0,0 +1 @@ +.breadcrumb-item{display:inline-block;margin-left:-4px;white-space:nowrap;list-style:none}.breadcrumb-item::after{padding-right:0.5em;padding-left:0.5em;color:#e1e4e8;content:"/"}.breadcrumb-item-selected::after{content:none} diff --git a/node_modules/primer-breadcrumb/build/index.js b/node_modules/primer-breadcrumb/build/index.js new file mode 100644 index 000000000..69e6385ea --- /dev/null +++ b/node_modules/primer-breadcrumb/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":226,"gzipSize":165,"humanizedSize":"226B","humanizedGzipSize":"165B","rules":{"total":3,"size":{"graph":[4,4,1],"max":4,"average":3}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".breadcrumb-item",".breadcrumb-item::after",".breadcrumb-item-selected::after"],"specificity":{"max":11,"average":10.666666666666666}},"declarations":{"total":9,"unique":9,"properties":{"display":["inline-block"],"margin-left":["-4px"],"white-space":["nowrap"],"list-style":["none"],"padding-right":["0.5em"],"padding-left":["0.5em"],"color":["#e1e4e8"],"content":["\"/\"","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-breadcrumb/index.scss b/node_modules/primer-breadcrumb/index.scss new file mode 100644 index 000000000..2ddf84da7 --- /dev/null +++ b/node_modules/primer-breadcrumb/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/breadcrumb.scss"; diff --git a/node_modules/primer-breadcrumb/lib/breadcrumb.scss b/node_modules/primer-breadcrumb/lib/breadcrumb.scss new file mode 100644 index 000000000..6c90a39f8 --- /dev/null +++ b/node_modules/primer-breadcrumb/lib/breadcrumb.scss @@ -0,0 +1,19 @@ +.breadcrumb-item { + display: inline-block; + margin-left: -$spacer-1; + white-space: nowrap; + list-style: none; + + &::after { + padding-right: 0.5em; + padding-left: 0.5em; + color: $border-gray; + content: "/"; + } +} + +.breadcrumb-item-selected { + &::after { + content: none; + } +} diff --git a/node_modules/primer-breadcrumb/package.json b/node_modules/primer-breadcrumb/package.json new file mode 100644 index 000000000..86909affd --- /dev/null +++ b/node_modules/primer-breadcrumb/package.json @@ -0,0 +1,146 @@ +{ + "_args": [ + [ + { + "raw": "primer-breadcrumb@1.3.0", + "scope": null, + "escapedName": "primer-breadcrumb", + "name": "primer-breadcrumb", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-breadcrumb@1.3.0", + "_id": "primer-breadcrumb@1.3.0", + "_inCache": true, + "_location": "/primer-breadcrumb", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-breadcrumb-1.3.0.tgz_1502924185647_0.2614616265054792" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-breadcrumb@1.3.0", + "scope": null, + "escapedName": "primer-breadcrumb", + "name": "primer-breadcrumb", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.3.0.tgz", + "_shasum": "6b3624932c1470b102921ccd1470f51684757d7f", + "_shrinkwrap": null, + "_spec": "primer-breadcrumb@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Breadcrumb navigation for pages with parents / grandparents.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "6b3624932c1470b102921ccd1470f51684757d7f", + "tarball": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "breadcrumb", + "css", + "github", + "navigation", + "primer", + "primercss", + "style" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-breadcrumb", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "components" + }, + "readme": "# Primer Marketing CSS Breadcrumb Navigation\n\n[![npm version](http://img.shields.io/npm/v/primer-breadcrumb.svg)](https://www.npmjs.org/package/primer-breadcrumb)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Breadcrumb navigation for GitHub's marketing pages with parents / grandparents.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nBreadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that:\n\n- Are many levels deep on a site\n- Do not have a section-level navigation\n- May need the ability to quickly go back to the previous (parent) page\n\n#### Usage\n\n```html\n\n```\n\n\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-breadcrumb" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint test-docs", + "test-docs": "ava --verbose ../../tests/modules/test-*.js" + }, + "style": "build/build.css", + "version": "1.3.0" +} diff --git a/node_modules/primer-buttons/LICENSE b/node_modules/primer-buttons/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-buttons/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-buttons/README.md b/node_modules/primer-buttons/README.md new file mode 100644 index 000000000..f14e0f215 --- /dev/null +++ b/node_modules/primer-buttons/README.md @@ -0,0 +1,258 @@ +# Primer CSS Buttons + +[![npm version](http://img.shields.io/npm/v/primer-buttons.svg)](https://www.npmjs.org/package/primer-buttons) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-buttons` with this command. + +``` +$ npm install --save primer-buttons +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-buttons/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Buttons are used for **actions**, like in forms, while textual hyperlinks are used for **destinations**, or moving from one page to another. + +#### Buttons + +```html + + + + + +
+ + + + + +
+ + + + + +
+ + + + + +
+ + + + + +``` + +#### Default buttons + +Use the standard—yet classy—`.btn` for form actions and primary page actions. These are used extensively around the site. + +When using a ` +Link button +``` + +You can find them in two sizes: the default `.btn` and the smaller `.btn-sm`. + +```html + + +``` + +#### Primary + +Primary buttons are green and are used to indicate the *primary* action on a page. When you need your buttons to stand out, use `.btn.btn-primary`. You can use it with both button sizes—just add `.btn-primary`. + +```html + + +``` + +#### Danger + +Danger buttons are red. They help reiterate that the intended action is important or potentially dangerous (e.g., deleting a repo or transferring ownership). Similar to the primary buttons, just add `.btn-danger`. + +```html + + +``` + +#### Outline + +Outline buttons downplay an action as they appear like boxy links. Just add `.btn-outline` and go. + +```html + + +``` + +#### Disabled state + +Disable ` +Disabled button +``` + +Similar styles are applied to primary, danger, and outline buttons: + +```html + +Disabled button +``` + +```html + +Disabled button +``` + +```html + +Disabled button +``` + +#### Block buttons + +Make any button full-width by adding `.btn-block`. It adds `width: 100%;`, changes the `display` from `inline-block` to `block`, and centers the button text. + +```html +

+

+``` + +#### With counts + +You can easily append a count to a **small button**. Add the `.with-count` class to the `.btn-sm` and then add the `.social-count` after the button. + +**Be sure to clear the float added by the additional class.** + +```html + +``` + +You can also use the [counter](../../product/components/labels) component within buttons: + +```html + + + + + + + +``` + +#### Button groups + +Have a hankering for a series of buttons that are attached to one another? Wrap them in a `.BtnGroup` and the buttons will be rounded and spaced automatically. + +```html +
+ + + +
+ +
+ + + +
+ +
+ + + +
+``` + +Add `.BtnGroup-form` to `
`s within `.BtnGroup`s for proper spacing and rounded corners. + +```html +
+ + + + + + +
+``` + +#### Hidden text button + +Use `.hidden-text-expander` to indicate and toggle hidden text. + +```html + + + +``` + +You can also make the expander appear inline by adding `.inline`. + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-buttons/build/build.css b/node_modules/primer-buttons/build/build.css new file mode 100644 index 000000000..067b25994 --- /dev/null +++ b/node_modules/primer-buttons/build/build.css @@ -0,0 +1 @@ +.btn{position:relative;display:inline-block;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid rgba(27,31,35,0.2);border-radius:0.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn i{font-style:normal;font-weight:500;opacity:0.6}.btn .octicon{vertical-align:text-top}.btn .Counter{color:#586069;text-shadow:none;background-color:rgba(27,31,35,0.1)}.btn:hover{text-decoration:none;background-repeat:repeat-x}.btn:focus{outline:0}.btn:disabled,.btn.disabled{cursor:default;background-position:0 0}.btn:active,.btn.selected{background-image:none}.btn{color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn:focus,.btn.focus{box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn:hover,.btn.hover{background-color:#e6ebf1;background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.35)}.btn:active,.btn.selected{background-color:#e9ecef;background-image:none;border-color:rgba(27,31,35,0.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn:disabled,.btn.disabled{color:rgba(36,41,46,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary{color:#fff;background-color:#28a745;background-image:linear-gradient(-180deg, #34d058 0%, #28a745 90%)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 0.2em rgba(52,208,88,0.3)}.btn-primary:hover,.btn-primary.hover{background-color:#269f42;background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-primary:active,.btn-primary.selected{background-color:#279f43;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-primary:disabled,.btn-primary.disabled{color:rgba(255,255,255,0.75);background-color:#94d3a2;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary .Counter{color:#29b249;background-color:#fff}.btn-purple{color:#fff;background-color:#643ab0;background-image:linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)}.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 0.2em rgba(126,85,199,0.3)}.btn-purple:hover,.btn-purple.hover{background-color:#5f37a8;background-image:linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-purple:active,.btn-purple.selected{background-color:#613ca4;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-purple:disabled,.btn-purple.disabled{color:rgba(255,255,255,0.75);background-color:#b19cd7;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-purple .Counter{color:#683cb8;background-color:#fff}.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)}.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2em rgba(6,121,252,0.3)}.btn-blue:hover,.btn-blue.hover{background-color:#035cc2;background-image:linear-gradient(-180deg, #0374f4 0%, #035cc2 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-blue:active,.btn-blue.selected{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-blue:disabled,.btn-blue.disabled{color:rgba(255,255,255,0.75);background-color:#81b0e5;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-blue .Counter{color:#0366d6;background-color:#fff}.btn-danger{color:#cb2431;background-color:#fafbfc;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn-danger:focus{box-shadow:0 0 0 0.2em rgba(203,36,49,0.3)}.btn-danger:hover{color:#fff;background-color:#cb2431;background-image:linear-gradient(-180deg, #de4450 0%, #cb2431 90%);border-color:rgba(27,31,35,0.5)}.btn-danger:hover .Counter{color:#fff}.btn-danger:active,.btn-danger.selected{color:#fff;background-color:#b5202c;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-danger:disabled,.btn-danger.disabled{color:rgba(203,36,49,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-outline{color:#0366d6;background-color:#fff;background-image:none}.btn-outline .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline:hover,.btn-outline:active,.btn-outline.selected{color:#fff;background-color:#0366d6;background-image:none;border-color:#0366d6}.btn-outline:hover .Counter,.btn-outline:active .Counter,.btn-outline.selected .Counter{color:#0366d6;background-color:#fff}.btn-outline:focus{border-color:#0366d6;box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn-outline:disabled,.btn-outline.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-sm{padding:3px 10px;font-size:12px;line-height:20px}.btn-large{padding:0.75em 1.25em;font-size:inherit;border-radius:6px}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:#c6cbd1}.hidden-text-expander a:active,.ellipsis-expander:active{color:#fff;background-color:#2188ff}.social-count{float:left;padding:3px 10px;font-size:12px;font-weight:600;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;border:1px solid rgba(27,31,35,0.2);border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:#0366d6;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover{color:rgba(88,96,105,0.5);cursor:default}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:5px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-item.selected,.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0}.BtnGroup-form{float:left}.BtnGroup-form:first-child .BtnGroup-item{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-form:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-form .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-form.selected .BtnGroup-item,.BtnGroup-form:focus .BtnGroup-item,.BtnGroup-form:active .BtnGroup-item,.BtnGroup-form:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-form.selected+.BtnGroup-item,.BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:active+.BtnGroup-item,.BtnGroup-form:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0} diff --git a/node_modules/primer-buttons/build/index.js b/node_modules/primer-buttons/build/index.js new file mode 100644 index 000000000..8f4abbc94 --- /dev/null +++ b/node_modules/primer-buttons/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":8603,"gzipSize":1750,"humanizedSize":"8kB","humanizedGzipSize":"2kB","rules":{"total":73,"size":{"graph":[21,3,1,3,2,1,2,1,3,1,4,4,5,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,1,5,5,3,1,4,2,2,4,3,3,3,1,5,12,2,2,12,1,2,3,16,1,2,2,2,3,1,4,2,3,1,1,1,2,3,2,1,1],"max":21,"average":3.287671232876712}},"selectors":{"total":124,"type":4,"class":124,"id":0,"pseudoClass":63,"pseudoElement":2,"values":[".btn",".btn i",".btn .octicon",".btn .Counter",".btn:hover",".btn:focus",".btn:disabled",".btn.disabled",".btn:active",".btn.selected",".btn",".btn:focus",".btn.focus",".btn:hover",".btn.hover",".btn:active",".btn.selected",".btn:disabled",".btn.disabled",".btn-primary",".btn-primary:focus",".btn-primary.focus",".btn-primary:hover",".btn-primary.hover",".btn-primary:active",".btn-primary.selected",".btn-primary:disabled",".btn-primary.disabled",".btn-primary .Counter",".btn-purple",".btn-purple:focus",".btn-purple.focus",".btn-purple:hover",".btn-purple.hover",".btn-purple:active",".btn-purple.selected",".btn-purple:disabled",".btn-purple.disabled",".btn-purple .Counter",".btn-blue",".btn-blue:focus",".btn-blue.focus",".btn-blue:hover",".btn-blue.hover",".btn-blue:active",".btn-blue.selected",".btn-blue:disabled",".btn-blue.disabled",".btn-blue .Counter",".btn-danger",".btn-danger:focus",".btn-danger:hover",".btn-danger:hover .Counter",".btn-danger:active",".btn-danger.selected",".btn-danger:disabled",".btn-danger.disabled",".btn-outline",".btn-outline .Counter",".btn-outline:hover",".btn-outline:active",".btn-outline.selected",".btn-outline:hover .Counter",".btn-outline:active .Counter",".btn-outline.selected .Counter",".btn-outline:focus",".btn-outline:disabled",".btn-outline.disabled",".btn-with-count",".btn-sm",".btn-large",".hidden-text-expander",".hidden-text-expander.inline",".hidden-text-expander a",".ellipsis-expander",".hidden-text-expander a:hover",".ellipsis-expander:hover",".hidden-text-expander a:active",".ellipsis-expander:active",".social-count",".social-count:hover",".social-count:active",".social-count:hover",".btn-block",".btn-link",".btn-link:hover",".btn-link:disabled",".btn-link:disabled:hover",".BtnGroup",".BtnGroup::before",".BtnGroup::after",".BtnGroup+.BtnGroup",".BtnGroup+.btn",".BtnGroup-item",".BtnGroup-item:first-child",".BtnGroup-item:last-child",".BtnGroup-item.selected",".BtnGroup-item:focus",".BtnGroup-item:active",".BtnGroup-item:hover",".BtnGroup-item.selected+.BtnGroup-item",".BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:active+.BtnGroup-item",".BtnGroup-item:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item",".BtnGroup-form",".BtnGroup-form:first-child .BtnGroup-item",".BtnGroup-form:last-child .BtnGroup-item",".BtnGroup-form .BtnGroup-item",".BtnGroup-form.selected .BtnGroup-item",".BtnGroup-form:focus .BtnGroup-item",".BtnGroup-form:active .BtnGroup-item",".BtnGroup-form:hover .BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:active+.BtnGroup-item",".BtnGroup-form:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item"],"specificity":{"max":40,"average":21.096774193548388}},"declarations":{"total":240,"unique":125,"properties":{"position":["relative","relative","relative"],"display":["inline-block","block","inline-block","inline-block","block","inline-block","inline-block","table","table"],"padding":["6px 12px","3px 10px","0.75em 1.25em","0 5px 5px","3px 10px","0"],"font-size":["14px","12px","inherit","12px","12px","inherit"],"font-weight":["600","500","600","600"],"line-height":["20px","20px","0","6px","20px"],"white-space":["nowrap","nowrap"],"vertical-align":["middle","text-top","middle","middle","middle"],"cursor":["pointer","default","pointer","pointer","default"],"-webkit-user-select":["none","none"],"-moz-user-select":["none","none"],"-ms-user-select":["none","none"],"user-select":["none","none"],"background-repeat":["repeat-x","repeat-x"],"background-position":["-1px -1px","0 0","0 -0.5em","0 -0.5em","0 -0.5em","0 -0.5em"],"background-size":["110% 110%"],"border":["1px solid rgba(27,31,35,0.2)","0","1px solid rgba(27,31,35,0.2)","0"],"border-radius":["0.25em","6px","1px","0","0"],"-webkit-appearance":["none","none"],"-moz-appearance":["none","none"],"appearance":["none","none"],"font-style":["normal"],"opacity":["0.6"],"color":["#586069","#24292e","rgba(36,41,46,0.4)","#fff","rgba(255,255,255,0.75)","#29b249","#fff","rgba(255,255,255,0.75)","#683cb8","#fff","rgba(255,255,255,0.75)","#0366d6","#cb2431","#fff","#fff","#fff","rgba(203,36,49,0.4)","#0366d6","#fff","#0366d6","rgba(27,31,35,0.3)","#444d56","#fff","#24292e","#0366d6","#0366d6","rgba(88,96,105,0.5)"],"text-shadow":["none"],"background-color":["rgba(27,31,35,0.1)","#eff3f6","#e6ebf1","#e9ecef","#eff3f6","#28a745","#269f42","#279f43","#94d3a2","#fff","#643ab0","#5f37a8","#613ca4","#b19cd7","#fff","#0361cc","#035cc2","#045cc1","#81b0e5","#fff","#fafbfc","#cb2431","#b5202c","#eff3f6","#fff","rgba(27,31,35,0.07)","#0366d6","#fff","#fff","#c6cbd1","#2188ff","#fff","transparent"],"text-decoration":["none","none","none","none","none","underline"],"outline":["0"],"background-image":["none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%)","none","none","linear-gradient(-180deg, #34d058 0%, #28a745 90%)","linear-gradient(-180deg, #2fcb53 0%, #269f42 90%)","none","none","linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)","linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%)","none","none","linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)","linear-gradient(-180deg, #0374f4 0%, #035cc2 90%)","none","none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #de4450 0%, #cb2431 90%)","none","none","none","none"],"box-shadow":["0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(52,208,88,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(126,85,199,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(6,121,252,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(203,36,49,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(3,102,214,0.3)","none"],"border-color":["rgba(27,31,35,0.35)","rgba(27,31,35,0.35)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","#0366d6","#0366d6","rgba(27,31,35,0.15)"],"float":["left","left","left","left"],"border-top-right-radius":["0","3px","3px","3px"],"border-bottom-right-radius":["0","3px","3px","3px"],"top":["-1px"],"margin-left":["5px","5px"],"height":["12px"],"background":["#dfe2e5"],"border-left":["0"],"width":["100%"],"text-align":["center"],"content":["\"\"","\"\""],"clear":["both"],"border-right-width":["0","1px","1px","1px","0","1px"],"border-top-left-radius":["3px","3px"],"border-bottom-left-radius":["3px","3px"],"border-left-width":["0","0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-buttons/index.scss b/node_modules/primer-buttons/index.scss new file mode 100644 index 000000000..7d70202de --- /dev/null +++ b/node_modules/primer-buttons/index.scss @@ -0,0 +1,3 @@ +@import "primer-support/index.scss"; +@import "./lib/button.scss"; +@import "./lib/button-group.scss"; diff --git a/node_modules/primer-buttons/lib/button-group.scss b/node_modules/primer-buttons/lib/button-group.scss new file mode 100644 index 000000000..cd69a3a50 --- /dev/null +++ b/node_modules/primer-buttons/lib/button-group.scss @@ -0,0 +1,79 @@ +// Button group +// +// A button group is a series of buttons laid out next to each other, all part +// of one visual button, but separated by rules to be separate. +.BtnGroup { + display: inline-block; + vertical-align: middle; + @include clearfix(); + + // Proper spacing for multiple button groups (a la, gollum editor) + + .BtnGroup, + + .btn { + margin-left: 5px; + } +} + +.BtnGroup-item { + position: relative; + float: left; + border-right-width: 0; + border-radius: 0; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-right-width: 1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + + &.selected, + &:focus, + &:active, + &:hover { + border-right-width: 1px; + + + .BtnGroup-item, + + .BtnGroup-form .BtnGroup-item { + border-left-width: 0; + } + } +} + +.BtnGroup-form { + float: left; + + &:first-child .BtnGroup-item { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child .BtnGroup-item { + border-right-width: 1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + + .BtnGroup-item { + border-right-width: 0; + border-radius: 0; + } + + &.selected, + &:focus, + &:active, + &:hover { + .BtnGroup-item { + border-right-width: 1px; + } + + + .BtnGroup-item, + + .BtnGroup-form .BtnGroup-item { + border-left-width: 0; + } + } +} diff --git a/node_modules/primer-buttons/lib/button.scss b/node_modules/primer-buttons/lib/button.scss new file mode 100644 index 000000000..d31cd625e --- /dev/null +++ b/node_modules/primer-buttons/lib/button.scss @@ -0,0 +1,204 @@ +// stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors + +// Base button styles +.btn { + position: relative; + display: inline-block; + padding: 6px 12px; + font-size: $body-font-size; + font-weight: $font-weight-bold; + line-height: 20px; // Specifically not inherit our `` default + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + user-select: none; + background-repeat: repeat-x; + background-position: -1px -1px; + background-size: 110% 110%; + border: 1px solid transparentize($black, 0.8); + border-radius: 0.25em; + appearance: none; // Corrects inability to style clickable `input` types in iOS. + + i { + font-style: normal; + font-weight: $font-weight-semibold; + opacity: 0.6; + } + + .octicon { + vertical-align: text-top; + } + + // Darken for just a tad more contrast against the button background + .Counter { + color: $gray-600; + text-shadow: none; + background-color: rgba($black, 0.1); + } + + &:hover { + text-decoration: none; + background-repeat: repeat-x; + } + + &:focus { + outline: 0; + } + + &:disabled, + &.disabled { + cursor: default; + // Repeat `background-position` because `:hover` + background-position: 0 0; + } + + &:active, + &.selected { + background-image: none; + } +} + +.btn { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); } +.btn-primary { @include btn-solid($text-white, $green-400, $green-500); } +.btn-purple { @include btn-solid($text-white, lighten($purple-500, 5%), darken($purple-500, 5%)); } +.btn-blue { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); } +.btn-danger { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); } + +// Outline button +// +// For when we need a linky-action that's not too heavy in busier +// areas like conversation timelines. +.btn-outline { + @include btn-outline($text-blue); +} + +// Social button count +.btn-with-count { + float: left; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +// Minibutton overrides +// +// Tweak `line-height` to make them smaller. +.btn-sm { + padding: 3px 10px; + font-size: $font-size-small; + line-height: 20px; +} + +// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g,

+.btn-large { + padding: 0.75em 1.25em; + font-size: inherit; + border-radius: 6px; +} + +// Hidden text button +// +// Use `.hidden-text-expander` to indicate and expand hidden text. +.hidden-text-expander { + display: block; + + &.inline { + position: relative; + top: -1px; + display: inline-block; + margin-left: 5px; + line-height: 0; + } +} + +.hidden-text-expander a, +.ellipsis-expander { + display: inline-block; + height: 12px; + padding: 0 5px 5px; + font-size: $font-size-small; + font-weight: $font-weight-bold; + line-height: 6px; + color: $gray-700; + text-decoration: none; + vertical-align: middle; + background: lighten($gray-300, 5%); + border: 0; + border-radius: 1px; + + &:hover { + text-decoration: none; + background-color: darken($gray-300, 4%); + } + + &:active { + color: $text-white; + background-color: $blue-400; + } +} + +// Social count bubble +// +// A container that is used for social bubbles counts. +.social-count { + float: left; + padding: 3px 10px; + font-size: $font-size-small; + font-weight: $font-weight-bold; + line-height: 20px; + color: $text-gray-dark; + vertical-align: middle; + background-color: $bg-white; + border: 1px solid transparentize($black, 0.8); // match with .btn + border-left: 0; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + + &:hover, + &:active { + text-decoration: none; + } + + &:hover { + color: $text-blue; + cursor: pointer; + } +} + +// Full-width button +// +// These buttons expand to the full width of their parent container +.btn-block { + display: block; + width: 100%; + text-align: center; +} + +// Radio buttons +// +// Buttons backed by radio or checkbox control. Requires the use of `.hidden` +// on the `input` to properly hide it. +.btn-link { + display: inline-block; + padding: 0; + font-size: inherit; + color: $text-blue; + text-decoration: none; + white-space: nowrap; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 0; + appearance: none; // Corrects inability to style clickable `input` types in iOS. + + &:hover { + text-decoration: underline; + } + + &:disabled { + &, + &:hover { + color: rgba($gray-600, 0.5); + cursor: default; + } + } +} diff --git a/node_modules/primer-buttons/package.json b/node_modules/primer-buttons/package.json new file mode 100644 index 000000000..7737774b9 --- /dev/null +++ b/node_modules/primer-buttons/package.json @@ -0,0 +1,143 @@ +{ + "_args": [ + [ + { + "raw": "primer-buttons@2.3.0", + "scope": null, + "escapedName": "primer-buttons", + "name": "primer-buttons", + "rawSpec": "2.3.0", + "spec": "2.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-buttons@2.3.0", + "_id": "primer-buttons@2.3.0", + "_inCache": true, + "_location": "/primer-buttons", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-buttons-2.3.0.tgz_1502924185698_0.01395213813520968" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-buttons@2.3.0", + "scope": null, + "escapedName": "primer-buttons", + "name": "primer-buttons", + "rawSpec": "2.3.0", + "spec": "2.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.3.0.tgz", + "_shasum": "0616df82d0fb9e0410b53ae3fbd3ff467c464642", + "_shrinkwrap": null, + "_spec": "primer-buttons@2.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "A collection of buttons used for primary and secondary actions.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "0616df82d0fb9e0410b53ae3fbd3ff467c464642", + "tarball": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "buttons", + "styles" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-buttons", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "components" + }, + "readme": "# Primer CSS Buttons\n\n[![npm version](http://img.shields.io/npm/v/primer-buttons.svg)](https://www.npmjs.org/package/primer-buttons)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-buttons` with this command.\n\n```\n$ npm install --save primer-buttons\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-buttons/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nButtons are used for **actions**, like in forms, while textual hyperlinks are used for **destinations**, or moving from one page to another.\n\n#### Buttons\n\n```html\n\n\n\n\n\n
\n\n\n\n\n\n
\n\n\n\n\n\n
\n\n\n\n\n\n
\n\n\n\n\n\n```\n\n#### Default buttons\n\nUse the standard—yet classy—`.btn` for form actions and primary page actions. These are used extensively around the site.\n\nWhen using a `\nLink button\n```\n\nYou can find them in two sizes: the default `.btn` and the smaller `.btn-sm`.\n\n```html\n\n\n```\n\n#### Primary\n\nPrimary buttons are green and are used to indicate the *primary* action on a page. When you need your buttons to stand out, use `.btn.btn-primary`. You can use it with both button sizes—just add `.btn-primary`.\n\n```html\n\n\n```\n\n#### Danger\n\nDanger buttons are red. They help reiterate that the intended action is important or potentially dangerous (e.g., deleting a repo or transferring ownership). Similar to the primary buttons, just add `.btn-danger`.\n\n```html\n\n\n```\n\n#### Outline\n\nOutline buttons downplay an action as they appear like boxy links. Just add `.btn-outline` and go.\n\n```html\n\n\n```\n\n#### Disabled state\n\nDisable `\nDisabled button\n```\n\nSimilar styles are applied to primary, danger, and outline buttons:\n\n```html\n\nDisabled button\n```\n\n```html\n\nDisabled button\n```\n\n```html\n\nDisabled button\n```\n\n#### Block buttons\n\nMake any button full-width by adding `.btn-block`. It adds `width: 100%;`, changes the `display` from `inline-block` to `block`, and centers the button text.\n\n```html\n

\n

\n```\n\n#### With counts\n\nYou can easily append a count to a **small button**. Add the `.with-count` class to the `.btn-sm` and then add the `.social-count` after the button.\n\n**Be sure to clear the float added by the additional class.**\n\n```html\n\n```\n\nYou can also use the [counter](../../product/components/labels) component within buttons:\n\n```html\n\n\n\n\n\n\n\n```\n\n#### Button groups\n\nHave a hankering for a series of buttons that are attached to one another? Wrap them in a `.BtnGroup` and the buttons will be rounded and spaced automatically.\n\n```html\n
\n \n \n \n
\n\n
\n \n \n \n
\n\n
\n \n \n \n
\n```\n\nAdd `.BtnGroup-form` to `
`s within `.BtnGroup`s for proper spacing and rounded corners.\n\n```html\n
\n \n \n \n \n \n \n
\n```\n\n#### Hidden text button\n\nUse `.hidden-text-expander` to indicate and toggle hidden text.\n\n```html\n\n \n\n```\n\nYou can also make the expander appear inline by adding `.inline`.\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-buttons" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "2.3.0" +} diff --git a/node_modules/primer-cards/LICENSE b/node_modules/primer-cards/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-cards/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-cards/README.md b/node_modules/primer-cards/README.md new file mode 100644 index 000000000..1cdc843ea --- /dev/null +++ b/node_modules/primer-cards/README.md @@ -0,0 +1,58 @@ +# Primer Marketing CSS Cards + +[![npm version](http://img.shields.io/npm/v/primer-cards.svg)](https://www.npmjs.org/package/primer-cards) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Card-like containers to group semantically related content together on marketing websites at GitHub. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Documentation & refactor coming very soon + + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-cards` with this command. + +``` +$ npm install --save primer-cards +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-cards/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` + +``` +$ npm run build +``` + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-cards/build/build.css b/node_modules/primer-cards/build/build.css new file mode 100644 index 000000000..f2c92a30b --- /dev/null +++ b/node_modules/primer-cards/build/build.css @@ -0,0 +1 @@ +.card{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;box-shadow:0 1px 1px rgba(27,31,35,0.1)} diff --git a/node_modules/primer-cards/build/index.js b/node_modules/primer-cards/build/index.js new file mode 100644 index 000000000..234102476 --- /dev/null +++ b/node_modules/primer-cards/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":112,"gzipSize":121,"humanizedSize":"112B","humanizedGzipSize":"121B","rules":{"total":1,"size":{"graph":[4],"max":4,"average":4}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".card"],"specificity":{"max":10,"average":10}},"declarations":{"total":4,"unique":4,"properties":{"background-color":["#fff"],"border":["1px #e1e4e8 solid"],"border-radius":["6px"],"box-shadow":["0 1px 1px rgba(27,31,35,0.1)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-cards/index.scss b/node_modules/primer-cards/index.scss new file mode 100644 index 000000000..d5f037cb7 --- /dev/null +++ b/node_modules/primer-cards/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/cards.scss"; diff --git a/node_modules/primer-cards/lib/cards.scss b/node_modules/primer-cards/lib/cards.scss new file mode 100644 index 000000000..269be5629 --- /dev/null +++ b/node_modules/primer-cards/lib/cards.scss @@ -0,0 +1,6 @@ +.card { + background-color: $white; + border: $border; + border-radius: 6px; + box-shadow: $box-shadow; +} diff --git a/node_modules/primer-cards/package.json b/node_modules/primer-cards/package.json new file mode 100644 index 000000000..be8b629f2 --- /dev/null +++ b/node_modules/primer-cards/package.json @@ -0,0 +1,144 @@ +{ + "_args": [ + [ + { + "raw": "primer-cards@0.4.0", + "scope": null, + "escapedName": "primer-cards", + "name": "primer-cards", + "rawSpec": "0.4.0", + "spec": "0.4.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-cards@0.4.0", + "_id": "primer-cards@0.4.0", + "_inCache": true, + "_location": "/primer-cards", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-cards-0.4.0.tgz_1502924185767_0.9237347631715238" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-cards@0.4.0", + "scope": null, + "escapedName": "primer-cards", + "name": "primer-cards", + "rawSpec": "0.4.0", + "spec": "0.4.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-cards/-/primer-cards-0.4.0.tgz", + "_shasum": "38c52d640f1b75991aaed28d4898f0bfcf4438c8", + "_shrinkwrap": null, + "_spec": "primer-cards@0.4.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Card-like containers to group semantically related content together on marketing websites at GitHub.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "38c52d640f1b75991aaed28d4898f0bfcf4438c8", + "tarball": "https://registry.npmjs.org/primer-cards/-/primer-cards-0.4.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "cards", + "css", + "github", + "primer", + "primercss", + "style" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-cards", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "components" + }, + "readme": "# Primer Marketing CSS Cards\n\n[![npm version](http://img.shields.io/npm/v/primer-cards.svg)](https://www.npmjs.org/package/primer-cards)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Card-like containers to group semantically related content together on marketing websites at GitHub.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nDocumentation & refactor coming very soon\n\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-cards` with this command.\n\n```\n$ npm install --save primer-cards\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-cards/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`\n\n```\n$ npm run build\n```\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-cards" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "build/build.css", + "version": "0.4.0" +} diff --git a/node_modules/primer-core/LICENSE b/node_modules/primer-core/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-core/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-core/README.md b/node_modules/primer-core/README.md new file mode 100644 index 000000000..238e3c111 --- /dev/null +++ b/node_modules/primer-core/README.md @@ -0,0 +1,48 @@ +# Primer Core + +[![npm version](http://img.shields.io/npm/v/primer-core.svg)](https://www.npmjs.org/package/primer-core) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Primer core is one of 3 meta-packages that belong to the Primer CSS framework. Primer core contains packages that are shared between GitHub product and marketing websites. + +This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths** + +``` +$ npm install --save primer-core +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-core/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **CSS** version of this module, an npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about primer in the [docs][docs]. + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-core/build/build.css b/node_modules/primer-core/build/build.css new file mode 100644 index 000000000..fa6b6a7f2 --- /dev/null +++ b/node_modules/primer-core/build/build.css @@ -0,0 +1,6 @@ +/*! + * Primer-core + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + *//*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom}.Box{background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0 -1px;background-color:#f6f8fa;border-color:#d1d5da;border-style:solid;border-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid #e1e4e8}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top:1px solid #e1e4e8}.Box-row:first-of-type{border-top-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.Box-row:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:2px 0 0 #0366d6 inset}.Box-row.navigation-focus .Box-row--drag-button{color:#0366d6;cursor:-webkit-grab;cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:-webkit-grabbing;cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:#fafbfc}.Box-row.navigation-focus.sortable-ghost{background-color:#f6f8fa}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:#f6f8fa}.Box-row--focus-blue.navigation-focus{background-color:#f1f8ff}.Box-row--hover-gray:hover{background-color:#f6f8fa}.Box-row--hover-blue:hover{background-color:#f1f8ff}@media (min-width: 768px){.Box-row-link{color:#24292e;text-decoration:none}.Box-row-link:hover{color:#0366d6;text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top:1px solid #e1e4e8}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:#c8e1ff}.Box--blue .Box-header{background-color:#f1f8ff;border-color:#c8e1ff}.Box--blue .Box-body{border-color:#c8e1ff}.Box--blue .Box-row{border-color:#c8e1ff}.Box--blue .Box-footer{border-color:#c8e1ff}.Box--danger{border-color:#d73a49}.Box--danger .Box-row:first-of-type{border-color:#d73a49}.Box--danger .Box-body:last-of-type{border-color:#d73a49}.Box-header--blue{background-color:#f1f8ff;border-color:#c8e1ff}.Box-row--yellow{background-color:#fffbdd}.Box-row--blue{background-color:#f1f8ff}.Box-row--gray{background-color:#f6f8fa}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}.btn{position:relative;display:inline-block;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid rgba(27,31,35,0.2);border-radius:0.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn i{font-style:normal;font-weight:500;opacity:0.6}.btn .octicon{vertical-align:text-top}.btn .Counter{color:#586069;text-shadow:none;background-color:rgba(27,31,35,0.1)}.btn:hover{text-decoration:none;background-repeat:repeat-x}.btn:focus{outline:0}.btn:disabled,.btn.disabled{cursor:default;background-position:0 0}.btn:active,.btn.selected{background-image:none}.btn{color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn:focus,.btn.focus{box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn:hover,.btn.hover{background-color:#e6ebf1;background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.35)}.btn:active,.btn.selected{background-color:#e9ecef;background-image:none;border-color:rgba(27,31,35,0.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn:disabled,.btn.disabled{color:rgba(36,41,46,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary{color:#fff;background-color:#28a745;background-image:linear-gradient(-180deg, #34d058 0%, #28a745 90%)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 0.2em rgba(52,208,88,0.3)}.btn-primary:hover,.btn-primary.hover{background-color:#269f42;background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-primary:active,.btn-primary.selected{background-color:#279f43;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-primary:disabled,.btn-primary.disabled{color:rgba(255,255,255,0.75);background-color:#94d3a2;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary .Counter{color:#29b249;background-color:#fff}.btn-purple{color:#fff;background-color:#643ab0;background-image:linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)}.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 0.2em rgba(126,85,199,0.3)}.btn-purple:hover,.btn-purple.hover{background-color:#5f37a8;background-image:linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-purple:active,.btn-purple.selected{background-color:#613ca4;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-purple:disabled,.btn-purple.disabled{color:rgba(255,255,255,0.75);background-color:#b19cd7;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-purple .Counter{color:#683cb8;background-color:#fff}.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)}.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2em rgba(6,121,252,0.3)}.btn-blue:hover,.btn-blue.hover{background-color:#035cc2;background-image:linear-gradient(-180deg, #0374f4 0%, #035cc2 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-blue:active,.btn-blue.selected{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-blue:disabled,.btn-blue.disabled{color:rgba(255,255,255,0.75);background-color:#81b0e5;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-blue .Counter{color:#0366d6;background-color:#fff}.btn-danger{color:#cb2431;background-color:#fafbfc;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn-danger:focus{box-shadow:0 0 0 0.2em rgba(203,36,49,0.3)}.btn-danger:hover{color:#fff;background-color:#cb2431;background-image:linear-gradient(-180deg, #de4450 0%, #cb2431 90%);border-color:rgba(27,31,35,0.5)}.btn-danger:hover .Counter{color:#fff}.btn-danger:active,.btn-danger.selected{color:#fff;background-color:#b5202c;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-danger:disabled,.btn-danger.disabled{color:rgba(203,36,49,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-outline{color:#0366d6;background-color:#fff;background-image:none}.btn-outline .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline:hover,.btn-outline:active,.btn-outline.selected{color:#fff;background-color:#0366d6;background-image:none;border-color:#0366d6}.btn-outline:hover .Counter,.btn-outline:active .Counter,.btn-outline.selected .Counter{color:#0366d6;background-color:#fff}.btn-outline:focus{border-color:#0366d6;box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn-outline:disabled,.btn-outline.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-sm{padding:3px 10px;font-size:12px;line-height:20px}.btn-large{padding:0.75em 1.25em;font-size:inherit;border-radius:6px}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:#c6cbd1}.hidden-text-expander a:active,.ellipsis-expander:active{color:#fff;background-color:#2188ff}.social-count{float:left;padding:3px 10px;font-size:12px;font-weight:600;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;border:1px solid rgba(27,31,35,0.2);border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:#0366d6;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover{color:rgba(88,96,105,0.5);cursor:default}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:5px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-item.selected,.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0}.BtnGroup-form{float:left}.BtnGroup-form:first-child .BtnGroup-item{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-form:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-form .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-form.selected .BtnGroup-item,.BtnGroup-form:focus .BtnGroup-item,.BtnGroup-form:active .BtnGroup-item,.BtnGroup-form:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-form.selected+.BtnGroup-item,.BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:active+.BtnGroup-item,.BtnGroup-form:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0}.TableObject{display:table}.TableObject-item{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}.TableObject-item--primary{width:99%}fieldset{padding:0;margin:0;border:0}label{font-weight:600}.form-control,.form-select{min-height:34px;padding:6px 8px;font-size:14px;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;background-repeat:no-repeat;background-position:right 8px center;border:1px solid #d1d5da;border-radius:3px;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075)}.form-control.focus,.form-control:focus,.form-select.focus,.form-select:focus{border-color:#2188ff;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.input-contrast{background-color:#fafbfc}.input-contrast:focus{background-color:#fff}::-webkit-input-placeholder{color:#6a737d}:-ms-input-placeholder{color:#6a737d}::placeholder{color:#6a737d}.input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px;line-height:20px}.input-lg{padding:4px 10px;font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button{position:absolute;right:0;display:none !important;pointer-events:none;visibility:hidden}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:#fffbdd;border-radius:3px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:5px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:400;color:#586069}.form-checkbox-details{display:none}.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,.form-checkbox-details-trigger:checked ~ .form-checkbox-details{display:block}.hfields{margin:15px 0}.hfields::before{display:table;content:""}.hfields::after{display:table;clear:both;content:""}.hfields .form-group{float:left;margin:0 30px 0 0}.hfields .form-group dt label{display:inline-block;margin:5px 0 0;color:#586069}.hfields .form-group dt img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields .form-select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.form-actions::before{display:table;content:""}.form-actions::after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:#735c0f;background:#fffbdd;border:1px solid #d9d0a5;border-radius:3px}.form-warning p{margin:0;line-height:1.5}.form-warning a{font-weight:600}.form-select{display:inline-block;max-width:100%;height:34px;padding-right:24px;padding-right:8px \9;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;background-image:none \9;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select::-ms-expand{opacity:0}.form-select[multiple]{height:auto}.select-sm{height:28px;min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px}.select-sm[multiple]{height:auto;min-height:0}.form-group{margin:15px 0}.form-group .form-control{width:440px;max-width:100%;margin-right:5px;background-color:#fafbfc}.form-group .form-control:focus{background-color:#fff}.form-group .form-control.shorter{width:130px}.form-group .form-control.short{width:250px}.form-group .form-control.long{width:100%}.form-group textarea.form-control{width:100%;height:200px;min-height:200px}.form-group textarea.form-control.short{height:50px;min-height:50px}.form-group dt{margin:0 0 6px}.form-group label{position:relative}.form-group.flattened dt{float:left;margin:0;line-height:32px}.form-group.flattened dd{line-height:32px}.form-group dd h4{margin:4px 0 0}.form-group dd h4.is-error{color:#cb2431}.form-group dd h4.is-success{color:#28a745}.form-group dd h4+.note{margin-top:0}.form-group.required dt label::after{padding-left:5px;color:#cb2431;content:"*"}.form-group .success,.form-group .error,.form-group .indicator{display:none;font-size:12px;font-weight:600}.form-group.loading{opacity:0.5}.form-group.loading .indicator{display:inline}.form-group.loading .spinner{display:inline-block;vertical-align:middle}.form-group.successful .success{display:inline;color:#28a745}.form-group.warn .warning,.form-group.warn .error,.form-group.errored .warning,.form-group.errored .error{position:absolute;z-index:10;display:block;max-width:450px;padding:5px 8px;margin:4px 0 0;font-size:13px;font-weight:400;border-style:solid;border-width:1px;border-radius:3px}.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{position:absolute;bottom:100%;left:10px;z-index:15;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .warning::after,.form-group.errored .error::after{border-width:5px}.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .warning::before,.form-group.errored .error::before{margin-left:-1px;border-width:6px}.form-group.warn .warning{color:#735c0f;background-color:#fffbdd;border-color:#d9d0a5}.form-group.warn .warning::after{border-bottom-color:#fffbdd}.form-group.warn .warning::before{border-bottom-color:#d9d0a5}.form-group.errored label{color:#cb2431}.form-group.errored .error{color:#86181d;background-color:#ffdce0;border-color:#cea0a5}.form-group.errored .error::after{border-bottom-color:#ffdce0}.form-group.errored .error::before{border-bottom-color:#cea0a5}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:#586069}.note .spinner{margin-right:3px;vertical-align:middle}dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{padding-right:30px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-16px.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{background-size:16px 16px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-32.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success@2x.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error@2x.png")}}.form-cards{height:31px;margin:0 0 15px}.form-cards .card{float:left;width:47px;height:31px;text-indent:-9999px;background-image:url("/images/modules/pricing/credit-cards-@1x.png");background-position:0 0;opacity:0.6}.form-cards .card.visa{background-position:0 0}.form-cards .card.amex{background-position:-50px 0}.form-cards .card.mastercard{background-position:-100px 0}.form-cards .card.discover{background-position:-150px 0}.form-cards .card.jcb{background-position:-200px 0}.form-cards .card.dinersclub{background-position:-250px 0}.form-cards .card.enabled{opacity:1}.form-cards .card.disabled{opacity:0.2}.form-cards>.cards{margin:0}.form-cards>.cards>li{float:left;margin:0 4px 0 0;list-style-type:none}.form-cards>.cards>li.text{line-height:31px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.form-cards>.cards .card{background-image:url("/images/modules/pricing/credit-cards-@2x.png");background-size:300px 31px}}.status-indicator{display:inline-block;width:16px;height:16px;margin-left:5px}.status-indicator .octicon{display:none}.status-indicator-success::before{content:""}.status-indicator-success .octicon-check{display:inline-block;color:#28a745;fill:#28a745}.status-indicator-success .octicon-x{display:none}.status-indicator-failed::before{content:""}.status-indicator-failed .octicon-check{display:none}.status-indicator-failed .octicon-x{display:inline-block;color:#cb2431;fill:#d73a49}.status-indicator-loading{width:16px;background:url("/images/spinners/octocat-spinner-32-EAF2F5.gif") 0 0 no-repeat;background-size:16px}.inline-form{display:inline-block}.inline-form .btn-plain{background-color:transparent;border:0}.drag-and-drop{padding:7px 10px;margin:0;font-size:13px;line-height:16px;color:#586069;background-color:#fafbfc;border:1px solid #c3c8cf;border-top:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.drag-and-drop .default,.drag-and-drop .loading,.drag-and-drop .error{display:none}.drag-and-drop .error{color:#cb2431}.drag-and-drop img{vertical-align:top}.is-default .drag-and-drop .default{display:inline-block}.is-uploading .drag-and-drop .loading{display:inline-block}.is-bad-file .drag-and-drop .bad-file{display:inline-block}.is-duplicate-filename .drag-and-drop .duplicate-filename{display:inline-block}.is-too-big .drag-and-drop .too-big{display:inline-block}.is-hidden-file .drag-and-drop .hidden-file{display:inline-block}.is-empty .drag-and-drop .empty{display:inline-block}.is-bad-permissions .drag-and-drop .bad-permissions{display:inline-block}.is-repository-required .drag-and-drop .repository-required{display:inline-block}.drag-and-drop-error-info{font-weight:400;color:#586069}.drag-and-drop-error-info a{color:#0366d6}.is-failed .drag-and-drop .failed-request{display:inline-block}.manual-file-chooser{position:absolute;width:240px;padding:5px;margin-left:-80px;cursor:pointer;opacity:0.0001}.manual-file-chooser:hover+.manual-file-chooser-text{text-decoration:underline}.btn .manual-file-chooser{top:0;padding:0;line-height:34px}.upload-enabled textarea{display:block;border-bottom:1px dashed #dfe2e5;border-bottom-right-radius:0;border-bottom-left-radius:0}.upload-enabled.focused{border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.upload-enabled.focused .form-control{box-shadow:none}.upload-enabled.focused .drag-and-drop{border-color:#4a9eff}.dragover textarea,.dragover .drag-and-drop{box-shadow:#c9ff00 0 0 3px}.write-content{position:relative}.previewable-comment-form{position:relative}.previewable-comment-form .tabnav{position:relative;padding:8px 8px 0}.previewable-comment-form .comment{border:1px solid #c3c8cf}.previewable-comment-form .comment-form-error{margin-bottom:8px}.previewable-comment-form .write-content,.previewable-comment-form .preview-content{display:none;margin:0 8px 8px}.previewable-comment-form.write-selected .write-content,.previewable-comment-form.preview-selected .preview-content{display:block}.previewable-comment-form textarea{display:block;width:100%;min-height:100px;max-height:500px;padding:8px;resize:vertical}.form-action-spacious{margin-top:10px}div.composer{margin-top:0;border:0}.composer .comment-form-textarea{height:200px;min-height:200px}.composer .tabnav{margin:0 0 10px}h2.account{margin:15px 0 0;font-size:18px;font-weight:400;color:#586069}p.explain{position:relative;font-size:12px;color:#586069}p.explain strong{color:#24292e}p.explain .octicon{margin-right:5px;color:#959da5}p.explain .minibutton{top:-4px;float:right}.form-group label{position:static}.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.menu{margin-bottom:15px;list-style:none;background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.menu-item{position:relative;display:block;padding:8px 10px;border-bottom:1px solid #e1e4e8}.menu-item:first-child{border-top:0;border-top-left-radius:2px;border-top-right-radius:2px}.menu-item:first-child::before{border-top-left-radius:2px}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.menu-item:last-child::before{border-bottom-left-radius:2px}.menu-item:hover{text-decoration:none;background-color:#f6f8fa}.menu-item.selected{font-weight:600;color:#24292e;cursor:default;background-color:#fff}.menu-item.selected::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:#e36209}.menu-item .octicon{width:16px;margin-right:5px;color:#24292e;text-align:center}.menu-item .Counter{float:right;margin-left:5px}.menu-item .menu-warning{float:right;color:#86181d}.menu-item .avatar{float:left;margin-right:5px}.menu-item.alert .Counter{color:#cb2431}.menu-heading{display:block;padding:8px 10px;margin-top:0;margin-bottom:0;font-size:13px;font-weight:600;line-height:20px;color:#586069;background-color:#f3f5f8;border-bottom:1px solid #e1e4e8}.menu-heading:hover{text-decoration:none}.menu-heading:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.menu-heading:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.tabnav{margin-top:0;margin-bottom:15px;border-bottom:1px solid #d1d5da}.tabnav .Counter{margin-left:5px}.tabnav-tabs{margin-bottom:-1px}.tabnav-tab{display:inline-block;padding:8px 12px;font-size:14px;line-height:20px;color:#586069;text-decoration:none;background-color:transparent;border:1px solid transparent;border-bottom:0}.tabnav-tab.selected{color:#24292e;background-color:#fff;border-color:#d1d5da;border-radius:3px 3px 0 0}.tabnav-tab:hover,.tabnav-tab:focus{color:#24292e;text-decoration:none}.tabnav-extra{display:inline-block;padding-top:10px;margin-left:10px;font-size:12px;color:#586069}.tabnav-extra>.octicon{margin-right:2px}a.tabnav-extra:hover{color:#0366d6;text-decoration:none}.tabnav-btn{margin-left:10px}.filter-list{list-style-type:none}.filter-list.small .filter-item{padding:4px 10px;margin:0 0 2px;font-size:12px}.filter-list.pjax-active .filter-item{color:#586069;background-color:transparent}.filter-list.pjax-active .filter-item.pjax-active{color:#fff;background-color:#0366d6}.filter-item{position:relative;display:block;padding:8px 10px;margin-bottom:5px;overflow:hidden;font-size:14px;color:#586069;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:3px}.filter-item:hover{text-decoration:none;background-color:#eaecef}.filter-item.selected{color:#fff;background-color:#0366d6}.filter-item .count{float:right;font-weight:600}.filter-item .bar{position:absolute;top:2px;right:0;bottom:2px;z-index:-1;display:inline-block;background-color:#eff3f6}.subnav{margin-bottom:20px}.subnav::before{display:table;content:""}.subnav::after{display:table;clear:both;content:""}.subnav-bordered{padding-bottom:20px;border-bottom:1px solid #eaecef}.subnav-flush{margin-bottom:0}.subnav-item{position:relative;float:left;padding:6px 14px;font-weight:600;line-height:20px;color:#586069;border:1px solid #e1e4e8}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item:hover,.subnav-item:focus{text-decoration:none;background-color:#f6f8fa}.subnav-item.selected,.subnav-item.selected:hover,.subnav-item.selected:focus{z-index:2;color:#fff;background-color:#0366d6;border-color:#0366d6}.subnav-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.subnav-item:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.subnav-search{position:relative;margin-left:10px}.subnav-search-input{width:320px;padding-left:30px;color:#586069}.subnav-search-input-wide{width:500px}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:#c6cbd1;text-align:center;pointer-events:none}.subnav-search-context .btn{color:#444d56;border-top-right-radius:0;border-bottom-right-radius:0}.subnav-search-context .btn:hover,.subnav-search-context .btn:focus,.subnav-search-context .btn:active,.subnav-search-context .btn.selected{z-index:2}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-search-context+.subnav-search .subnav-search-input{border-top-left-radius:0;border-bottom-left-radius:0}.subnav-search-context .select-menu-modal-holder{z-index:30}.subnav-search-context .select-menu-modal{width:220px}.subnav-search-context .select-menu-item-icon{color:inherit}.subnav-spacer-right{padding-right:10px}.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(27,31,35,0.8);border-radius:3px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(27,31,35,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.4s;animation-delay:.4s}.tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after{opacity:1;-webkit-animation:none;animation:none}.tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:5px}.tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(27,31,35,0.8)}.tooltipped-se::after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw::after{margin-right:-15px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(27,31,35,0.8)}.tooltipped-ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw::after{margin-right:-15px}.tooltipped-s::after,.tooltipped-n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(27,31,35,0.8)}.tooltipped-e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(27,31,35,0.8)}.tooltipped-multiline::after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after{right:100%}@media screen and (min-width: 0\0){.tooltipped-multiline::after{width:250px}}.tooltipped-sticky::before,.tooltipped-sticky::after{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.tooltipped-w::after{margin-right:4.5px}}.css-truncate.css-truncate-target,.css-truncate .css-truncate-target{display:inline-block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target{max-width:10000px !important}.anim-fade-in{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.anim-fade-in.fast{-webkit-animation-duration:300ms;animation-duration:300ms}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.anim-fade-up{opacity:0;-webkit-animation-name:fade-up;animation-name:fade-up;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.anim-fade-down{-webkit-animation-name:fade-down;animation-name:fade-down;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}.anim-grow-x{width:0%;-webkit-animation-name:grow-x;animation-name:grow-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes grow-x{to{width:100%}}@keyframes grow-x{to{width:100%}}.anim-shrink-x{-webkit-animation-name:shrink-x;animation-name:shrink-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes shrink-x{to{width:0%}}@keyframes shrink-x{to{width:0%}}.anim-scale-in{-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.anim-pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}@keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}.anim-pulse-in{-webkit-animation-name:pulse-in;animation-name:pulse-in;-webkit-animation-duration:0.5s;animation-duration:0.5s}@-webkit-keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.border{border:1px #e1e4e8 solid !important}.border-top{border-top:1px #e1e4e8 solid !important}.border-right{border-right:1px #e1e4e8 solid !important}.border-bottom{border-bottom:1px #e1e4e8 solid !important}.border-left{border-left:1px #e1e4e8 solid !important}.border-y{border-top:1px #e1e4e8 solid !important;border-bottom:1px #e1e4e8 solid !important}.border-dashed{border-style:dashed !important}.border-blue{border-color:#0366d6 !important}.border-blue-light{border-color:#c8e1ff !important}.border-green{border-color:#34d058 !important}.border-green-light{border-color:#a2cbac !important}.border-red{border-color:#d73a49 !important}.border-red-light{border-color:#cea0a5 !important}.border-purple{border-color:#6f42c1 !important}.border-yellow{border-color:#d9d0a5 !important}.border-gray-light{border-color:#eaecef !important}.border-gray-dark{border-color:#d1d5da !important}.border-black-fade{border-color:rgba(27,31,35,0.15) !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:3px !important}.rounded-2{border-radius:6px !important}.box-shadow{box-shadow:0 1px 1px rgba(27,31,35,0.1) !important}.box-shadow-medium{box-shadow:0 1px 5px rgba(27,31,35,0.15) !important}.box-shadow-large{box-shadow:0 1px 15px rgba(27,31,35,0.15) !important}.box-shadow-extra-large{box-shadow:0 10px 50px rgba(27,31,35,0.07) !important}.box-shadow-none{box-shadow:none !important}.bg-white{background-color:#fff !important}.bg-blue{background-color:#0366d6 !important}.bg-blue-light{background-color:#f1f8ff !important}.bg-gray-dark{background-color:#24292e !important}.bg-gray{background-color:#f6f8fa !important}.bg-gray-light{background-color:#fafbfc !important}.bg-green{background-color:#28a745 !important}.bg-green-light{background-color:#dcffe4 !important}.bg-red{background-color:#d73a49 !important}.bg-red-light{background-color:#ffdce0 !important}.bg-yellow{background-color:#ffd33d !important}.bg-yellow-light{background-color:#fff5b1 !important}.bg-purple{background-color:#6f42c1 !important}.bg-purple-light{background-color:#f5f0ff !important}.bg-shade-gradient{background-image:linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0)) !important;background-repeat:no-repeat !important;background-size:100% 200px !important}.text-blue{color:#0366d6 !important}.text-red{color:#cb2431 !important}.text-gray-light{color:#6a737d !important}.text-gray{color:#586069 !important}.text-gray-dark{color:#24292e !important}.text-green{color:#28a745 !important}.text-orange{color:#a04100 !important}.text-orange-light{color:#e36209 !important}.text-purple{color:#6f42c1 !important}.text-white{color:#fff !important}.text-inherit{color:inherit !important}.text-pending{color:#b08800 !important}.bg-pending{color:#dbab09 !important}.link-gray{color:#586069 !important}.link-gray:hover{color:#0366d6 !important}.link-gray-dark{color:#24292e !important}.link-gray-dark:hover{color:#0366d6 !important}.link-hover-blue:hover{color:#0366d6 !important}.muted-link{color:#586069 !important}.muted-link:hover{color:#0366d6 !important;text-decoration:none}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-justify-around{justify-content:space-around !important}.flex-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-content-start{align-content:flex-start !important}.flex-content-end{align-content:flex-end !important}.flex-content-center{align-content:center !important}.flex-content-between{align-content:space-between !important}.flex-content-around{align-content:space-around !important}.flex-content-stretch{align-content:stretch !important}.flex-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-shrink-0{flex-shrink:0 !important}.flex-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-self-start{align-self:flex-start !important}.flex-self-end{align-self:flex-end !important}.flex-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-self-baseline{align-self:baseline !important}.flex-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}@media (min-width: 544px){.flex-sm-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-sm-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-sm-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-sm-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-sm-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-sm-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-sm-justify-around{justify-content:space-around !important}.flex-sm-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-sm-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-sm-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-sm-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-sm-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-sm-content-start{align-content:flex-start !important}.flex-sm-content-end{align-content:flex-end !important}.flex-sm-content-center{align-content:center !important}.flex-sm-content-between{align-content:space-between !important}.flex-sm-content-around{align-content:space-around !important}.flex-sm-content-stretch{align-content:stretch !important}.flex-sm-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-sm-self-start{align-self:flex-start !important}.flex-sm-self-end{align-self:flex-end !important}.flex-sm-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-sm-self-baseline{align-self:baseline !important}.flex-sm-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-sm-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 768px){.flex-md-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-md-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-md-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-md-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-md-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-md-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-md-justify-around{justify-content:space-around !important}.flex-md-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-md-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-md-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-md-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-md-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-md-content-start{align-content:flex-start !important}.flex-md-content-end{align-content:flex-end !important}.flex-md-content-center{align-content:center !important}.flex-md-content-between{align-content:space-between !important}.flex-md-content-around{align-content:space-around !important}.flex-md-content-stretch{align-content:stretch !important}.flex-md-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-md-self-start{align-self:flex-start !important}.flex-md-self-end{align-self:flex-end !important}.flex-md-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-md-self-baseline{align-self:baseline !important}.flex-md-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-md-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1012px){.flex-lg-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-lg-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-lg-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-lg-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-lg-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-lg-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-lg-justify-around{justify-content:space-around !important}.flex-lg-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-lg-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-lg-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-lg-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-lg-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-lg-content-start{align-content:flex-start !important}.flex-lg-content-end{align-content:flex-end !important}.flex-lg-content-center{align-content:center !important}.flex-lg-content-between{align-content:space-between !important}.flex-lg-content-around{align-content:space-around !important}.flex-lg-content-stretch{align-content:stretch !important}.flex-lg-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-lg-self-start{align-self:flex-start !important}.flex-lg-self-end{align-self:flex-end !important}.flex-lg-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-lg-self-baseline{align-self:baseline !important}.flex-lg-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-lg-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1280px){.flex-xl-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-xl-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-xl-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-xl-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-xl-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-xl-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-xl-justify-around{justify-content:space-around !important}.flex-xl-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-xl-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-xl-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-xl-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-xl-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-xl-content-start{align-content:flex-start !important}.flex-xl-content-end{align-content:flex-end !important}.flex-xl-content-center{align-content:center !important}.flex-xl-content-between{align-content:space-between !important}.flex-xl-content-around{align-content:space-around !important}.flex-xl-content-stretch{align-content:stretch !important}.flex-xl-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-xl-self-start{align-self:flex-start !important}.flex-xl-self-end{align-self:flex-end !important}.flex-xl-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-xl-self-baseline{align-self:baseline !important}.flex-xl-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-xl-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.top-0{top:0 !important}.right-0{right:0 !important}.bottom-0{bottom:0 !important}.left-0{left:0 !important}.v-align-middle{vertical-align:middle !important}.v-align-top{vertical-align:top !important}.v-align-bottom{vertical-align:bottom !important}.v-align-text-top{vertical-align:text-top !important}.v-align-text-bottom{vertical-align:text-bottom !important}.overflow-hidden{overflow:hidden !important}.overflow-scroll{overflow:scroll !important}.overflow-auto{overflow:auto !important}.clearfix::before{display:table;content:""}.clearfix::after{display:table;clear:both;content:""}.float-right{float:right !important}.float-left{float:left !important}.float-none{float:none !important}@media (min-width: 544px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media (min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media (min-width: 1012px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media (min-width: 1280px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.width-fit{max-width:100% !important}.width-full{width:100% !important}.height-full{height:100% !important}.min-width-0{min-width:0 !important}.direction-rtl{direction:rtl !important}.direction-ltr{direction:ltr !important}@media (min-width: 544px){.direction-sm-rtl{direction:rtl !important}.direction-sm-ltr{direction:ltr !important}}@media (min-width: 768px){.direction-md-rtl{direction:rtl !important}.direction-md-ltr{direction:ltr !important}}@media (min-width: 1012px){.direction-lg-rtl{direction:rtl !important}.direction-lg-ltr{direction:ltr !important}}@media (min-width: 1280px){.direction-xl-rtl{direction:rtl !important}.direction-xl-ltr{direction:ltr !important}}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mt-n0{margin-top:-0 !important}.mr-n0{margin-right:-0 !important}.mb-n0{margin-bottom:-0 !important}.ml-n0{margin-left:-0 !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:4px !important}.mt-1{margin-top:4px !important}.mr-1{margin-right:4px !important}.mb-1{margin-bottom:4px !important}.ml-1{margin-left:4px !important}.mt-n1{margin-top:-4px !important}.mr-n1{margin-right:-4px !important}.mb-n1{margin-bottom:-4px !important}.ml-n1{margin-left:-4px !important}.mx-1{margin-right:4px !important;margin-left:4px !important}.my-1{margin-top:4px !important;margin-bottom:4px !important}.m-2{margin:8px !important}.mt-2{margin-top:8px !important}.mr-2{margin-right:8px !important}.mb-2{margin-bottom:8px !important}.ml-2{margin-left:8px !important}.mt-n2{margin-top:-8px !important}.mr-n2{margin-right:-8px !important}.mb-n2{margin-bottom:-8px !important}.ml-n2{margin-left:-8px !important}.mx-2{margin-right:8px !important;margin-left:8px !important}.my-2{margin-top:8px !important;margin-bottom:8px !important}.m-3{margin:16px !important}.mt-3{margin-top:16px !important}.mr-3{margin-right:16px !important}.mb-3{margin-bottom:16px !important}.ml-3{margin-left:16px !important}.mt-n3{margin-top:-16px !important}.mr-n3{margin-right:-16px !important}.mb-n3{margin-bottom:-16px !important}.ml-n3{margin-left:-16px !important}.mx-3{margin-right:16px !important;margin-left:16px !important}.my-3{margin-top:16px !important;margin-bottom:16px !important}.m-4{margin:24px !important}.mt-4{margin-top:24px !important}.mr-4{margin-right:24px !important}.mb-4{margin-bottom:24px !important}.ml-4{margin-left:24px !important}.mt-n4{margin-top:-24px !important}.mr-n4{margin-right:-24px !important}.mb-n4{margin-bottom:-24px !important}.ml-n4{margin-left:-24px !important}.mx-4{margin-right:24px !important;margin-left:24px !important}.my-4{margin-top:24px !important;margin-bottom:24px !important}.m-5{margin:32px !important}.mt-5{margin-top:32px !important}.mr-5{margin-right:32px !important}.mb-5{margin-bottom:32px !important}.ml-5{margin-left:32px !important}.mt-n5{margin-top:-32px !important}.mr-n5{margin-right:-32px !important}.mb-n5{margin-bottom:-32px !important}.ml-n5{margin-left:-32px !important}.mx-5{margin-right:32px !important;margin-left:32px !important}.my-5{margin-top:32px !important;margin-bottom:32px !important}.m-6{margin:40px !important}.mt-6{margin-top:40px !important}.mr-6{margin-right:40px !important}.mb-6{margin-bottom:40px !important}.ml-6{margin-left:40px !important}.mt-n6{margin-top:-40px !important}.mr-n6{margin-right:-40px !important}.mb-n6{margin-bottom:-40px !important}.ml-n6{margin-left:-40px !important}.mx-6{margin-right:40px !important;margin-left:40px !important}.my-6{margin-top:40px !important;margin-bottom:40px !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}@media (min-width: 544px){.m-sm-0{margin:0 !important}.mt-sm-0{margin-top:0 !important}.mr-sm-0{margin-right:0 !important}.mb-sm-0{margin-bottom:0 !important}.ml-sm-0{margin-left:0 !important}.mt-sm-n0{margin-top:-0 !important}.mr-sm-n0{margin-right:-0 !important}.mb-sm-n0{margin-bottom:-0 !important}.ml-sm-n0{margin-left:-0 !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 544px){.m-sm-1{margin:4px !important}.mt-sm-1{margin-top:4px !important}.mr-sm-1{margin-right:4px !important}.mb-sm-1{margin-bottom:4px !important}.ml-sm-1{margin-left:4px !important}.mt-sm-n1{margin-top:-4px !important}.mr-sm-n1{margin-right:-4px !important}.mb-sm-n1{margin-bottom:-4px !important}.ml-sm-n1{margin-left:-4px !important}.mx-sm-1{margin-right:4px !important;margin-left:4px !important}.my-sm-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 544px){.m-sm-2{margin:8px !important}.mt-sm-2{margin-top:8px !important}.mr-sm-2{margin-right:8px !important}.mb-sm-2{margin-bottom:8px !important}.ml-sm-2{margin-left:8px !important}.mt-sm-n2{margin-top:-8px !important}.mr-sm-n2{margin-right:-8px !important}.mb-sm-n2{margin-bottom:-8px !important}.ml-sm-n2{margin-left:-8px !important}.mx-sm-2{margin-right:8px !important;margin-left:8px !important}.my-sm-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 544px){.m-sm-3{margin:16px !important}.mt-sm-3{margin-top:16px !important}.mr-sm-3{margin-right:16px !important}.mb-sm-3{margin-bottom:16px !important}.ml-sm-3{margin-left:16px !important}.mt-sm-n3{margin-top:-16px !important}.mr-sm-n3{margin-right:-16px !important}.mb-sm-n3{margin-bottom:-16px !important}.ml-sm-n3{margin-left:-16px !important}.mx-sm-3{margin-right:16px !important;margin-left:16px !important}.my-sm-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 544px){.m-sm-4{margin:24px !important}.mt-sm-4{margin-top:24px !important}.mr-sm-4{margin-right:24px !important}.mb-sm-4{margin-bottom:24px !important}.ml-sm-4{margin-left:24px !important}.mt-sm-n4{margin-top:-24px !important}.mr-sm-n4{margin-right:-24px !important}.mb-sm-n4{margin-bottom:-24px !important}.ml-sm-n4{margin-left:-24px !important}.mx-sm-4{margin-right:24px !important;margin-left:24px !important}.my-sm-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 544px){.m-sm-5{margin:32px !important}.mt-sm-5{margin-top:32px !important}.mr-sm-5{margin-right:32px !important}.mb-sm-5{margin-bottom:32px !important}.ml-sm-5{margin-left:32px !important}.mt-sm-n5{margin-top:-32px !important}.mr-sm-n5{margin-right:-32px !important}.mb-sm-n5{margin-bottom:-32px !important}.ml-sm-n5{margin-left:-32px !important}.mx-sm-5{margin-right:32px !important;margin-left:32px !important}.my-sm-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 544px){.m-sm-6{margin:40px !important}.mt-sm-6{margin-top:40px !important}.mr-sm-6{margin-right:40px !important}.mb-sm-6{margin-bottom:40px !important}.ml-sm-6{margin-left:40px !important}.mt-sm-n6{margin-top:-40px !important}.mr-sm-n6{margin-right:-40px !important}.mb-sm-n6{margin-bottom:-40px !important}.ml-sm-n6{margin-left:-40px !important}.mx-sm-6{margin-right:40px !important;margin-left:40px !important}.my-sm-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0{margin-top:0 !important}.mr-md-0{margin-right:0 !important}.mb-md-0{margin-bottom:0 !important}.ml-md-0{margin-left:0 !important}.mt-md-n0{margin-top:-0 !important}.mr-md-n0{margin-right:-0 !important}.mb-md-n0{margin-bottom:-0 !important}.ml-md-n0{margin-left:-0 !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 768px){.m-md-1{margin:4px !important}.mt-md-1{margin-top:4px !important}.mr-md-1{margin-right:4px !important}.mb-md-1{margin-bottom:4px !important}.ml-md-1{margin-left:4px !important}.mt-md-n1{margin-top:-4px !important}.mr-md-n1{margin-right:-4px !important}.mb-md-n1{margin-bottom:-4px !important}.ml-md-n1{margin-left:-4px !important}.mx-md-1{margin-right:4px !important;margin-left:4px !important}.my-md-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 768px){.m-md-2{margin:8px !important}.mt-md-2{margin-top:8px !important}.mr-md-2{margin-right:8px !important}.mb-md-2{margin-bottom:8px !important}.ml-md-2{margin-left:8px !important}.mt-md-n2{margin-top:-8px !important}.mr-md-n2{margin-right:-8px !important}.mb-md-n2{margin-bottom:-8px !important}.ml-md-n2{margin-left:-8px !important}.mx-md-2{margin-right:8px !important;margin-left:8px !important}.my-md-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 768px){.m-md-3{margin:16px !important}.mt-md-3{margin-top:16px !important}.mr-md-3{margin-right:16px !important}.mb-md-3{margin-bottom:16px !important}.ml-md-3{margin-left:16px !important}.mt-md-n3{margin-top:-16px !important}.mr-md-n3{margin-right:-16px !important}.mb-md-n3{margin-bottom:-16px !important}.ml-md-n3{margin-left:-16px !important}.mx-md-3{margin-right:16px !important;margin-left:16px !important}.my-md-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 768px){.m-md-4{margin:24px !important}.mt-md-4{margin-top:24px !important}.mr-md-4{margin-right:24px !important}.mb-md-4{margin-bottom:24px !important}.ml-md-4{margin-left:24px !important}.mt-md-n4{margin-top:-24px !important}.mr-md-n4{margin-right:-24px !important}.mb-md-n4{margin-bottom:-24px !important}.ml-md-n4{margin-left:-24px !important}.mx-md-4{margin-right:24px !important;margin-left:24px !important}.my-md-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 768px){.m-md-5{margin:32px !important}.mt-md-5{margin-top:32px !important}.mr-md-5{margin-right:32px !important}.mb-md-5{margin-bottom:32px !important}.ml-md-5{margin-left:32px !important}.mt-md-n5{margin-top:-32px !important}.mr-md-n5{margin-right:-32px !important}.mb-md-n5{margin-bottom:-32px !important}.ml-md-n5{margin-left:-32px !important}.mx-md-5{margin-right:32px !important;margin-left:32px !important}.my-md-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 768px){.m-md-6{margin:40px !important}.mt-md-6{margin-top:40px !important}.mr-md-6{margin-right:40px !important}.mb-md-6{margin-bottom:40px !important}.ml-md-6{margin-left:40px !important}.mt-md-n6{margin-top:-40px !important}.mr-md-n6{margin-right:-40px !important}.mb-md-n6{margin-bottom:-40px !important}.ml-md-n6{margin-left:-40px !important}.mx-md-6{margin-right:40px !important;margin-left:40px !important}.my-md-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1012px){.m-lg-0{margin:0 !important}.mt-lg-0{margin-top:0 !important}.mr-lg-0{margin-right:0 !important}.mb-lg-0{margin-bottom:0 !important}.ml-lg-0{margin-left:0 !important}.mt-lg-n0{margin-top:-0 !important}.mr-lg-n0{margin-right:-0 !important}.mb-lg-n0{margin-bottom:-0 !important}.ml-lg-n0{margin-left:-0 !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1012px){.m-lg-1{margin:4px !important}.mt-lg-1{margin-top:4px !important}.mr-lg-1{margin-right:4px !important}.mb-lg-1{margin-bottom:4px !important}.ml-lg-1{margin-left:4px !important}.mt-lg-n1{margin-top:-4px !important}.mr-lg-n1{margin-right:-4px !important}.mb-lg-n1{margin-bottom:-4px !important}.ml-lg-n1{margin-left:-4px !important}.mx-lg-1{margin-right:4px !important;margin-left:4px !important}.my-lg-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1012px){.m-lg-2{margin:8px !important}.mt-lg-2{margin-top:8px !important}.mr-lg-2{margin-right:8px !important}.mb-lg-2{margin-bottom:8px !important}.ml-lg-2{margin-left:8px !important}.mt-lg-n2{margin-top:-8px !important}.mr-lg-n2{margin-right:-8px !important}.mb-lg-n2{margin-bottom:-8px !important}.ml-lg-n2{margin-left:-8px !important}.mx-lg-2{margin-right:8px !important;margin-left:8px !important}.my-lg-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1012px){.m-lg-3{margin:16px !important}.mt-lg-3{margin-top:16px !important}.mr-lg-3{margin-right:16px !important}.mb-lg-3{margin-bottom:16px !important}.ml-lg-3{margin-left:16px !important}.mt-lg-n3{margin-top:-16px !important}.mr-lg-n3{margin-right:-16px !important}.mb-lg-n3{margin-bottom:-16px !important}.ml-lg-n3{margin-left:-16px !important}.mx-lg-3{margin-right:16px !important;margin-left:16px !important}.my-lg-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1012px){.m-lg-4{margin:24px !important}.mt-lg-4{margin-top:24px !important}.mr-lg-4{margin-right:24px !important}.mb-lg-4{margin-bottom:24px !important}.ml-lg-4{margin-left:24px !important}.mt-lg-n4{margin-top:-24px !important}.mr-lg-n4{margin-right:-24px !important}.mb-lg-n4{margin-bottom:-24px !important}.ml-lg-n4{margin-left:-24px !important}.mx-lg-4{margin-right:24px !important;margin-left:24px !important}.my-lg-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1012px){.m-lg-5{margin:32px !important}.mt-lg-5{margin-top:32px !important}.mr-lg-5{margin-right:32px !important}.mb-lg-5{margin-bottom:32px !important}.ml-lg-5{margin-left:32px !important}.mt-lg-n5{margin-top:-32px !important}.mr-lg-n5{margin-right:-32px !important}.mb-lg-n5{margin-bottom:-32px !important}.ml-lg-n5{margin-left:-32px !important}.mx-lg-5{margin-right:32px !important;margin-left:32px !important}.my-lg-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1012px){.m-lg-6{margin:40px !important}.mt-lg-6{margin-top:40px !important}.mr-lg-6{margin-right:40px !important}.mb-lg-6{margin-bottom:40px !important}.ml-lg-6{margin-left:40px !important}.mt-lg-n6{margin-top:-40px !important}.mr-lg-n6{margin-right:-40px !important}.mb-lg-n6{margin-bottom:-40px !important}.ml-lg-n6{margin-left:-40px !important}.mx-lg-6{margin-right:40px !important;margin-left:40px !important}.my-lg-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1280px){.m-xl-0{margin:0 !important}.mt-xl-0{margin-top:0 !important}.mr-xl-0{margin-right:0 !important}.mb-xl-0{margin-bottom:0 !important}.ml-xl-0{margin-left:0 !important}.mt-xl-n0{margin-top:-0 !important}.mr-xl-n0{margin-right:-0 !important}.mb-xl-n0{margin-bottom:-0 !important}.ml-xl-n0{margin-left:-0 !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1280px){.m-xl-1{margin:4px !important}.mt-xl-1{margin-top:4px !important}.mr-xl-1{margin-right:4px !important}.mb-xl-1{margin-bottom:4px !important}.ml-xl-1{margin-left:4px !important}.mt-xl-n1{margin-top:-4px !important}.mr-xl-n1{margin-right:-4px !important}.mb-xl-n1{margin-bottom:-4px !important}.ml-xl-n1{margin-left:-4px !important}.mx-xl-1{margin-right:4px !important;margin-left:4px !important}.my-xl-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1280px){.m-xl-2{margin:8px !important}.mt-xl-2{margin-top:8px !important}.mr-xl-2{margin-right:8px !important}.mb-xl-2{margin-bottom:8px !important}.ml-xl-2{margin-left:8px !important}.mt-xl-n2{margin-top:-8px !important}.mr-xl-n2{margin-right:-8px !important}.mb-xl-n2{margin-bottom:-8px !important}.ml-xl-n2{margin-left:-8px !important}.mx-xl-2{margin-right:8px !important;margin-left:8px !important}.my-xl-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1280px){.m-xl-3{margin:16px !important}.mt-xl-3{margin-top:16px !important}.mr-xl-3{margin-right:16px !important}.mb-xl-3{margin-bottom:16px !important}.ml-xl-3{margin-left:16px !important}.mt-xl-n3{margin-top:-16px !important}.mr-xl-n3{margin-right:-16px !important}.mb-xl-n3{margin-bottom:-16px !important}.ml-xl-n3{margin-left:-16px !important}.mx-xl-3{margin-right:16px !important;margin-left:16px !important}.my-xl-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1280px){.m-xl-4{margin:24px !important}.mt-xl-4{margin-top:24px !important}.mr-xl-4{margin-right:24px !important}.mb-xl-4{margin-bottom:24px !important}.ml-xl-4{margin-left:24px !important}.mt-xl-n4{margin-top:-24px !important}.mr-xl-n4{margin-right:-24px !important}.mb-xl-n4{margin-bottom:-24px !important}.ml-xl-n4{margin-left:-24px !important}.mx-xl-4{margin-right:24px !important;margin-left:24px !important}.my-xl-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1280px){.m-xl-5{margin:32px !important}.mt-xl-5{margin-top:32px !important}.mr-xl-5{margin-right:32px !important}.mb-xl-5{margin-bottom:32px !important}.ml-xl-5{margin-left:32px !important}.mt-xl-n5{margin-top:-32px !important}.mr-xl-n5{margin-right:-32px !important}.mb-xl-n5{margin-bottom:-32px !important}.ml-xl-n5{margin-left:-32px !important}.mx-xl-5{margin-right:32px !important;margin-left:32px !important}.my-xl-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1280px){.m-xl-6{margin:40px !important}.mt-xl-6{margin-top:40px !important}.mr-xl-6{margin-right:40px !important}.mb-xl-6{margin-bottom:40px !important}.ml-xl-6{margin-left:40px !important}.mt-xl-n6{margin-top:-40px !important}.mr-xl-n6{margin-right:-40px !important}.mb-xl-n6{margin-bottom:-40px !important}.ml-xl-n6{margin-left:-40px !important}.mx-xl-6{margin-right:40px !important;margin-left:40px !important}.my-xl-6{margin-top:40px !important;margin-bottom:40px !important}}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-right:0 !important;padding-left:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:4px !important}.pt-1{padding-top:4px !important}.pr-1{padding-right:4px !important}.pb-1{padding-bottom:4px !important}.pl-1{padding-left:4px !important}.px-1{padding-right:4px !important;padding-left:4px !important}.py-1{padding-top:4px !important;padding-bottom:4px !important}.p-2{padding:8px !important}.pt-2{padding-top:8px !important}.pr-2{padding-right:8px !important}.pb-2{padding-bottom:8px !important}.pl-2{padding-left:8px !important}.px-2{padding-right:8px !important;padding-left:8px !important}.py-2{padding-top:8px !important;padding-bottom:8px !important}.p-3{padding:16px !important}.pt-3{padding-top:16px !important}.pr-3{padding-right:16px !important}.pb-3{padding-bottom:16px !important}.pl-3{padding-left:16px !important}.px-3{padding-right:16px !important;padding-left:16px !important}.py-3{padding-top:16px !important;padding-bottom:16px !important}.p-4{padding:24px !important}.pt-4{padding-top:24px !important}.pr-4{padding-right:24px !important}.pb-4{padding-bottom:24px !important}.pl-4{padding-left:24px !important}.px-4{padding-right:24px !important;padding-left:24px !important}.py-4{padding-top:24px !important;padding-bottom:24px !important}.p-5{padding:32px !important}.pt-5{padding-top:32px !important}.pr-5{padding-right:32px !important}.pb-5{padding-bottom:32px !important}.pl-5{padding-left:32px !important}.px-5{padding-right:32px !important;padding-left:32px !important}.py-5{padding-top:32px !important;padding-bottom:32px !important}.p-6{padding:40px !important}.pt-6{padding-top:40px !important}.pr-6{padding-right:40px !important}.pb-6{padding-bottom:40px !important}.pl-6{padding-left:40px !important}.px-6{padding-right:40px !important;padding-left:40px !important}.py-6{padding-top:40px !important;padding-bottom:40px !important}@media (min-width: 544px){.p-sm-0{padding:0 !important}.pt-sm-0{padding-top:0 !important}.pr-sm-0{padding-right:0 !important}.pb-sm-0{padding-bottom:0 !important}.pl-sm-0{padding-left:0 !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 544px){.p-sm-1{padding:4px !important}.pt-sm-1{padding-top:4px !important}.pr-sm-1{padding-right:4px !important}.pb-sm-1{padding-bottom:4px !important}.pl-sm-1{padding-left:4px !important}.px-sm-1{padding-right:4px !important;padding-left:4px !important}.py-sm-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 544px){.p-sm-2{padding:8px !important}.pt-sm-2{padding-top:8px !important}.pr-sm-2{padding-right:8px !important}.pb-sm-2{padding-bottom:8px !important}.pl-sm-2{padding-left:8px !important}.px-sm-2{padding-right:8px !important;padding-left:8px !important}.py-sm-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 544px){.p-sm-3{padding:16px !important}.pt-sm-3{padding-top:16px !important}.pr-sm-3{padding-right:16px !important}.pb-sm-3{padding-bottom:16px !important}.pl-sm-3{padding-left:16px !important}.px-sm-3{padding-right:16px !important;padding-left:16px !important}.py-sm-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 544px){.p-sm-4{padding:24px !important}.pt-sm-4{padding-top:24px !important}.pr-sm-4{padding-right:24px !important}.pb-sm-4{padding-bottom:24px !important}.pl-sm-4{padding-left:24px !important}.px-sm-4{padding-right:24px !important;padding-left:24px !important}.py-sm-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 544px){.p-sm-5{padding:32px !important}.pt-sm-5{padding-top:32px !important}.pr-sm-5{padding-right:32px !important}.pb-sm-5{padding-bottom:32px !important}.pl-sm-5{padding-left:32px !important}.px-sm-5{padding-right:32px !important;padding-left:32px !important}.py-sm-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 544px){.p-sm-6{padding:40px !important}.pt-sm-6{padding-top:40px !important}.pr-sm-6{padding-right:40px !important}.pb-sm-6{padding-bottom:40px !important}.pl-sm-6{padding-left:40px !important}.px-sm-6{padding-right:40px !important;padding-left:40px !important}.py-sm-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 768px){.p-md-0{padding:0 !important}.pt-md-0{padding-top:0 !important}.pr-md-0{padding-right:0 !important}.pb-md-0{padding-bottom:0 !important}.pl-md-0{padding-left:0 !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 768px){.p-md-1{padding:4px !important}.pt-md-1{padding-top:4px !important}.pr-md-1{padding-right:4px !important}.pb-md-1{padding-bottom:4px !important}.pl-md-1{padding-left:4px !important}.px-md-1{padding-right:4px !important;padding-left:4px !important}.py-md-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 768px){.p-md-2{padding:8px !important}.pt-md-2{padding-top:8px !important}.pr-md-2{padding-right:8px !important}.pb-md-2{padding-bottom:8px !important}.pl-md-2{padding-left:8px !important}.px-md-2{padding-right:8px !important;padding-left:8px !important}.py-md-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 768px){.p-md-3{padding:16px !important}.pt-md-3{padding-top:16px !important}.pr-md-3{padding-right:16px !important}.pb-md-3{padding-bottom:16px !important}.pl-md-3{padding-left:16px !important}.px-md-3{padding-right:16px !important;padding-left:16px !important}.py-md-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 768px){.p-md-4{padding:24px !important}.pt-md-4{padding-top:24px !important}.pr-md-4{padding-right:24px !important}.pb-md-4{padding-bottom:24px !important}.pl-md-4{padding-left:24px !important}.px-md-4{padding-right:24px !important;padding-left:24px !important}.py-md-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 768px){.p-md-5{padding:32px !important}.pt-md-5{padding-top:32px !important}.pr-md-5{padding-right:32px !important}.pb-md-5{padding-bottom:32px !important}.pl-md-5{padding-left:32px !important}.px-md-5{padding-right:32px !important;padding-left:32px !important}.py-md-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 768px){.p-md-6{padding:40px !important}.pt-md-6{padding-top:40px !important}.pr-md-6{padding-right:40px !important}.pb-md-6{padding-bottom:40px !important}.pl-md-6{padding-left:40px !important}.px-md-6{padding-right:40px !important;padding-left:40px !important}.py-md-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1012px){.p-lg-0{padding:0 !important}.pt-lg-0{padding-top:0 !important}.pr-lg-0{padding-right:0 !important}.pb-lg-0{padding-bottom:0 !important}.pl-lg-0{padding-left:0 !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1012px){.p-lg-1{padding:4px !important}.pt-lg-1{padding-top:4px !important}.pr-lg-1{padding-right:4px !important}.pb-lg-1{padding-bottom:4px !important}.pl-lg-1{padding-left:4px !important}.px-lg-1{padding-right:4px !important;padding-left:4px !important}.py-lg-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1012px){.p-lg-2{padding:8px !important}.pt-lg-2{padding-top:8px !important}.pr-lg-2{padding-right:8px !important}.pb-lg-2{padding-bottom:8px !important}.pl-lg-2{padding-left:8px !important}.px-lg-2{padding-right:8px !important;padding-left:8px !important}.py-lg-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1012px){.p-lg-3{padding:16px !important}.pt-lg-3{padding-top:16px !important}.pr-lg-3{padding-right:16px !important}.pb-lg-3{padding-bottom:16px !important}.pl-lg-3{padding-left:16px !important}.px-lg-3{padding-right:16px !important;padding-left:16px !important}.py-lg-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1012px){.p-lg-4{padding:24px !important}.pt-lg-4{padding-top:24px !important}.pr-lg-4{padding-right:24px !important}.pb-lg-4{padding-bottom:24px !important}.pl-lg-4{padding-left:24px !important}.px-lg-4{padding-right:24px !important;padding-left:24px !important}.py-lg-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1012px){.p-lg-5{padding:32px !important}.pt-lg-5{padding-top:32px !important}.pr-lg-5{padding-right:32px !important}.pb-lg-5{padding-bottom:32px !important}.pl-lg-5{padding-left:32px !important}.px-lg-5{padding-right:32px !important;padding-left:32px !important}.py-lg-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1012px){.p-lg-6{padding:40px !important}.pt-lg-6{padding-top:40px !important}.pr-lg-6{padding-right:40px !important}.pb-lg-6{padding-bottom:40px !important}.pl-lg-6{padding-left:40px !important}.px-lg-6{padding-right:40px !important;padding-left:40px !important}.py-lg-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1280px){.p-xl-0{padding:0 !important}.pt-xl-0{padding-top:0 !important}.pr-xl-0{padding-right:0 !important}.pb-xl-0{padding-bottom:0 !important}.pl-xl-0{padding-left:0 !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1280px){.p-xl-1{padding:4px !important}.pt-xl-1{padding-top:4px !important}.pr-xl-1{padding-right:4px !important}.pb-xl-1{padding-bottom:4px !important}.pl-xl-1{padding-left:4px !important}.px-xl-1{padding-right:4px !important;padding-left:4px !important}.py-xl-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1280px){.p-xl-2{padding:8px !important}.pt-xl-2{padding-top:8px !important}.pr-xl-2{padding-right:8px !important}.pb-xl-2{padding-bottom:8px !important}.pl-xl-2{padding-left:8px !important}.px-xl-2{padding-right:8px !important;padding-left:8px !important}.py-xl-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1280px){.p-xl-3{padding:16px !important}.pt-xl-3{padding-top:16px !important}.pr-xl-3{padding-right:16px !important}.pb-xl-3{padding-bottom:16px !important}.pl-xl-3{padding-left:16px !important}.px-xl-3{padding-right:16px !important;padding-left:16px !important}.py-xl-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1280px){.p-xl-4{padding:24px !important}.pt-xl-4{padding-top:24px !important}.pr-xl-4{padding-right:24px !important}.pb-xl-4{padding-bottom:24px !important}.pl-xl-4{padding-left:24px !important}.px-xl-4{padding-right:24px !important;padding-left:24px !important}.py-xl-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1280px){.p-xl-5{padding:32px !important}.pt-xl-5{padding-top:32px !important}.pr-xl-5{padding-right:32px !important}.pb-xl-5{padding-bottom:32px !important}.pl-xl-5{padding-left:32px !important}.px-xl-5{padding-right:32px !important;padding-left:32px !important}.py-xl-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1280px){.p-xl-6{padding:40px !important}.pt-xl-6{padding-top:40px !important}.pr-xl-6{padding-right:40px !important}.pb-xl-6{padding-bottom:40px !important}.pl-xl-6{padding-left:40px !important}.px-xl-6{padding-right:40px !important;padding-left:40px !important}.py-xl-6{padding-top:40px !important;padding-bottom:40px !important}}.p-responsive{padding-right:16px !important;padding-left:16px !important}@media (min-width: 544px){.p-responsive{padding-right:40px !important;padding-left:40px !important}}@media (min-width: 1012px){.p-responsive{padding-right:16px !important;padding-left:16px !important}}.h1{font-size:26px !important}@media (min-width: 768px){.h1{font-size:32px !important}}.h2{font-size:22px !important}@media (min-width: 768px){.h2{font-size:24px !important}}.h3{font-size:18px !important}@media (min-width: 768px){.h3{font-size:20px !important}}.h4{font-size:16px !important}.h5{font-size:14px !important}.h6{font-size:12px !important}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600 !important}.f1{font-size:26px !important}@media (min-width: 768px){.f1{font-size:32px !important}}.f2{font-size:22px !important}@media (min-width: 768px){.f2{font-size:24px !important}}.f3{font-size:18px !important}@media (min-width: 768px){.f3{font-size:20px !important}}.f4{font-size:16px !important}@media (min-width: 768px){.f4{font-size:16px !important}}.f5{font-size:14px !important}.f6{font-size:12px !important}.f00-light{font-size:40px !important;font-weight:300 !important}@media (min-width: 768px){.f00-light{font-size:48px !important}}.f0-light{font-size:32px !important;font-weight:300 !important}@media (min-width: 768px){.f0-light{font-size:40px !important}}.f1-light{font-size:26px !important;font-weight:300 !important}@media (min-width: 768px){.f1-light{font-size:32px !important}}.f2-light{font-size:22px !important;font-weight:300 !important}@media (min-width: 768px){.f2-light{font-size:24px !important}}.f3-light{font-size:18px !important;font-weight:300 !important}@media (min-width: 768px){.f3-light{font-size:20px !important}}.text-small{font-size:12px !important}.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#586069}.lh-condensed-ultra{line-height:1 !important}.lh-condensed{line-height:1.25 !important}.lh-default{line-height:1.5 !important}.text-right{text-align:right !important}.text-left{text-align:left !important}.text-center{text-align:center !important}@media (min-width: 544px){.text-sm-right{text-align:right !important}.text-sm-left{text-align:left !important}.text-sm-center{text-align:center !important}}@media (min-width: 768px){.text-md-right{text-align:right !important}.text-md-left{text-align:left !important}.text-md-center{text-align:center !important}}@media (min-width: 1012px){.text-lg-right{text-align:right !important}.text-lg-left{text-align:left !important}.text-lg-center{text-align:center !important}}@media (min-width: 1280px){.text-xl-right{text-align:right !important}.text-xl-left{text-align:left !important}.text-xl-center{text-align:center !important}}.text-normal{font-weight:400 !important}.text-bold{font-weight:600 !important}.text-italic{font-style:italic !important}.text-uppercase{text-transform:uppercase !important}.no-underline{text-decoration:none !important}.no-wrap{white-space:nowrap !important}.ws-normal{white-space:normal !important}.wb-break-all{word-break:break-all !important}.text-emphasized{font-weight:600;color:#24292e}.list-style-none{list-style:none !important}.text-shadow-dark{text-shadow:0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)}.text-shadow-light{text-shadow:0 1px 0 rgba(255,255,255,0.5)}.v-hidden{visibility:hidden !important}.v-visible{visibility:visible !important}.d-table{display:table !important}.d-table-cell{display:table-cell !important}.table-fixed{table-layout:fixed !important}.d-block{display:block !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-flex{display:-webkit-box !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-none{display:none !important}@media (min-width: 544px){.d-sm-table{display:table !important}.d-sm-table-cell{display:table-cell !important}.d-sm-block{display:block !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-flex{display:-webkit-box !important;display:flex !important}.d-sm-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-sm-none{display:none !important}}@media (min-width: 768px){.d-md-table{display:table !important}.d-md-table-cell{display:table-cell !important}.d-md-block{display:block !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-flex{display:-webkit-box !important;display:flex !important}.d-md-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-md-none{display:none !important}}@media (min-width: 1012px){.d-lg-table{display:table !important}.d-lg-table-cell{display:table-cell !important}.d-lg-block{display:block !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-flex{display:-webkit-box !important;display:flex !important}.d-lg-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-lg-none{display:none !important}}@media (min-width: 1280px){.d-xl-table{display:table !important}.d-xl-table-cell{display:table-cell !important}.d-xl-block{display:block !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-flex{display:-webkit-box !important;display:flex !important}.d-xl-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-xl-none{display:none !important}}@media (max-width: 544px){.hide-sm{display:none !important}}@media (min-width: 544px) and (max-width: 768px){.hide-md{display:none !important}}@media (min-width: 768px) and (max-width: 1012px){.hide-lg{display:none !important}}@media (min-width: 1012px){.hide-xl{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);word-wrap:normal;border:0}.show-on-focus{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.show-on-focus:focus{z-index:20;width:auto;height:auto;clip:auto} diff --git a/node_modules/primer-core/build/index.js b/node_modules/primer-core/build/index.js new file mode 100644 index 000000000..430907ff2 --- /dev/null +++ b/node_modules/primer-core/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":98919,"gzipSize":15453,"humanizedSize":"97kB","humanizedGzipSize":"15kB","rules":{"total":1650,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1,3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3,21,3,1,3,2,1,2,1,3,1,4,4,5,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,1,5,5,3,1,4,2,2,4,3,3,3,1,5,12,2,2,12,1,2,3,16,1,2,2,2,3,1,4,2,3,1,1,1,2,3,2,1,1,1,4,1,3,1,13,3,1,1,1,1,1,5,2,2,1,5,3,6,3,5,1,1,1,2,3,2,3,2,2,1,3,2,3,1,1,7,2,1,11,1,1,5,2,1,4,1,1,1,1,3,2,1,1,3,1,1,1,1,1,3,3,1,1,2,2,11,9,1,2,3,1,1,1,3,1,1,4,2,1,1,1,1,1,1,1,1,2,7,1,1,1,1,1,1,1,1,1,3,1,2,4,1,1,3,1,1,1,3,3,1,2,10,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,6,1,3,4,2,1,1,1,1,1,2,1,1,2,1,6,1,2,2,1,4,3,1,2,2,1,3,2,3,3,3,3,2,2,3,3,1,1,1,1,1,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,5,4,3,1,3,1,2,4,7,4,2,2,2,1,10,1,2,3,3,1,1,9,4,2,5,1,2,1,1,3,2,2,12,2,2,2,7,1,2,3,2,1,7,1,2,4,2,2,2,3,1,7,3,1,1,2,1,1,1,1,1,19,10,1,1,1,1,12,3,1,3,5,3,1,3,5,3,1,2,5,5,5,5,7,4,1,1,1,1,1,6,1,6,2,1,1,1,1,11,3,3,3,3,8,3,3,3,3,11,1,1,10,1,1,6,3,3,3,3,8,1,1,1,1,1,1,4,2,2,2,2,2,2,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,2,1,2,1,2,1,2,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,8,6,4],"max":21,"average":1.6418181818181818}},"selectors":{"total":1833,"type":166,"class":1667,"id":0,"pseudoClass":126,"pseudoElement":93,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon",".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon",".btn",".btn i",".btn .octicon",".btn .Counter",".btn:hover",".btn:focus",".btn:disabled",".btn.disabled",".btn:active",".btn.selected",".btn",".btn:focus",".btn.focus",".btn:hover",".btn.hover",".btn:active",".btn.selected",".btn:disabled",".btn.disabled",".btn-primary",".btn-primary:focus",".btn-primary.focus",".btn-primary:hover",".btn-primary.hover",".btn-primary:active",".btn-primary.selected",".btn-primary:disabled",".btn-primary.disabled",".btn-primary .Counter",".btn-purple",".btn-purple:focus",".btn-purple.focus",".btn-purple:hover",".btn-purple.hover",".btn-purple:active",".btn-purple.selected",".btn-purple:disabled",".btn-purple.disabled",".btn-purple .Counter",".btn-blue",".btn-blue:focus",".btn-blue.focus",".btn-blue:hover",".btn-blue.hover",".btn-blue:active",".btn-blue.selected",".btn-blue:disabled",".btn-blue.disabled",".btn-blue .Counter",".btn-danger",".btn-danger:focus",".btn-danger:hover",".btn-danger:hover .Counter",".btn-danger:active",".btn-danger.selected",".btn-danger:disabled",".btn-danger.disabled",".btn-outline",".btn-outline .Counter",".btn-outline:hover",".btn-outline:active",".btn-outline.selected",".btn-outline:hover .Counter",".btn-outline:active .Counter",".btn-outline.selected .Counter",".btn-outline:focus",".btn-outline:disabled",".btn-outline.disabled",".btn-with-count",".btn-sm",".btn-large",".hidden-text-expander",".hidden-text-expander.inline",".hidden-text-expander a",".ellipsis-expander",".hidden-text-expander a:hover",".ellipsis-expander:hover",".hidden-text-expander a:active",".ellipsis-expander:active",".social-count",".social-count:hover",".social-count:active",".social-count:hover",".btn-block",".btn-link",".btn-link:hover",".btn-link:disabled",".btn-link:disabled:hover",".BtnGroup",".BtnGroup::before",".BtnGroup::after",".BtnGroup+.BtnGroup",".BtnGroup+.btn",".BtnGroup-item",".BtnGroup-item:first-child",".BtnGroup-item:last-child",".BtnGroup-item.selected",".BtnGroup-item:focus",".BtnGroup-item:active",".BtnGroup-item:hover",".BtnGroup-item.selected+.BtnGroup-item",".BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:active+.BtnGroup-item",".BtnGroup-item:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item",".BtnGroup-form",".BtnGroup-form:first-child .BtnGroup-item",".BtnGroup-form:last-child .BtnGroup-item",".BtnGroup-form .BtnGroup-item",".BtnGroup-form.selected .BtnGroup-item",".BtnGroup-form:focus .BtnGroup-item",".BtnGroup-form:active .BtnGroup-item",".BtnGroup-form:hover .BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:active+.BtnGroup-item",".BtnGroup-form:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item",".TableObject",".TableObject-item",".TableObject-item--primary","fieldset","label",".form-control",".form-select",".form-control.focus",".form-control:focus",".form-select.focus",".form-select:focus",".input-contrast",".input-contrast:focus","::-webkit-input-placeholder",":-ms-input-placeholder","::placeholder",".input-sm",".input-lg",".input-block",".input-monospace",".input-hide-webkit-autofill::-webkit-contacts-auto-fill-button",".form-checkbox",".form-checkbox label em.highlight",".form-checkbox input[type=checkbox]",".form-checkbox input[type=radio]",".form-checkbox .note",".form-checkbox-details",".form-checkbox-details-trigger:checked ~ * .form-checkbox-details",".form-checkbox-details-trigger:checked ~ .form-checkbox-details",".hfields",".hfields::before",".hfields::after",".hfields .form-group",".hfields .form-group dt label",".hfields .form-group dt img",".hfields .btn",".hfields .form-select","input::-webkit-outer-spin-button","input::-webkit-inner-spin-button",".form-actions::before",".form-actions::after",".form-actions .btn",".form-actions .btn+.btn",".form-warning",".form-warning p",".form-warning a",".form-select",".form-select::-ms-expand",".form-select[multiple]",".select-sm",".select-sm[multiple]",".form-group",".form-group .form-control",".form-group .form-control:focus",".form-group .form-control.shorter",".form-group .form-control.short",".form-group .form-control.long",".form-group textarea.form-control",".form-group textarea.form-control.short",".form-group dt",".form-group label",".form-group.flattened dt",".form-group.flattened dd",".form-group dd h4",".form-group dd h4.is-error",".form-group dd h4.is-success",".form-group dd h4+.note",".form-group.required dt label::after",".form-group .success",".form-group .error",".form-group .indicator",".form-group.loading",".form-group.loading .indicator",".form-group.loading .spinner",".form-group.successful .success",".form-group.warn .warning",".form-group.warn .error",".form-group.errored .warning",".form-group.errored .error",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.warn .error::after",".form-group.warn .error::before",".form-group.errored .warning::after",".form-group.errored .warning::before",".form-group.errored .error::after",".form-group.errored .error::before",".form-group.warn .warning::after",".form-group.warn .error::after",".form-group.errored .warning::after",".form-group.errored .error::after",".form-group.warn .warning::before",".form-group.warn .error::before",".form-group.errored .warning::before",".form-group.errored .error::before",".form-group.warn .warning",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.errored label",".form-group.errored .error",".form-group.errored .error::after",".form-group.errored .error::before",".note",".note .spinner","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored",".form-cards",".form-cards .card",".form-cards .card.visa",".form-cards .card.amex",".form-cards .card.mastercard",".form-cards .card.discover",".form-cards .card.jcb",".form-cards .card.dinersclub",".form-cards .card.enabled",".form-cards .card.disabled",".form-cards>.cards",".form-cards>.cards>li",".form-cards>.cards>li.text",".form-cards>.cards .card",".status-indicator",".status-indicator .octicon",".status-indicator-success::before",".status-indicator-success .octicon-check",".status-indicator-success .octicon-x",".status-indicator-failed::before",".status-indicator-failed .octicon-check",".status-indicator-failed .octicon-x",".status-indicator-loading",".inline-form",".inline-form .btn-plain",".drag-and-drop",".drag-and-drop .default",".drag-and-drop .loading",".drag-and-drop .error",".drag-and-drop .error",".drag-and-drop img",".is-default .drag-and-drop .default",".is-uploading .drag-and-drop .loading",".is-bad-file .drag-and-drop .bad-file",".is-duplicate-filename .drag-and-drop .duplicate-filename",".is-too-big .drag-and-drop .too-big",".is-hidden-file .drag-and-drop .hidden-file",".is-empty .drag-and-drop .empty",".is-bad-permissions .drag-and-drop .bad-permissions",".is-repository-required .drag-and-drop .repository-required",".drag-and-drop-error-info",".drag-and-drop-error-info a",".is-failed .drag-and-drop .failed-request",".manual-file-chooser",".manual-file-chooser:hover+.manual-file-chooser-text",".btn .manual-file-chooser",".upload-enabled textarea",".upload-enabled.focused",".upload-enabled.focused .form-control",".upload-enabled.focused .drag-and-drop",".dragover textarea",".dragover .drag-and-drop",".write-content",".previewable-comment-form",".previewable-comment-form .tabnav",".previewable-comment-form .comment",".previewable-comment-form .comment-form-error",".previewable-comment-form .write-content",".previewable-comment-form .preview-content",".previewable-comment-form.write-selected .write-content",".previewable-comment-form.preview-selected .preview-content",".previewable-comment-form textarea",".form-action-spacious","div.composer",".composer .comment-form-textarea",".composer .tabnav","h2.account","p.explain","p.explain strong","p.explain .octicon","p.explain .minibutton",".form-group label",".container",".container::before",".container::after",".container-md",".container-lg",".container-xl",".columns",".columns::before",".columns::after",".column",".one-third",".two-thirds",".one-fourth",".one-half",".three-fourths",".one-fifth",".four-fifths",".centered",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gutter",".gutter>[class*=\"col-\"]",".gutter-condensed",".gutter-condensed>[class*=\"col-\"]",".gutter-spacious",".gutter-spacious>[class*=\"col-\"]",".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]",".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]",".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]",".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11",".menu",".menu-item",".menu-item:first-child",".menu-item:first-child::before",".menu-item:last-child",".menu-item:last-child::before",".menu-item:hover",".menu-item.selected",".menu-item.selected::before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child",".tabnav",".tabnav .Counter",".tabnav-tabs",".tabnav-tab",".tabnav-tab.selected",".tabnav-tab:hover",".tabnav-tab:focus",".tabnav-extra",".tabnav-extra>.octicon","a.tabnav-extra:hover",".tabnav-btn",".filter-list",".filter-list.small .filter-item",".filter-list.pjax-active .filter-item",".filter-list.pjax-active .filter-item.pjax-active",".filter-item",".filter-item:hover",".filter-item.selected",".filter-item .count",".filter-item .bar",".subnav",".subnav::before",".subnav::after",".subnav-bordered",".subnav-flush",".subnav-item",".subnav-item+.subnav-item",".subnav-item:hover",".subnav-item:focus",".subnav-item.selected",".subnav-item.selected:hover",".subnav-item.selected:focus",".subnav-item:first-child",".subnav-item:last-child",".subnav-search",".subnav-search-input",".subnav-search-input-wide",".subnav-search-icon",".subnav-search-context .btn",".subnav-search-context .btn:hover",".subnav-search-context .btn:focus",".subnav-search-context .btn:active",".subnav-search-context .btn.selected",".subnav-search-context+.subnav-search",".subnav-search-context+.subnav-search .subnav-search-input",".subnav-search-context .select-menu-modal-holder",".subnav-search-context .select-menu-modal",".subnav-search-context .select-menu-item-icon",".subnav-spacer-right",".tooltipped",".tooltipped::after",".tooltipped::before","from","to","from","to",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-s::before",".tooltipped-se::before",".tooltipped-sw::before",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-n::before",".tooltipped-ne::before",".tooltipped-nw::before",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-w::before",".tooltipped-e::after",".tooltipped-e::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-multiline::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after",".tooltipped-w::after",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".css-truncate.expandable:hover.css-truncate-target",".anim-fade-in",".anim-fade-in.fast","0%","100%","0%","100%",".anim-fade-up","0%","100%","0%","100%",".anim-fade-down","0%","100%","0%","100%",".anim-grow-x","to","to",".anim-shrink-x","to","to",".anim-scale-in","0%","100%","0%","100%",".anim-pulse","0%","10%","100%","0%","10%","100%",".anim-pulse-in","0%","50%","100%","0%","50%","100%",".border",".border-top",".border-right",".border-bottom",".border-left",".border-y",".border-dashed",".border-blue",".border-blue-light",".border-green",".border-green-light",".border-red",".border-red-light",".border-purple",".border-yellow",".border-gray-light",".border-gray-dark",".border-black-fade",".border-0",".border-top-0",".border-right-0",".border-bottom-0",".border-left-0",".rounded-0",".rounded-1",".rounded-2",".box-shadow",".box-shadow-medium",".box-shadow-large",".box-shadow-extra-large",".box-shadow-none",".bg-white",".bg-blue",".bg-blue-light",".bg-gray-dark",".bg-gray",".bg-gray-light",".bg-green",".bg-green-light",".bg-red",".bg-red-light",".bg-yellow",".bg-yellow-light",".bg-purple",".bg-purple-light",".bg-shade-gradient",".text-blue",".text-red",".text-gray-light",".text-gray",".text-gray-dark",".text-green",".text-orange",".text-orange-light",".text-purple",".text-white",".text-inherit",".text-pending",".bg-pending",".link-gray",".link-gray:hover",".link-gray-dark",".link-gray-dark:hover",".link-hover-blue:hover",".muted-link",".muted-link:hover",".flex-row",".flex-row-reverse",".flex-column",".flex-wrap",".flex-nowrap",".flex-justify-start",".flex-justify-end",".flex-justify-center",".flex-justify-between",".flex-justify-around",".flex-items-start",".flex-items-end",".flex-items-center",".flex-items-baseline",".flex-items-stretch",".flex-content-start",".flex-content-end",".flex-content-center",".flex-content-between",".flex-content-around",".flex-content-stretch",".flex-auto",".flex-shrink-0",".flex-self-auto",".flex-self-start",".flex-self-end",".flex-self-center",".flex-self-baseline",".flex-self-stretch",".flex-item-equal",".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal",".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal",".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal",".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal",".position-static",".position-relative",".position-absolute",".position-fixed",".top-0",".right-0",".bottom-0",".left-0",".v-align-middle",".v-align-top",".v-align-bottom",".v-align-text-top",".v-align-text-bottom",".overflow-hidden",".overflow-scroll",".overflow-auto",".clearfix::before",".clearfix::after",".float-right",".float-left",".float-none",".float-sm-left",".float-sm-right",".float-sm-none",".float-md-left",".float-md-right",".float-md-none",".float-lg-left",".float-lg-right",".float-lg-none",".float-xl-left",".float-xl-right",".float-xl-none",".width-fit",".width-full",".height-full",".min-width-0",".direction-rtl",".direction-ltr",".direction-sm-rtl",".direction-sm-ltr",".direction-md-rtl",".direction-md-ltr",".direction-lg-rtl",".direction-lg-ltr",".direction-xl-rtl",".direction-xl-ltr",".m-0",".mt-0",".mr-0",".mb-0",".ml-0",".mt-n0",".mr-n0",".mb-n0",".ml-n0",".mx-0",".my-0",".m-1",".mt-1",".mr-1",".mb-1",".ml-1",".mt-n1",".mr-n1",".mb-n1",".ml-n1",".mx-1",".my-1",".m-2",".mt-2",".mr-2",".mb-2",".ml-2",".mt-n2",".mr-n2",".mb-n2",".ml-n2",".mx-2",".my-2",".m-3",".mt-3",".mr-3",".mb-3",".ml-3",".mt-n3",".mr-n3",".mb-n3",".ml-n3",".mx-3",".my-3",".m-4",".mt-4",".mr-4",".mb-4",".ml-4",".mt-n4",".mr-n4",".mb-n4",".ml-n4",".mx-4",".my-4",".m-5",".mt-5",".mr-5",".mb-5",".ml-5",".mt-n5",".mr-n5",".mb-n5",".ml-n5",".mx-5",".my-5",".m-6",".mt-6",".mr-6",".mb-6",".ml-6",".mt-n6",".mr-n6",".mb-n6",".ml-n6",".mx-6",".my-6",".mx-auto",".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0",".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1",".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2",".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3",".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4",".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5",".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6",".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0",".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1",".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2",".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3",".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4",".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5",".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6",".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0",".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1",".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2",".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3",".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4",".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5",".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6",".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0",".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1",".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2",".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3",".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4",".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5",".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6",".p-0",".pt-0",".pr-0",".pb-0",".pl-0",".px-0",".py-0",".p-1",".pt-1",".pr-1",".pb-1",".pl-1",".px-1",".py-1",".p-2",".pt-2",".pr-2",".pb-2",".pl-2",".px-2",".py-2",".p-3",".pt-3",".pr-3",".pb-3",".pl-3",".px-3",".py-3",".p-4",".pt-4",".pr-4",".pb-4",".pl-4",".px-4",".py-4",".p-5",".pt-5",".pr-5",".pb-5",".pl-5",".px-5",".py-5",".p-6",".pt-6",".pr-6",".pb-6",".pl-6",".px-6",".py-6",".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0",".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1",".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2",".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3",".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4",".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5",".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6",".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0",".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1",".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2",".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3",".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4",".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5",".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6",".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0",".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1",".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2",".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3",".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4",".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5",".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6",".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0",".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1",".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2",".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3",".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4",".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5",".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6",".p-responsive",".p-responsive",".p-responsive",".h1",".h1",".h2",".h2",".h3",".h3",".h4",".h5",".h6",".h1",".h2",".h3",".h4",".h5",".h6",".f1",".f1",".f2",".f2",".f3",".f3",".f4",".f4",".f5",".f6",".f00-light",".f00-light",".f0-light",".f0-light",".f1-light",".f1-light",".f2-light",".f2-light",".f3-light",".f3-light",".text-small",".lead",".lh-condensed-ultra",".lh-condensed",".lh-default",".text-right",".text-left",".text-center",".text-sm-right",".text-sm-left",".text-sm-center",".text-md-right",".text-md-left",".text-md-center",".text-lg-right",".text-lg-left",".text-lg-center",".text-xl-right",".text-xl-left",".text-xl-center",".text-normal",".text-bold",".text-italic",".text-uppercase",".no-underline",".no-wrap",".ws-normal",".wb-break-all",".text-emphasized",".list-style-none",".text-shadow-dark",".text-shadow-light",".v-hidden",".v-visible",".d-table",".d-table-cell",".table-fixed",".d-block",".d-inline",".d-inline-block",".d-flex",".d-inline-flex",".d-none",".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none",".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none",".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none",".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none",".hide-sm",".hide-md",".hide-lg",".hide-xl",".sr-only",".show-on-focus",".show-on-focus:focus"],"specificity":{"max":40,"average":12.14620840152755}},"declarations":{"total":2709,"unique":766,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0","-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px","0","15px 0","5px 0 0 -20px","0","15px 0","0 30px 0 0","5px 0 0","28px 25px 0 -20px","0","10px 0","0","15px 0","0 0 6px","0","4px 0 0","4px 0 0","4px 0 2px","0 0 15px","0","0 4px 0 0","0","0 8px 8px","0 0 10px","15px 0 0","0 0 2px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0"],"display":["block","list-item","inline-block","none","none","table","table","table","inline-block","block","inline-block","inline-block","block","inline-block","inline-block","table","table","table","table-cell","block","none","block","none","block","table","table","inline-block","table","table","inline-block","none","inline","inline-block","inline","block","inline-block","none","inline-block","none","none","inline-block","inline-block","none","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","block","none","block","block","table","table","table","table","block","block","block","inline-block","inline-block","block","inline-block","table","table","block","none","none","inline-block","table-cell","inline-block","table-cell","inline-block","table","table","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","none","none","none","none"],"height":["0","0","auto","0","12px","34px","auto","28px","auto","200px","50px","0","31px","31px","16px","200px","0","100%","1px","1px","auto"],"vertical-align":["baseline","baseline","text-bottom","middle","text-top","middle","middle","middle","middle","middle","middle","middle","middle","middle","top","top","middle","top","bottom","text-top","text-bottom"],"background-color":["transparent","#ff0","#fff","#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa","rgba(27,31,35,0.1)","#eff3f6","#e6ebf1","#e9ecef","#eff3f6","#28a745","#269f42","#279f43","#94d3a2","#fff","#643ab0","#5f37a8","#613ca4","#b19cd7","#fff","#0361cc","#035cc2","#045cc1","#81b0e5","#fff","#fafbfc","#cb2431","#b5202c","#eff3f6","#fff","rgba(27,31,35,0.07)","#0366d6","#fff","#fff","#c6cbd1","#2188ff","#fff","transparent","#fff","#fafbfc","#fff","#fafbfc","#fff","#fffbdd","#ffdce0","transparent","#fafbfc","#fff","#f6f8fa","#fff","#e36209","#f3f5f8","transparent","#fff","transparent","#0366d6","#eaecef","#0366d6","#eff3f6","#f6f8fa","#0366d6","#fff","#0366d6","#f1f8ff","#24292e","#f6f8fa","#fafbfc","#28a745","#dcffe4","#d73a49","#ffdce0","#ffd33d","#fff5b1","#6f42c1","#f5f0ff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5","1px solid #e1e4e8","1px dashed #dfe2e5","1px solid #e1e4e8","0","1px solid #e1e4e8","0","1px solid #d1d5da","0","1px solid #eaecef","1px #e1e4e8 solid","1px #e1e4e8 solid","0"],"text-decoration":["underline","underline dotted","none","underline","none","none","none","none","none","none","none","underline","underline","none","none","none","none","none","none","none","none","none","none","none","none"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600","600","600","500","600","600","600","400","600","600","400","400","400","600","600","600","600","600","300","300","300","300","300","300","400","600","600"],"font-style":["italic","normal","normal","italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px","20px","14px","14px","12px","inherit","12px","12px","inherit","14px","12px","16px","12px","14px","12px","12px","13px","12px","13px","18px","12px","13px","14px","12px","12px","14px","26px","32px","22px","24px","18px","20px","16px","14px","12px","26px","32px","22px","24px","18px","20px","16px","16px","14px","12px","40px","48px","32px","40px","26px","32px","22px","24px","18px","20px","12px","20px"],"color":["#000","inherit","inherit","#24292e","#0366d6","#0366d6","#24292e","#0366d6","#586069","#24292e","rgba(36,41,46,0.4)","#fff","rgba(255,255,255,0.75)","#29b249","#fff","rgba(255,255,255,0.75)","#683cb8","#fff","rgba(255,255,255,0.75)","#0366d6","#cb2431","#fff","#fff","#fff","rgba(203,36,49,0.4)","#0366d6","#fff","#0366d6","rgba(27,31,35,0.3)","#444d56","#fff","#24292e","#0366d6","#0366d6","rgba(88,96,105,0.5)","#24292e","#6a737d","#6a737d","#6a737d","#586069","#586069","#735c0f","#cb2431","#28a745","#cb2431","#28a745","#735c0f","#cb2431","#86181d","#586069","#28a745","#cb2431","#586069","#cb2431","#586069","#0366d6","#586069","#586069","#24292e","#959da5","#24292e","#24292e","#86181d","#cb2431","#586069","#586069","#24292e","#24292e","#586069","#0366d6","#586069","#fff","#586069","#fff","#586069","#fff","#586069","#c6cbd1","#444d56","inherit","#fff","rgba(27,31,35,0.8)","#0366d6","#cb2431","#6a737d","#586069","#24292e","#28a745","#a04100","#e36209","#6f42c1","#fff","inherit","#b08800","#dbab09","#586069","#0366d6","#24292e","#0366d6","#0366d6","#586069","#0366d6","#586069","#24292e"],"line-height":["0","inherit","1.5","1.25","1.25","1.25","1.5","20px","20px","0","6px","20px","20px","20px","1.5","32px","32px","31px","16px","34px","20px","20px","20px","1","1.25","1.5"],"position":["relative","relative","relative","relative","absolute","relative","relative","relative","absolute","absolute","absolute","relative","relative","relative","relative","static","relative","absolute","relative","absolute","relative","relative","absolute","relative","absolute","absolute","static","relative","absolute","fixed","absolute","absolute"],"bottom":["-0.25em","100%","0","2px","-5px","100%","auto","50%","50%","50%","50%","0"],"top":["-0.5em","-1px","-2px","0","-4px","0","2px","9px","100%","auto","-5px","50%","50%","0"],"border-style":["none","none","solid","solid","dashed"],"overflow":["hidden","visible","visible","auto","hidden","scroll","hidden","hidden","hidden","scroll","auto","hidden","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit","normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"text-transform":["none","none","uppercase"],"-webkit-appearance":["button","textfield","none","button","none","none","none","none"],"padding":["0","0.35em 0.625em 0.75em","0","0","0","8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px","6px 12px","3px 10px","0.75em 1.25em","0 5px 5px","3px 10px","0","0","6px 8px","4px 10px","2px 4px","8px 10px","5px 8px","7px 10px","5px","0","8px 8px 0","8px","8px 10px","8px 10px","8px 12px","4px 10px","8px 10px","6px 14px","5px 8px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0"],"outline":["1px dotted ButtonText","0","none","none"],"border":["1px solid #c0c0c0","0","1px solid #d1d5da","1px solid rgba(27,31,35,0.2)","0","1px solid rgba(27,31,35,0.2)","0","0","1px solid #d1d5da","1px solid #d9d0a5","solid transparent","0","1px solid #c3c8cf","1px solid #c3c8cf","0","1px solid #d1d5da","1px solid transparent","1px solid #e1e4e8","5px solid transparent","1px #e1e4e8 solid","0","0"],"max-width":["100%","100%","100%","450px","768px","1012px","1280px","250px","125px","10000px","100%"],"white-space":["normal","nowrap","nowrap","nowrap","nowrap","pre","pre-line","nowrap","nowrap","normal"],"outline-offset":["-2px"],"opacity":["0.54","100","0","0","0.6","0","0.5","0.6","1","0.2","0.0001","0","0","0","1","0","1","1","0","1","0","1","0","0.8","1","0.8","1","1","0.5","1","0.5","0","1","0","1","0.3","1","0.3","0.3","1","0.3"],"background":["transparent","#dfe2e5","#fffbdd","#fffbdd","#fff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC\") no-repeat right 8px center","url(\"/images/spinners/octocat-spinner-32-EAF2F5.gif\") 0 0 no-repeat","rgba(27,31,35,0.8)"],"content":["\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"*\"","\" \"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","attr(aria-label)","\"\"","\"\"","\"\""],"clear":["both","both","both","both","both","both","both","both"],"border-spacing":["0"],"border-collapse":["collapse","separate"],"cursor":["pointer","-webkit-grab","grab","-webkit-grabbing","grabbing","pointer","default","pointer","pointer","default","pointer","default","pointer"],"margin-top":["0","0","0","0","-1px","-1px","5px","0","10px","0","0","0","5px","-5px","-5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"margin-bottom":["0","10px","0","0","-1px","8px","15px","0","15px","-1px","5px","20px","0","5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","30px"],"padding-left":["0","20px","5px","10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","30px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px"],"list-style-type":["lower-roman","lower-alpha","none","none","none"],"margin-left":["0","5px","5px","-1px","5px","-80px","auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","5px","5px","10px","10px","-1px","10px","-1px","-15px","-15px","5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"border-radius":["3px","0.25em","6px","1px","0","0","3px","3px","3px","3px","3px","3px","3px 3px 0 0","3px","3px","0","3px","6px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff","rgba(27,31,35,0.35)","rgba(27,31,35,0.35)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","#0366d6","#0366d6","rgba(27,31,35,0.15)","#2188ff","#d9d0a5","#cea0a5","#4a9eff","#d1d5da","#0366d6","#0366d6","#c8e1ff","#34d058","#a2cbac","#d73a49","#cea0a5","#6f42c1","#d9d0a5","#eaecef","#d1d5da","rgba(27,31,35,0.15)"],"border-width":["1px","1px","5px","6px"],"border-top-left-radius":["3px","2px","3px","3px","2px","2px","2px","3px","0"],"border-top-right-radius":["3px","2px","0","3px","3px","3px","2px","2px","3px","0"],"border-bottom-right-radius":["2px","2px","0","3px","3px","3px","3px","0","2px","2px","3px","0"],"border-bottom-left-radius":["2px","2px","3px","3px","3px","0","2px","2px","2px","3px","0"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8","0","0","1px #e1e4e8 solid","1px #e1e4e8 solid","0"],"border-top-color":["transparent","rgba(27,31,35,0.8)"],"box-shadow":["2px 0 0 #0366d6 inset","0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(52,208,88,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(126,85,199,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(6,121,252,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(203,36,49,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(3,102,214,0.3)","none","inset 0 1px 2px rgba(27,31,35,0.075)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","none","#c9ff00 0 0 3px","0 1px 1px rgba(27,31,35,0.1)","0 1px 5px rgba(27,31,35,0.15)","0 1px 15px rgba(27,31,35,0.15)","0 10px 50px rgba(27,31,35,0.07)","none"],"max-height":["324px","500px"],"-webkit-user-select":["none","none"],"-moz-user-select":["none","none"],"-ms-user-select":["none","none"],"user-select":["none","none"],"background-repeat":["repeat-x","repeat-x","no-repeat","no-repeat"],"background-position":["-1px -1px","0 0","0 -0.5em","0 -0.5em","0 -0.5em","0 -0.5em","right 8px center","0 0","0 0","-50px 0","-100px 0","-150px 0","-200px 0","-250px 0"],"background-size":["110% 110%","8px 10px","16px 16px","300px 31px","16px","100% 200px"],"-moz-appearance":["none","none","none"],"appearance":["none","none","none","none"],"text-shadow":["none","none","0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)","0 1px 0 rgba(255,255,255,0.5)"],"background-image":["none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%)","none","none","linear-gradient(-180deg, #34d058 0%, #28a745 90%)","linear-gradient(-180deg, #2fcb53 0%, #269f42 90%)","none","none","linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)","linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%)","none","none","linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)","linear-gradient(-180deg, #0374f4 0%, #035cc2 90%)","none","none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #de4450 0%, #cb2431 90%)","none","none","none","none","none \\9","url(\"/images/spinners/octocat-spinner-16px.gif\")","url(\"/images/modules/ajax/success.png\")","url(\"/images/modules/ajax/error.png\")","url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")","url(\"/images/modules/pricing/credit-cards-@1x.png\")","url(\"/images/modules/pricing/credit-cards-@2x.png\")","linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0))"],"float":["left","left","left","left","left","left","left","right","left","left","left","right","left","none","right","right","left","right","left","right","left","none","left","right","none","left","right","none","left","right","none","left","right","none"],"border-left":["0","1px #e1e4e8 solid","0"],"width":["100%","1%","99%","100%","440px","130px","250px","100%","100%","0","47px","16px","16px","240px","100%","980px","33.333333%","66.666667%","25%","50%","75%","20%","80%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","2px","16px","320px","500px","220px","0","-webkit-max-content","-moz-max-content","max-content","250px","0%","100%","100%","0%","0%","100%","1px","1px","auto"],"text-align":["center","center","center","center","right","left","center","right","left","center","right","left","center","right","left","center","right","left","center"],"border-right-width":["0","1px","1px","1px","0","1px"],"border-left-width":["0","0"],"min-height":["34px","28px","28px","0","200px","50px","17px","100px","200px"],"padding-top":["3px","3px","10px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px"],"padding-bottom":["3px","3px","20px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px"],"right":["0","0","50%","50%","auto","50%","50%","auto","100%","-5px","auto","100%","0"],"pointer-events":["none","none","none","none","none"],"visibility":["hidden","hidden","visible"],"left":["-4px","10px","0","8px","50%","50%","-5px","100%","50%","0"],"margin-right":["5px","5px","3px","5px","auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","5px","5px","2px","-5px","-15px","-5px","-15px","5px","4.5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"padding-right":["24px","8px \\9","30px","10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","10px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px"],"z-index":["10","15","-1","2","2","30","1000000","1000001","20"],"border-bottom-color":["#fffbdd","#d9d0a5","#ffdce0","#cea0a5","rgba(27,31,35,0.8)"],"text-indent":["-9999px"],"fill":["#28a745","#d73a49"],"resize":["vertical"],"list-style":["none","none"],"text-overflow":["ellipsis","ellipsis"],"-webkit-font-smoothing":["subpixel-antialiased"],"letter-spacing":["normal"],"word-wrap":["break-word","break-word","normal"],"-webkit-animation-name":["tooltip-appear","fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"animation-name":["tooltip-appear","fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"-webkit-animation-duration":[".1s","1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"animation-duration":[".1s","1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"-webkit-animation-fill-mode":["forwards","forwards","forwards","forwards","forwards"],"animation-fill-mode":["forwards","forwards","forwards","forwards","forwards"],"-webkit-animation-timing-function":["ease-in","ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"animation-timing-function":["ease-in","ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"-webkit-animation-delay":[".4s","1s","0.5s","0.5s"],"animation-delay":[".4s","1s","0.5s","0.5s"],"-webkit-animation":["none"],"animation":["none"],"-webkit-transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)","translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)","translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"border-left-color":["rgba(27,31,35,0.8)"],"border-right-color":["rgba(27,31,35,0.8)"],"-webkit-animation-iteration-count":["infinite"],"animation-iteration-count":["infinite"],"border-right":["1px #e1e4e8 solid","0"],"-webkit-box-orient":["horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal"],"flex-direction":["row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column"],"flex-wrap":["wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1","1","1","1","1","1","1","1","1"],"flex":["1 1 auto","1 1 auto","1 1 auto","1 1 auto","1 1 auto"],"flex-shrink":["0","0","0","0","0"],"-ms-grid-row-align":["auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1","1","1","1","1"],"flex-basis":["0","0","0","0","0"],"min-width":["0"],"direction":["rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr"],"word-break":["break-all"],"table-layout":["fixed"],"clip":["rect(0, 0, 0, 0)","rect(1px, 1px, 1px, 1px)","auto"]}},"mediaQueries":{"total":111,"unique":9,"values":["(min-width: 768px)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","screen and (min-width: 0\\0)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(max-width: 544px)","(min-width: 544px) and (max-width: 768px)","(min-width: 768px) and (max-width: 1012px)","(min-width: 1012px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":4,"size":{"graph":[1,1,1,1],"max":1,"average":1}},"selectors":{"total":6,"type":6,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored"],"specificity":{"max":32,"average":32}},"declarations":{"total":4,"unique":4,"properties":{"background-size":["16px 16px"],"background-image":["url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".form-cards>.cards .card"],"specificity":{"max":30,"average":30}},"declarations":{"total":2,"unique":2,"properties":{"background-image":["url(\"/images/modules/pricing/credit-cards-@2x.png\")"],"background-size":["300px 31px"]}}},{"value":"(min-width: 544px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 768px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1012px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1280px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 544px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"screen and (min-width: 0\\0)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-multiline::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"width":["250px"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-w::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"margin-right":["4.5px"]}}},{"value":"(min-width: 544px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 768px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1012px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1280px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-sm-left",".float-sm-right",".float-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-md-left",".float-md-right",".float-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-lg-left",".float-lg-right",".float-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-xl-left",".float-xl-right",".float-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 544px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-sm-rtl",".direction-sm-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-md-rtl",".direction-md-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1012px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-lg-rtl",".direction-lg-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1280px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-xl-rtl",".direction-xl-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["40px"],"padding-left":["40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["16px"],"padding-left":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f4"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f00-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f0-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["40px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-sm-right",".text-sm-left",".text-sm-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-md-right",".text-md-left",".text-md-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-lg-right",".text-lg-left",".text-lg-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-xl-right",".text-xl-left",".text-xl-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(max-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-sm"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px) and (max-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-md"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 768px) and (max-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-lg"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-xl"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-core/index.scss b/node_modules/primer-core/index.scss new file mode 100644 index 000000000..0ede55963 --- /dev/null +++ b/node_modules/primer-core/index.scss @@ -0,0 +1,28 @@ +/*! + * Primer-core + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */ + +// Primer master file +// +// Imports all Primer files in their intended order for easy mass-inclusion. +// Should you need specific files, you can easily use separate `@import`s. + +// Global requirements +@import "primer-support/index.scss"; + +// Core modules +@import "primer-base/index.scss"; +@import "primer-box/index.scss"; +@import "primer-buttons/index.scss"; +@import "primer-table-object/index.scss"; +@import "primer-forms/index.scss"; +@import "primer-layout/index.scss"; +@import "primer-navigation/index.scss"; +@import "primer-tooltips/index.scss"; +@import "primer-truncate/index.scss"; + +// Utilities always go last so that they can override components +@import "primer-utilities/index.scss"; diff --git a/node_modules/primer-core/package.json b/node_modules/primer-core/package.json new file mode 100644 index 000000000..c2d054261 --- /dev/null +++ b/node_modules/primer-core/package.json @@ -0,0 +1,141 @@ +{ + "_args": [ + [ + { + "raw": "primer-core@6.3.0", + "scope": null, + "escapedName": "primer-core", + "name": "primer-core", + "rawSpec": "6.3.0", + "spec": "6.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-core@6.3.0", + "_id": "primer-core@6.3.0", + "_inCache": true, + "_location": "/primer-core", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-core-6.3.0.tgz_1502924209896_0.9546972245443612" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-core@6.3.0", + "scope": null, + "escapedName": "primer-core", + "name": "primer-core", + "rawSpec": "6.3.0", + "spec": "6.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-core/-/primer-core-6.3.0.tgz", + "_shasum": "9e42b85d0c99bd8293cdf3364f349546f6bb173e", + "_shrinkwrap": null, + "_spec": "primer-core@6.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-base": "1.4.0", + "primer-box": "2.4.0", + "primer-buttons": "2.3.0", + "primer-forms": "1.3.0", + "primer-layout": "1.3.0", + "primer-navigation": "1.3.0", + "primer-support": "4.3.0", + "primer-table-object": "1.3.0", + "primer-tooltips": "1.3.0", + "primer-truncate": "1.3.0", + "primer-utilities": "4.6.0" + }, + "description": "Primer CSS's core modules", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "9e42b85d0c99bd8293cdf3364f349546f6bb173e", + "tarball": "https://registry.npmjs.org/primer-core/-/primer-core-6.3.0.tgz" + }, + "files": [ + "index.scss", + "build" + ], + "homepage": "http://primercss.io/", + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-core", + "optionalDependencies": {}, + "primer": { + "category": "core" + }, + "readme": "# Primer Core\n\n[![npm version](http://img.shields.io/npm/v/primer-core.svg)](https://www.npmjs.org/package/primer-core)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Primer core is one of 3 meta-packages that belong to the Primer CSS framework. Primer core contains packages that are shared between GitHub product and marketing websites.\n\nThis repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**\n\n```\n$ npm install --save primer-core\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-core/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about primer in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-core" + }, + "scripts": { + "build": "primer-module-build index.scss", + "prepare": "npm run build", + "test": "npm run build" + }, + "style": "build/build.css", + "version": "6.3.0" +} diff --git a/node_modules/primer-css/CHANGELOG.md b/node_modules/primer-css/CHANGELOG.md new file mode 100644 index 000000000..c3906a9b4 --- /dev/null +++ b/node_modules/primer-css/CHANGELOG.md @@ -0,0 +1,273 @@ +# HEAD + +# 9.3.0 + +## Added +- Docs for `primer-layout` (grid), `primer-support`, `primer-utilities`, and `primer-marketing-utilities` +- Primer keys for `category` and `module_type` to `package.json` (for use in documentation and gathering stats) + +## Changes +- Removes `docs` from `gitignore` +- Removes the `^` from all dependencies so that we can publish exact versions +- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md` + +# 9.2.0 + +## Added + +- Add `test-docs` npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs + +## Changes + +- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284 +- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252 +- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290 + +# 9.1.1 + +This release updates primer modules to use variables for spacing units instead of pixel values. + +## Changes + +- primer-alerts: 1.2.0 => 1.2.1 +- primer-avatars: 1.1.0 => 1.1.1 +- primer-base: 1.2.0 => 1.2.1 +- primer-blankslate: 1.1.0 => 1.1.1 +- primer-box: 2.2.0 => 2.2.1 +- primer-breadcrumb: 1.1.0 => 1.1.1 +- primer-buttons: 2.1.0 => 2.1.1 +- primer-cards: 0.2.0 => 0.2.1 +- primer-core: 6.1.0 => 6.1.1 +- primer-css: 9.1.0 => 9.1.1 +- primer-forms: 1.1.0 => 1.1.1 +- primer-labels: 1.2.0 => 1.2.1 +- primer-layout: 1.1.0 => 1.1.1 +- primer-markdown: 3.4.0 => 3.4.1 +- primer-marketing-type: 1.1.0 => 1.1.1 +- primer-marketing-utilities: 1.1.0 => 1.1.1 +- primer-marketing: 5.1.0 => 5.1.1 +- primer-navigation: 1.1.0 => 1.1.1 +- primer-page-headers: 1.1.0 => 1.1.1 +- primer-page-sections: 1.1.0 => 1.1.1 +- primer-product: 5.1.0 => 5.1.1 +- primer-support: 4.1.0 => 4.1.1 +- primer-table-object: 1.1.0 => 1.1.1 +- primer-tables: 1.1.0 => 1.1.1 +- primer-tooltips: 1.1.0 => 1.1.1 +- primer-truncate: 1.1.0 => 1.1.1 +- primer-utilities: 4.4.0 => 4.4.1 + +# 9.1.0 + +This release updates our [stylelint config](/primer/stylelint-config-primer) to [v2.0.0](https://github.com/primer/stylelint-config-primer/releases/tag/v2.0.0), and to stylelint v7.13.0. Each module also now has a `lint` npm script, and there are top-level `test` and `lint` scripts that you can use to lint and test all modules in one go. + +This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm. + +# 9.0.0 - Core dependency & repo urls + +We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages. + +See PR [#243](https://github.com/primer/primer-css/pull/243) + +## Changes + +### Primer Core v6.0.0 +- Fixed `primer-base` dependency to point to latest version + +**Repo urls corrected from `packages` to `modules` in:** +- primer-base v1.1.5 +- primer-box v2.1.8 +- primer-buttons v2.0.6 +- primer-forms v1.0.13 +- primer-layout v1.0.5 +- primer-navigation v1.0.6 +- primer-support v4.0.7 +- primer-table-object v1.0.9 +- primer-tooltips v1.0.2 +- primer-truncate v1.0.2 +- primer-utilities v4.3.5 + +### Primer Product v5.0.2 + +**Repo urls corrected from `packages` to `modules` in:** +- primer-alerts v1.1.8 +- primer-avatars v1.0.2 +- primer-blankslate v1.0.2 +- primer-labels v1.1.6 +- primer-markdown v3.3.13 +- primer-support v4.0.7 + +### Primer Marketing v5.0.2 + +**Repo urls corrected from `packages` to `modules` in:** +- primer-breadcrumb v1.0.2 +- primer-cards v0.1.8 +- primer-marketing-support v1.0.2 +- primer-marketing-type v1.0.2 +- primer-marketing-utilities v1.0.2 +- primer-page-headers v1.0.2 +- primer-page-sections v1.0.2 +- primer-support v4.0.7 +- primer-tables v1.0.2 + +# 8.0.0 - Imports + +Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239) + + +## Changes + +### Primer Core v5.0.1 +- Re-ordered imports in `index.scss` to ensure utilities come last in the cascade + +### Primer Product v5.0.1 +- Re-ordered imports in `index.scss` to move markdown import to end of list to match former setup in GitHub.com + +### Primer Marketing v5.0.1 +- Re-ordered imports in `index.scss` to ensure marketing utilities come last in the cascade + +# 7.0.0 - Monorepo + +In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules. + +This is exciting because: + +- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use +- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer +- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there +- **we can accept pull requests from external contributors** again! + +See PR for more details on this change: https://github.com/primer/primer-css/pull/230 + +## Other changes: + +### Primer Core v4.0.3 + +#### primer-support v4.0.5 +- Update fade color variables to use rgba instead of transparentize color function for better Sass readability +- Update support variables and mixins to use new color variables + +#### primer-layout v1.0.3 +- Update grid gutter styles naming convention and add responsive modifiers +- Deprecate `single-column` and `table-column` from layout module +- Remove `@include clearfix` from responsive container classes + +#### primer-utilities v4.3.3 +- Add `show-on-focus` utility class for accessibility +- Update typography utilities to use new color variables +- Add `.p-responsive` class + +#### primer-base v1.1.3 +- Update `b` tag font weight to use variable in base styles + +### Primer Marketing v4.0.3 + +#### primer-tables +- Update marketing table colors to use new variables + + +# 6.0.0 +- Add `State--small` to labels module +- Fix responsive border utilities +- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes +- Darken `.box-shadow-extra-large` shadow +- Update `.tooltip-multiline` to remove `word-break: break-word` property +- Add `.border-purple` utility class +- Add responsive border utilities to primer-marketing +- Add `ws-normal` utility for `whitespace: normal` +- Updated syntax and classnames for `Counters` and `Labels`, moved into combined module with states. + +# 5.1.0 +- Add negative margin utilities +- Move `.d-flex` & `.d-flex-inline` to be with other display utility classes in `visibility-display.scss` +- Delete `.shade-gradient` in favor of `.bg-shade-gradient` +- Removed alt-body-font variable from primer-marketing +- Removed un-used `alt` typography styles from primer-marketing +- Add green border utility + +# 5.0.0 +- Added new border variable and utility, replaced deprecated flash border variables +- Updated variable name in form validation +- Updated `.sr-only` to not use negative margin +- Added and removed border variables and utilities +- Add filter utility to Primer Marketing +- Removed all custom color variables within Primer-marketing in favor of the new color system +- Updated style for form group error display so it is positioned properly +- Updated state closed color and text and background pending utilities +- Removed local font css file from primer-marketing/support +- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules +- Added layout utility `.sr-only` for creating screen reader only elements +- Added `.flex{-infix}-item-equal` utilities for creating equal width and equal height flex items. +- Added `.flex{-infix}-row-reverse` utility for reversing rows of content +- Updated `.select-menu-button-large` to use `em` units for sizing of the CSS triangle. +- Added `.box-shadow-extra-large` utility for large, diffused shadow +- Updated: removed background color from markdown body +- Updated: remove background on the only item in an avatar stack +- Added form utility `.form-checkbox-details` to allow content to be shown/hidden based on a radio button being checked +- Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information + +# 4.7.0 +- Update primer modules to use bold variable applying `font-weight: 600` + +# 4.6.0 +- Added `CircleBadge` component for badge-like displays within product/components/avatars +- Added Box shadow utilities `box-shadow`, `box-shadow-medium`, `box-shadow-large`, `box-shadow-none` +- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial +- Added `flex-shrink-0` to address Flexbox Safari bug +- Updated: Using spacing variables in the `.flash` component +- Updated Box component styles and documentation +- Added `.wb-break-all` utility + +# 4.4.0 +- Adding primer-marketing module to primer +- Added red and blue border color variables and utilities +- Updated: `$spacer-5` has been changed to `32px` from `36px` +- Updated: `$spacer-6` has been changed to `40px` from `48px` +- Deprecated `link-blue`, updated `link-gray` and `link-gray-dark`, added `link-hover-blue` - Updated: blankslate module to use support variables for sizing + +# 4.3.0 +- Renamed `.flex-table` to `.TableObject` +- Updated: `$spacer-1` has been changed to `4px` from `3px` +- Updated: `$spacer-2` has been changed to `6px` from `8px` +- Added: `.text-shadow-dark` & `.text-shadow-light` utilities +- Updated: Moved non-framework CSS out of Primer modules. Added `box.scss` to `primer-core`. Added `discussion-timeline.scss` to `primer-product`, and moved `blob-csv.scss` into `/primer-product/markdown` directory +- Added: Flex utilities +- Refactor: Site typography to use Primer Marketing styles +- Added: `.list-style-none` utility +- Refactor: Button groups into some cleaner CSS +- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css + + +# 4.2.0 +- Added: Responsive styles for margin and padding utilities, display, float, and new responsive hide utility, and updates to make typography responsive +- Added: new container styles and grid styles with responsive options +- Added: updated underline nav styles +- Deprecate: Deprecating a lot of color and layout utilities +- Added: More type utilities for different weights and larger sizes. +- Added: Well defined browser support + + +# 4.1.0 +- Added: [primer-markdown](https://github.com/primer/markdown) to the build +- Fixes: Pointing "style" package.json to `build/build.css` file. +- Added: Update font stack to system fonts +- Added: Updated type scale as part of system font update +- Added: `.Box` component for replacing boxed groups, simple box, and table-list styles +- Added: New type utilities for headings and line-height +- Deprecated: `vertical-middle` was replaced with `v-align-middle`. +- Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table +- Added: Changing from font icons to SVG + +# 4.0.2 +- Added npm build scripts to add `build/build.css` to the npm package + +# 4.0.1 +- Fixed: missing primer-layout from build + +# 4.0.0 +- Whole new npm build system, pulling in the code from separate component repos + +# 3.0.0 +- Added: Animation utilities +- Added: Whitespace scale, and margin and padding utilities +- Added: Border utilities diff --git a/node_modules/primer-css/LICENSE b/node_modules/primer-css/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-css/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-css/README.md b/node_modules/primer-css/README.md new file mode 100644 index 000000000..ac381a03f --- /dev/null +++ b/node_modules/primer-css/README.md @@ -0,0 +1,48 @@ +# Primer CSS + +[![npm version](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.org/package/primer-css) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +Primer is the CSS framework that powers GitHub's front-end design. Primer CSS includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project. + +The Primer CSS repo is managed as a monorepo that is composed of many npm packages. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `Primer-CSS` with this command. + +``` +$ npm install --save primer-css +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-css/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **CSS** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about primer in the [docs][docs]. + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-css/build/build.css b/node_modules/primer-css/build/build.css new file mode 100644 index 000000000..984151701 --- /dev/null +++ b/node_modules/primer-css/build/build.css @@ -0,0 +1,21 @@ +/*! + * Primer + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + *//*! + * Primer-core + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + *//*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom}.Box{background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0 -1px;background-color:#f6f8fa;border-color:#d1d5da;border-style:solid;border-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid #e1e4e8}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top:1px solid #e1e4e8}.Box-row:first-of-type{border-top-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.Box-row:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:2px 0 0 #0366d6 inset}.Box-row.navigation-focus .Box-row--drag-button{color:#0366d6;cursor:-webkit-grab;cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:-webkit-grabbing;cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:#fafbfc}.Box-row.navigation-focus.sortable-ghost{background-color:#f6f8fa}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:#f6f8fa}.Box-row--focus-blue.navigation-focus{background-color:#f1f8ff}.Box-row--hover-gray:hover{background-color:#f6f8fa}.Box-row--hover-blue:hover{background-color:#f1f8ff}@media (min-width: 768px){.Box-row-link{color:#24292e;text-decoration:none}.Box-row-link:hover{color:#0366d6;text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top:1px solid #e1e4e8}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:#c8e1ff}.Box--blue .Box-header{background-color:#f1f8ff;border-color:#c8e1ff}.Box--blue .Box-body{border-color:#c8e1ff}.Box--blue .Box-row{border-color:#c8e1ff}.Box--blue .Box-footer{border-color:#c8e1ff}.Box--danger{border-color:#d73a49}.Box--danger .Box-row:first-of-type{border-color:#d73a49}.Box--danger .Box-body:last-of-type{border-color:#d73a49}.Box-header--blue{background-color:#f1f8ff;border-color:#c8e1ff}.Box-row--yellow{background-color:#fffbdd}.Box-row--blue{background-color:#f1f8ff}.Box-row--gray{background-color:#f6f8fa}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}.btn{position:relative;display:inline-block;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid rgba(27,31,35,0.2);border-radius:0.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn i{font-style:normal;font-weight:500;opacity:0.6}.btn .octicon{vertical-align:text-top}.btn .Counter{color:#586069;text-shadow:none;background-color:rgba(27,31,35,0.1)}.btn:hover{text-decoration:none;background-repeat:repeat-x}.btn:focus{outline:0}.btn:disabled,.btn.disabled{cursor:default;background-position:0 0}.btn:active,.btn.selected{background-image:none}.btn{color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn:focus,.btn.focus{box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn:hover,.btn.hover{background-color:#e6ebf1;background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.35)}.btn:active,.btn.selected{background-color:#e9ecef;background-image:none;border-color:rgba(27,31,35,0.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn:disabled,.btn.disabled{color:rgba(36,41,46,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary{color:#fff;background-color:#28a745;background-image:linear-gradient(-180deg, #34d058 0%, #28a745 90%)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 0.2em rgba(52,208,88,0.3)}.btn-primary:hover,.btn-primary.hover{background-color:#269f42;background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-primary:active,.btn-primary.selected{background-color:#279f43;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-primary:disabled,.btn-primary.disabled{color:rgba(255,255,255,0.75);background-color:#94d3a2;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary .Counter{color:#29b249;background-color:#fff}.btn-purple{color:#fff;background-color:#643ab0;background-image:linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)}.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 0.2em rgba(126,85,199,0.3)}.btn-purple:hover,.btn-purple.hover{background-color:#5f37a8;background-image:linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-purple:active,.btn-purple.selected{background-color:#613ca4;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-purple:disabled,.btn-purple.disabled{color:rgba(255,255,255,0.75);background-color:#b19cd7;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-purple .Counter{color:#683cb8;background-color:#fff}.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)}.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2em rgba(6,121,252,0.3)}.btn-blue:hover,.btn-blue.hover{background-color:#035cc2;background-image:linear-gradient(-180deg, #0374f4 0%, #035cc2 90%);background-position:0 -0.5em;border-color:rgba(27,31,35,0.5)}.btn-blue:active,.btn-blue.selected{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-blue:disabled,.btn-blue.disabled{color:rgba(255,255,255,0.75);background-color:#81b0e5;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-blue .Counter{color:#0366d6;background-color:#fff}.btn-danger{color:#cb2431;background-color:#fafbfc;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn-danger:focus{box-shadow:0 0 0 0.2em rgba(203,36,49,0.3)}.btn-danger:hover{color:#fff;background-color:#cb2431;background-image:linear-gradient(-180deg, #de4450 0%, #cb2431 90%);border-color:rgba(27,31,35,0.5)}.btn-danger:hover .Counter{color:#fff}.btn-danger:active,.btn-danger.selected{color:#fff;background-color:#b5202c;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-danger:disabled,.btn-danger.disabled{color:rgba(203,36,49,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-outline{color:#0366d6;background-color:#fff;background-image:none}.btn-outline .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline:hover,.btn-outline:active,.btn-outline.selected{color:#fff;background-color:#0366d6;background-image:none;border-color:#0366d6}.btn-outline:hover .Counter,.btn-outline:active .Counter,.btn-outline.selected .Counter{color:#0366d6;background-color:#fff}.btn-outline:focus{border-color:#0366d6;box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn-outline:disabled,.btn-outline.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-sm{padding:3px 10px;font-size:12px;line-height:20px}.btn-large{padding:0.75em 1.25em;font-size:inherit;border-radius:6px}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:#c6cbd1}.hidden-text-expander a:active,.ellipsis-expander:active{color:#fff;background-color:#2188ff}.social-count{float:left;padding:3px 10px;font-size:12px;font-weight:600;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;border:1px solid rgba(27,31,35,0.2);border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:#0366d6;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover{color:rgba(88,96,105,0.5);cursor:default}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:5px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-item.selected,.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0}.BtnGroup-form{float:left}.BtnGroup-form:first-child .BtnGroup-item{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-form:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-form .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-form.selected .BtnGroup-item,.BtnGroup-form:focus .BtnGroup-item,.BtnGroup-form:active .BtnGroup-item,.BtnGroup-form:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-form.selected+.BtnGroup-item,.BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-item,.BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:active+.BtnGroup-item,.BtnGroup-form:active+.BtnGroup-form .BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-item,.BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item{border-left-width:0}.TableObject{display:table}.TableObject-item{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}.TableObject-item--primary{width:99%}fieldset{padding:0;margin:0;border:0}label{font-weight:600}.form-control,.form-select{min-height:34px;padding:6px 8px;font-size:14px;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;background-repeat:no-repeat;background-position:right 8px center;border:1px solid #d1d5da;border-radius:3px;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075)}.form-control.focus,.form-control:focus,.form-select.focus,.form-select:focus{border-color:#2188ff;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.input-contrast{background-color:#fafbfc}.input-contrast:focus{background-color:#fff}::-webkit-input-placeholder{color:#6a737d}:-ms-input-placeholder{color:#6a737d}::placeholder{color:#6a737d}.input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px;line-height:20px}.input-lg{padding:4px 10px;font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button{position:absolute;right:0;display:none !important;pointer-events:none;visibility:hidden}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:#fffbdd;border-radius:3px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:5px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:400;color:#586069}.form-checkbox-details{display:none}.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,.form-checkbox-details-trigger:checked ~ .form-checkbox-details{display:block}.hfields{margin:15px 0}.hfields::before{display:table;content:""}.hfields::after{display:table;clear:both;content:""}.hfields .form-group{float:left;margin:0 30px 0 0}.hfields .form-group dt label{display:inline-block;margin:5px 0 0;color:#586069}.hfields .form-group dt img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields .form-select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.form-actions::before{display:table;content:""}.form-actions::after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:#735c0f;background:#fffbdd;border:1px solid #d9d0a5;border-radius:3px}.form-warning p{margin:0;line-height:1.5}.form-warning a{font-weight:600}.form-select{display:inline-block;max-width:100%;height:34px;padding-right:24px;padding-right:8px \9;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;background-image:none \9;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select::-ms-expand{opacity:0}.form-select[multiple]{height:auto}.select-sm{height:28px;min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px}.select-sm[multiple]{height:auto;min-height:0}.form-group{margin:15px 0}.form-group .form-control{width:440px;max-width:100%;margin-right:5px;background-color:#fafbfc}.form-group .form-control:focus{background-color:#fff}.form-group .form-control.shorter{width:130px}.form-group .form-control.short{width:250px}.form-group .form-control.long{width:100%}.form-group textarea.form-control{width:100%;height:200px;min-height:200px}.form-group textarea.form-control.short{height:50px;min-height:50px}.form-group dt{margin:0 0 6px}.form-group label{position:relative}.form-group.flattened dt{float:left;margin:0;line-height:32px}.form-group.flattened dd{line-height:32px}.form-group dd h4{margin:4px 0 0}.form-group dd h4.is-error{color:#cb2431}.form-group dd h4.is-success{color:#28a745}.form-group dd h4+.note{margin-top:0}.form-group.required dt label::after{padding-left:5px;color:#cb2431;content:"*"}.form-group .success,.form-group .error,.form-group .indicator{display:none;font-size:12px;font-weight:600}.form-group.loading{opacity:0.5}.form-group.loading .indicator{display:inline}.form-group.loading .spinner{display:inline-block;vertical-align:middle}.form-group.successful .success{display:inline;color:#28a745}.form-group.warn .warning,.form-group.warn .error,.form-group.errored .warning,.form-group.errored .error{position:absolute;z-index:10;display:block;max-width:450px;padding:5px 8px;margin:4px 0 0;font-size:13px;font-weight:400;border-style:solid;border-width:1px;border-radius:3px}.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{position:absolute;bottom:100%;left:10px;z-index:15;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .warning::after,.form-group.errored .error::after{border-width:5px}.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .warning::before,.form-group.errored .error::before{margin-left:-1px;border-width:6px}.form-group.warn .warning{color:#735c0f;background-color:#fffbdd;border-color:#d9d0a5}.form-group.warn .warning::after{border-bottom-color:#fffbdd}.form-group.warn .warning::before{border-bottom-color:#d9d0a5}.form-group.errored label{color:#cb2431}.form-group.errored .error{color:#86181d;background-color:#ffdce0;border-color:#cea0a5}.form-group.errored .error::after{border-bottom-color:#ffdce0}.form-group.errored .error::before{border-bottom-color:#cea0a5}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:#586069}.note .spinner{margin-right:3px;vertical-align:middle}dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{padding-right:30px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-16px.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{background-size:16px 16px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-32.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success@2x.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error@2x.png")}}.form-cards{height:31px;margin:0 0 15px}.form-cards .card{float:left;width:47px;height:31px;text-indent:-9999px;background-image:url("/images/modules/pricing/credit-cards-@1x.png");background-position:0 0;opacity:0.6}.form-cards .card.visa{background-position:0 0}.form-cards .card.amex{background-position:-50px 0}.form-cards .card.mastercard{background-position:-100px 0}.form-cards .card.discover{background-position:-150px 0}.form-cards .card.jcb{background-position:-200px 0}.form-cards .card.dinersclub{background-position:-250px 0}.form-cards .card.enabled{opacity:1}.form-cards .card.disabled{opacity:0.2}.form-cards>.cards{margin:0}.form-cards>.cards>li{float:left;margin:0 4px 0 0;list-style-type:none}.form-cards>.cards>li.text{line-height:31px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.form-cards>.cards .card{background-image:url("/images/modules/pricing/credit-cards-@2x.png");background-size:300px 31px}}.status-indicator{display:inline-block;width:16px;height:16px;margin-left:5px}.status-indicator .octicon{display:none}.status-indicator-success::before{content:""}.status-indicator-success .octicon-check{display:inline-block;color:#28a745;fill:#28a745}.status-indicator-success .octicon-x{display:none}.status-indicator-failed::before{content:""}.status-indicator-failed .octicon-check{display:none}.status-indicator-failed .octicon-x{display:inline-block;color:#cb2431;fill:#d73a49}.status-indicator-loading{width:16px;background:url("/images/spinners/octocat-spinner-32-EAF2F5.gif") 0 0 no-repeat;background-size:16px}.inline-form{display:inline-block}.inline-form .btn-plain{background-color:transparent;border:0}.drag-and-drop{padding:7px 10px;margin:0;font-size:13px;line-height:16px;color:#586069;background-color:#fafbfc;border:1px solid #c3c8cf;border-top:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.drag-and-drop .default,.drag-and-drop .loading,.drag-and-drop .error{display:none}.drag-and-drop .error{color:#cb2431}.drag-and-drop img{vertical-align:top}.is-default .drag-and-drop .default{display:inline-block}.is-uploading .drag-and-drop .loading{display:inline-block}.is-bad-file .drag-and-drop .bad-file{display:inline-block}.is-duplicate-filename .drag-and-drop .duplicate-filename{display:inline-block}.is-too-big .drag-and-drop .too-big{display:inline-block}.is-hidden-file .drag-and-drop .hidden-file{display:inline-block}.is-empty .drag-and-drop .empty{display:inline-block}.is-bad-permissions .drag-and-drop .bad-permissions{display:inline-block}.is-repository-required .drag-and-drop .repository-required{display:inline-block}.drag-and-drop-error-info{font-weight:400;color:#586069}.drag-and-drop-error-info a{color:#0366d6}.is-failed .drag-and-drop .failed-request{display:inline-block}.manual-file-chooser{position:absolute;width:240px;padding:5px;margin-left:-80px;cursor:pointer;opacity:0.0001}.manual-file-chooser:hover+.manual-file-chooser-text{text-decoration:underline}.btn .manual-file-chooser{top:0;padding:0;line-height:34px}.upload-enabled textarea{display:block;border-bottom:1px dashed #dfe2e5;border-bottom-right-radius:0;border-bottom-left-radius:0}.upload-enabled.focused{border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.upload-enabled.focused .form-control{box-shadow:none}.upload-enabled.focused .drag-and-drop{border-color:#4a9eff}.dragover textarea,.dragover .drag-and-drop{box-shadow:#c9ff00 0 0 3px}.write-content{position:relative}.previewable-comment-form{position:relative}.previewable-comment-form .tabnav{position:relative;padding:8px 8px 0}.previewable-comment-form .comment{border:1px solid #c3c8cf}.previewable-comment-form .comment-form-error{margin-bottom:8px}.previewable-comment-form .write-content,.previewable-comment-form .preview-content{display:none;margin:0 8px 8px}.previewable-comment-form.write-selected .write-content,.previewable-comment-form.preview-selected .preview-content{display:block}.previewable-comment-form textarea{display:block;width:100%;min-height:100px;max-height:500px;padding:8px;resize:vertical}.form-action-spacious{margin-top:10px}div.composer{margin-top:0;border:0}.composer .comment-form-textarea{height:200px;min-height:200px}.composer .tabnav{margin:0 0 10px}h2.account{margin:15px 0 0;font-size:18px;font-weight:400;color:#586069}p.explain{position:relative;font-size:12px;color:#586069}p.explain strong{color:#24292e}p.explain .octicon{margin-right:5px;color:#959da5}p.explain .minibutton{top:-4px;float:right}.form-group label{position:static}.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.menu{margin-bottom:15px;list-style:none;background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.menu-item{position:relative;display:block;padding:8px 10px;border-bottom:1px solid #e1e4e8}.menu-item:first-child{border-top:0;border-top-left-radius:2px;border-top-right-radius:2px}.menu-item:first-child::before{border-top-left-radius:2px}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.menu-item:last-child::before{border-bottom-left-radius:2px}.menu-item:hover{text-decoration:none;background-color:#f6f8fa}.menu-item.selected{font-weight:600;color:#24292e;cursor:default;background-color:#fff}.menu-item.selected::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:#e36209}.menu-item .octicon{width:16px;margin-right:5px;color:#24292e;text-align:center}.menu-item .Counter{float:right;margin-left:5px}.menu-item .menu-warning{float:right;color:#86181d}.menu-item .avatar{float:left;margin-right:5px}.menu-item.alert .Counter{color:#cb2431}.menu-heading{display:block;padding:8px 10px;margin-top:0;margin-bottom:0;font-size:13px;font-weight:600;line-height:20px;color:#586069;background-color:#f3f5f8;border-bottom:1px solid #e1e4e8}.menu-heading:hover{text-decoration:none}.menu-heading:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.menu-heading:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.tabnav{margin-top:0;margin-bottom:15px;border-bottom:1px solid #d1d5da}.tabnav .Counter{margin-left:5px}.tabnav-tabs{margin-bottom:-1px}.tabnav-tab{display:inline-block;padding:8px 12px;font-size:14px;line-height:20px;color:#586069;text-decoration:none;background-color:transparent;border:1px solid transparent;border-bottom:0}.tabnav-tab.selected{color:#24292e;background-color:#fff;border-color:#d1d5da;border-radius:3px 3px 0 0}.tabnav-tab:hover,.tabnav-tab:focus{color:#24292e;text-decoration:none}.tabnav-extra{display:inline-block;padding-top:10px;margin-left:10px;font-size:12px;color:#586069}.tabnav-extra>.octicon{margin-right:2px}a.tabnav-extra:hover{color:#0366d6;text-decoration:none}.tabnav-btn{margin-left:10px}.filter-list{list-style-type:none}.filter-list.small .filter-item{padding:4px 10px;margin:0 0 2px;font-size:12px}.filter-list.pjax-active .filter-item{color:#586069;background-color:transparent}.filter-list.pjax-active .filter-item.pjax-active{color:#fff;background-color:#0366d6}.filter-item{position:relative;display:block;padding:8px 10px;margin-bottom:5px;overflow:hidden;font-size:14px;color:#586069;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:3px}.filter-item:hover{text-decoration:none;background-color:#eaecef}.filter-item.selected{color:#fff;background-color:#0366d6}.filter-item .count{float:right;font-weight:600}.filter-item .bar{position:absolute;top:2px;right:0;bottom:2px;z-index:-1;display:inline-block;background-color:#eff3f6}.subnav{margin-bottom:20px}.subnav::before{display:table;content:""}.subnav::after{display:table;clear:both;content:""}.subnav-bordered{padding-bottom:20px;border-bottom:1px solid #eaecef}.subnav-flush{margin-bottom:0}.subnav-item{position:relative;float:left;padding:6px 14px;font-weight:600;line-height:20px;color:#586069;border:1px solid #e1e4e8}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item:hover,.subnav-item:focus{text-decoration:none;background-color:#f6f8fa}.subnav-item.selected,.subnav-item.selected:hover,.subnav-item.selected:focus{z-index:2;color:#fff;background-color:#0366d6;border-color:#0366d6}.subnav-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.subnav-item:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.subnav-search{position:relative;margin-left:10px}.subnav-search-input{width:320px;padding-left:30px;color:#586069}.subnav-search-input-wide{width:500px}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:#c6cbd1;text-align:center;pointer-events:none}.subnav-search-context .btn{color:#444d56;border-top-right-radius:0;border-bottom-right-radius:0}.subnav-search-context .btn:hover,.subnav-search-context .btn:focus,.subnav-search-context .btn:active,.subnav-search-context .btn.selected{z-index:2}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-search-context+.subnav-search .subnav-search-input{border-top-left-radius:0;border-bottom-left-radius:0}.subnav-search-context .select-menu-modal-holder{z-index:30}.subnav-search-context .select-menu-modal{width:220px}.subnav-search-context .select-menu-item-icon{color:inherit}.subnav-spacer-right{padding-right:10px}.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(27,31,35,0.8);border-radius:3px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(27,31,35,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.4s;animation-delay:.4s}.tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after{opacity:1;-webkit-animation:none;animation:none}.tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:5px}.tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(27,31,35,0.8)}.tooltipped-se::after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw::after{margin-right:-15px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(27,31,35,0.8)}.tooltipped-ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw::after{margin-right:-15px}.tooltipped-s::after,.tooltipped-n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(27,31,35,0.8)}.tooltipped-e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(27,31,35,0.8)}.tooltipped-multiline::after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after{right:100%}@media screen and (min-width: 0\0){.tooltipped-multiline::after{width:250px}}.tooltipped-sticky::before,.tooltipped-sticky::after{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.tooltipped-w::after{margin-right:4.5px}}.css-truncate.css-truncate-target,.css-truncate .css-truncate-target{display:inline-block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target{max-width:10000px !important}.anim-fade-in{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.anim-fade-in.fast{-webkit-animation-duration:300ms;animation-duration:300ms}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.anim-fade-up{opacity:0;-webkit-animation-name:fade-up;animation-name:fade-up;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.anim-fade-down{-webkit-animation-name:fade-down;animation-name:fade-down;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}.anim-grow-x{width:0%;-webkit-animation-name:grow-x;animation-name:grow-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes grow-x{to{width:100%}}@keyframes grow-x{to{width:100%}}.anim-shrink-x{-webkit-animation-name:shrink-x;animation-name:shrink-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes shrink-x{to{width:0%}}@keyframes shrink-x{to{width:0%}}.anim-scale-in{-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.anim-pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}@keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}.anim-pulse-in{-webkit-animation-name:pulse-in;animation-name:pulse-in;-webkit-animation-duration:0.5s;animation-duration:0.5s}@-webkit-keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.border{border:1px #e1e4e8 solid !important}.border-top{border-top:1px #e1e4e8 solid !important}.border-right{border-right:1px #e1e4e8 solid !important}.border-bottom{border-bottom:1px #e1e4e8 solid !important}.border-left{border-left:1px #e1e4e8 solid !important}.border-y{border-top:1px #e1e4e8 solid !important;border-bottom:1px #e1e4e8 solid !important}.border-dashed{border-style:dashed !important}.border-blue{border-color:#0366d6 !important}.border-blue-light{border-color:#c8e1ff !important}.border-green{border-color:#34d058 !important}.border-green-light{border-color:#a2cbac !important}.border-red{border-color:#d73a49 !important}.border-red-light{border-color:#cea0a5 !important}.border-purple{border-color:#6f42c1 !important}.border-yellow{border-color:#d9d0a5 !important}.border-gray-light{border-color:#eaecef !important}.border-gray-dark{border-color:#d1d5da !important}.border-black-fade{border-color:rgba(27,31,35,0.15) !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:3px !important}.rounded-2{border-radius:6px !important}.box-shadow{box-shadow:0 1px 1px rgba(27,31,35,0.1) !important}.box-shadow-medium{box-shadow:0 1px 5px rgba(27,31,35,0.15) !important}.box-shadow-large{box-shadow:0 1px 15px rgba(27,31,35,0.15) !important}.box-shadow-extra-large{box-shadow:0 10px 50px rgba(27,31,35,0.07) !important}.box-shadow-none{box-shadow:none !important}.bg-white{background-color:#fff !important}.bg-blue{background-color:#0366d6 !important}.bg-blue-light{background-color:#f1f8ff !important}.bg-gray-dark{background-color:#24292e !important}.bg-gray{background-color:#f6f8fa !important}.bg-gray-light{background-color:#fafbfc !important}.bg-green{background-color:#28a745 !important}.bg-green-light{background-color:#dcffe4 !important}.bg-red{background-color:#d73a49 !important}.bg-red-light{background-color:#ffdce0 !important}.bg-yellow{background-color:#ffd33d !important}.bg-yellow-light{background-color:#fff5b1 !important}.bg-purple{background-color:#6f42c1 !important}.bg-purple-light{background-color:#f5f0ff !important}.bg-shade-gradient{background-image:linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0)) !important;background-repeat:no-repeat !important;background-size:100% 200px !important}.text-blue{color:#0366d6 !important}.text-red{color:#cb2431 !important}.text-gray-light{color:#6a737d !important}.text-gray{color:#586069 !important}.text-gray-dark{color:#24292e !important}.text-green{color:#28a745 !important}.text-orange{color:#a04100 !important}.text-orange-light{color:#e36209 !important}.text-purple{color:#6f42c1 !important}.text-white{color:#fff !important}.text-inherit{color:inherit !important}.text-pending{color:#b08800 !important}.bg-pending{color:#dbab09 !important}.link-gray{color:#586069 !important}.link-gray:hover{color:#0366d6 !important}.link-gray-dark{color:#24292e !important}.link-gray-dark:hover{color:#0366d6 !important}.link-hover-blue:hover{color:#0366d6 !important}.muted-link{color:#586069 !important}.muted-link:hover{color:#0366d6 !important;text-decoration:none}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-justify-around{justify-content:space-around !important}.flex-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-content-start{align-content:flex-start !important}.flex-content-end{align-content:flex-end !important}.flex-content-center{align-content:center !important}.flex-content-between{align-content:space-between !important}.flex-content-around{align-content:space-around !important}.flex-content-stretch{align-content:stretch !important}.flex-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-shrink-0{flex-shrink:0 !important}.flex-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-self-start{align-self:flex-start !important}.flex-self-end{align-self:flex-end !important}.flex-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-self-baseline{align-self:baseline !important}.flex-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}@media (min-width: 544px){.flex-sm-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-sm-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-sm-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-sm-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-sm-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-sm-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-sm-justify-around{justify-content:space-around !important}.flex-sm-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-sm-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-sm-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-sm-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-sm-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-sm-content-start{align-content:flex-start !important}.flex-sm-content-end{align-content:flex-end !important}.flex-sm-content-center{align-content:center !important}.flex-sm-content-between{align-content:space-between !important}.flex-sm-content-around{align-content:space-around !important}.flex-sm-content-stretch{align-content:stretch !important}.flex-sm-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-sm-self-start{align-self:flex-start !important}.flex-sm-self-end{align-self:flex-end !important}.flex-sm-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-sm-self-baseline{align-self:baseline !important}.flex-sm-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-sm-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 768px){.flex-md-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-md-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-md-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-md-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-md-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-md-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-md-justify-around{justify-content:space-around !important}.flex-md-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-md-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-md-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-md-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-md-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-md-content-start{align-content:flex-start !important}.flex-md-content-end{align-content:flex-end !important}.flex-md-content-center{align-content:center !important}.flex-md-content-between{align-content:space-between !important}.flex-md-content-around{align-content:space-around !important}.flex-md-content-stretch{align-content:stretch !important}.flex-md-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-md-self-start{align-self:flex-start !important}.flex-md-self-end{align-self:flex-end !important}.flex-md-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-md-self-baseline{align-self:baseline !important}.flex-md-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-md-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1012px){.flex-lg-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-lg-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-lg-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-lg-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-lg-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-lg-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-lg-justify-around{justify-content:space-around !important}.flex-lg-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-lg-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-lg-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-lg-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-lg-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-lg-content-start{align-content:flex-start !important}.flex-lg-content-end{align-content:flex-end !important}.flex-lg-content-center{align-content:center !important}.flex-lg-content-between{align-content:space-between !important}.flex-lg-content-around{align-content:space-around !important}.flex-lg-content-stretch{align-content:stretch !important}.flex-lg-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-lg-self-start{align-self:flex-start !important}.flex-lg-self-end{align-self:flex-end !important}.flex-lg-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-lg-self-baseline{align-self:baseline !important}.flex-lg-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-lg-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1280px){.flex-xl-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-xl-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-xl-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-xl-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-xl-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-xl-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-xl-justify-around{justify-content:space-around !important}.flex-xl-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-xl-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-xl-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-xl-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-xl-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-xl-content-start{align-content:flex-start !important}.flex-xl-content-end{align-content:flex-end !important}.flex-xl-content-center{align-content:center !important}.flex-xl-content-between{align-content:space-between !important}.flex-xl-content-around{align-content:space-around !important}.flex-xl-content-stretch{align-content:stretch !important}.flex-xl-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-xl-self-start{align-self:flex-start !important}.flex-xl-self-end{align-self:flex-end !important}.flex-xl-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-xl-self-baseline{align-self:baseline !important}.flex-xl-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-xl-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.top-0{top:0 !important}.right-0{right:0 !important}.bottom-0{bottom:0 !important}.left-0{left:0 !important}.v-align-middle{vertical-align:middle !important}.v-align-top{vertical-align:top !important}.v-align-bottom{vertical-align:bottom !important}.v-align-text-top{vertical-align:text-top !important}.v-align-text-bottom{vertical-align:text-bottom !important}.overflow-hidden{overflow:hidden !important}.overflow-scroll{overflow:scroll !important}.overflow-auto{overflow:auto !important}.clearfix::before{display:table;content:""}.clearfix::after{display:table;clear:both;content:""}.float-right{float:right !important}.float-left{float:left !important}.float-none{float:none !important}@media (min-width: 544px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media (min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media (min-width: 1012px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media (min-width: 1280px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.width-fit{max-width:100% !important}.width-full{width:100% !important}.height-full{height:100% !important}.min-width-0{min-width:0 !important}.direction-rtl{direction:rtl !important}.direction-ltr{direction:ltr !important}@media (min-width: 544px){.direction-sm-rtl{direction:rtl !important}.direction-sm-ltr{direction:ltr !important}}@media (min-width: 768px){.direction-md-rtl{direction:rtl !important}.direction-md-ltr{direction:ltr !important}}@media (min-width: 1012px){.direction-lg-rtl{direction:rtl !important}.direction-lg-ltr{direction:ltr !important}}@media (min-width: 1280px){.direction-xl-rtl{direction:rtl !important}.direction-xl-ltr{direction:ltr !important}}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mt-n0{margin-top:-0 !important}.mr-n0{margin-right:-0 !important}.mb-n0{margin-bottom:-0 !important}.ml-n0{margin-left:-0 !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:4px !important}.mt-1{margin-top:4px !important}.mr-1{margin-right:4px !important}.mb-1{margin-bottom:4px !important}.ml-1{margin-left:4px !important}.mt-n1{margin-top:-4px !important}.mr-n1{margin-right:-4px !important}.mb-n1{margin-bottom:-4px !important}.ml-n1{margin-left:-4px !important}.mx-1{margin-right:4px !important;margin-left:4px !important}.my-1{margin-top:4px !important;margin-bottom:4px !important}.m-2{margin:8px !important}.mt-2{margin-top:8px !important}.mr-2{margin-right:8px !important}.mb-2{margin-bottom:8px !important}.ml-2{margin-left:8px !important}.mt-n2{margin-top:-8px !important}.mr-n2{margin-right:-8px !important}.mb-n2{margin-bottom:-8px !important}.ml-n2{margin-left:-8px !important}.mx-2{margin-right:8px !important;margin-left:8px !important}.my-2{margin-top:8px !important;margin-bottom:8px !important}.m-3{margin:16px !important}.mt-3{margin-top:16px !important}.mr-3{margin-right:16px !important}.mb-3{margin-bottom:16px !important}.ml-3{margin-left:16px !important}.mt-n3{margin-top:-16px !important}.mr-n3{margin-right:-16px !important}.mb-n3{margin-bottom:-16px !important}.ml-n3{margin-left:-16px !important}.mx-3{margin-right:16px !important;margin-left:16px !important}.my-3{margin-top:16px !important;margin-bottom:16px !important}.m-4{margin:24px !important}.mt-4{margin-top:24px !important}.mr-4{margin-right:24px !important}.mb-4{margin-bottom:24px !important}.ml-4{margin-left:24px !important}.mt-n4{margin-top:-24px !important}.mr-n4{margin-right:-24px !important}.mb-n4{margin-bottom:-24px !important}.ml-n4{margin-left:-24px !important}.mx-4{margin-right:24px !important;margin-left:24px !important}.my-4{margin-top:24px !important;margin-bottom:24px !important}.m-5{margin:32px !important}.mt-5{margin-top:32px !important}.mr-5{margin-right:32px !important}.mb-5{margin-bottom:32px !important}.ml-5{margin-left:32px !important}.mt-n5{margin-top:-32px !important}.mr-n5{margin-right:-32px !important}.mb-n5{margin-bottom:-32px !important}.ml-n5{margin-left:-32px !important}.mx-5{margin-right:32px !important;margin-left:32px !important}.my-5{margin-top:32px !important;margin-bottom:32px !important}.m-6{margin:40px !important}.mt-6{margin-top:40px !important}.mr-6{margin-right:40px !important}.mb-6{margin-bottom:40px !important}.ml-6{margin-left:40px !important}.mt-n6{margin-top:-40px !important}.mr-n6{margin-right:-40px !important}.mb-n6{margin-bottom:-40px !important}.ml-n6{margin-left:-40px !important}.mx-6{margin-right:40px !important;margin-left:40px !important}.my-6{margin-top:40px !important;margin-bottom:40px !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}@media (min-width: 544px){.m-sm-0{margin:0 !important}.mt-sm-0{margin-top:0 !important}.mr-sm-0{margin-right:0 !important}.mb-sm-0{margin-bottom:0 !important}.ml-sm-0{margin-left:0 !important}.mt-sm-n0{margin-top:-0 !important}.mr-sm-n0{margin-right:-0 !important}.mb-sm-n0{margin-bottom:-0 !important}.ml-sm-n0{margin-left:-0 !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 544px){.m-sm-1{margin:4px !important}.mt-sm-1{margin-top:4px !important}.mr-sm-1{margin-right:4px !important}.mb-sm-1{margin-bottom:4px !important}.ml-sm-1{margin-left:4px !important}.mt-sm-n1{margin-top:-4px !important}.mr-sm-n1{margin-right:-4px !important}.mb-sm-n1{margin-bottom:-4px !important}.ml-sm-n1{margin-left:-4px !important}.mx-sm-1{margin-right:4px !important;margin-left:4px !important}.my-sm-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 544px){.m-sm-2{margin:8px !important}.mt-sm-2{margin-top:8px !important}.mr-sm-2{margin-right:8px !important}.mb-sm-2{margin-bottom:8px !important}.ml-sm-2{margin-left:8px !important}.mt-sm-n2{margin-top:-8px !important}.mr-sm-n2{margin-right:-8px !important}.mb-sm-n2{margin-bottom:-8px !important}.ml-sm-n2{margin-left:-8px !important}.mx-sm-2{margin-right:8px !important;margin-left:8px !important}.my-sm-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 544px){.m-sm-3{margin:16px !important}.mt-sm-3{margin-top:16px !important}.mr-sm-3{margin-right:16px !important}.mb-sm-3{margin-bottom:16px !important}.ml-sm-3{margin-left:16px !important}.mt-sm-n3{margin-top:-16px !important}.mr-sm-n3{margin-right:-16px !important}.mb-sm-n3{margin-bottom:-16px !important}.ml-sm-n3{margin-left:-16px !important}.mx-sm-3{margin-right:16px !important;margin-left:16px !important}.my-sm-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 544px){.m-sm-4{margin:24px !important}.mt-sm-4{margin-top:24px !important}.mr-sm-4{margin-right:24px !important}.mb-sm-4{margin-bottom:24px !important}.ml-sm-4{margin-left:24px !important}.mt-sm-n4{margin-top:-24px !important}.mr-sm-n4{margin-right:-24px !important}.mb-sm-n4{margin-bottom:-24px !important}.ml-sm-n4{margin-left:-24px !important}.mx-sm-4{margin-right:24px !important;margin-left:24px !important}.my-sm-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 544px){.m-sm-5{margin:32px !important}.mt-sm-5{margin-top:32px !important}.mr-sm-5{margin-right:32px !important}.mb-sm-5{margin-bottom:32px !important}.ml-sm-5{margin-left:32px !important}.mt-sm-n5{margin-top:-32px !important}.mr-sm-n5{margin-right:-32px !important}.mb-sm-n5{margin-bottom:-32px !important}.ml-sm-n5{margin-left:-32px !important}.mx-sm-5{margin-right:32px !important;margin-left:32px !important}.my-sm-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 544px){.m-sm-6{margin:40px !important}.mt-sm-6{margin-top:40px !important}.mr-sm-6{margin-right:40px !important}.mb-sm-6{margin-bottom:40px !important}.ml-sm-6{margin-left:40px !important}.mt-sm-n6{margin-top:-40px !important}.mr-sm-n6{margin-right:-40px !important}.mb-sm-n6{margin-bottom:-40px !important}.ml-sm-n6{margin-left:-40px !important}.mx-sm-6{margin-right:40px !important;margin-left:40px !important}.my-sm-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0{margin-top:0 !important}.mr-md-0{margin-right:0 !important}.mb-md-0{margin-bottom:0 !important}.ml-md-0{margin-left:0 !important}.mt-md-n0{margin-top:-0 !important}.mr-md-n0{margin-right:-0 !important}.mb-md-n0{margin-bottom:-0 !important}.ml-md-n0{margin-left:-0 !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 768px){.m-md-1{margin:4px !important}.mt-md-1{margin-top:4px !important}.mr-md-1{margin-right:4px !important}.mb-md-1{margin-bottom:4px !important}.ml-md-1{margin-left:4px !important}.mt-md-n1{margin-top:-4px !important}.mr-md-n1{margin-right:-4px !important}.mb-md-n1{margin-bottom:-4px !important}.ml-md-n1{margin-left:-4px !important}.mx-md-1{margin-right:4px !important;margin-left:4px !important}.my-md-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 768px){.m-md-2{margin:8px !important}.mt-md-2{margin-top:8px !important}.mr-md-2{margin-right:8px !important}.mb-md-2{margin-bottom:8px !important}.ml-md-2{margin-left:8px !important}.mt-md-n2{margin-top:-8px !important}.mr-md-n2{margin-right:-8px !important}.mb-md-n2{margin-bottom:-8px !important}.ml-md-n2{margin-left:-8px !important}.mx-md-2{margin-right:8px !important;margin-left:8px !important}.my-md-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 768px){.m-md-3{margin:16px !important}.mt-md-3{margin-top:16px !important}.mr-md-3{margin-right:16px !important}.mb-md-3{margin-bottom:16px !important}.ml-md-3{margin-left:16px !important}.mt-md-n3{margin-top:-16px !important}.mr-md-n3{margin-right:-16px !important}.mb-md-n3{margin-bottom:-16px !important}.ml-md-n3{margin-left:-16px !important}.mx-md-3{margin-right:16px !important;margin-left:16px !important}.my-md-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 768px){.m-md-4{margin:24px !important}.mt-md-4{margin-top:24px !important}.mr-md-4{margin-right:24px !important}.mb-md-4{margin-bottom:24px !important}.ml-md-4{margin-left:24px !important}.mt-md-n4{margin-top:-24px !important}.mr-md-n4{margin-right:-24px !important}.mb-md-n4{margin-bottom:-24px !important}.ml-md-n4{margin-left:-24px !important}.mx-md-4{margin-right:24px !important;margin-left:24px !important}.my-md-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 768px){.m-md-5{margin:32px !important}.mt-md-5{margin-top:32px !important}.mr-md-5{margin-right:32px !important}.mb-md-5{margin-bottom:32px !important}.ml-md-5{margin-left:32px !important}.mt-md-n5{margin-top:-32px !important}.mr-md-n5{margin-right:-32px !important}.mb-md-n5{margin-bottom:-32px !important}.ml-md-n5{margin-left:-32px !important}.mx-md-5{margin-right:32px !important;margin-left:32px !important}.my-md-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 768px){.m-md-6{margin:40px !important}.mt-md-6{margin-top:40px !important}.mr-md-6{margin-right:40px !important}.mb-md-6{margin-bottom:40px !important}.ml-md-6{margin-left:40px !important}.mt-md-n6{margin-top:-40px !important}.mr-md-n6{margin-right:-40px !important}.mb-md-n6{margin-bottom:-40px !important}.ml-md-n6{margin-left:-40px !important}.mx-md-6{margin-right:40px !important;margin-left:40px !important}.my-md-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1012px){.m-lg-0{margin:0 !important}.mt-lg-0{margin-top:0 !important}.mr-lg-0{margin-right:0 !important}.mb-lg-0{margin-bottom:0 !important}.ml-lg-0{margin-left:0 !important}.mt-lg-n0{margin-top:-0 !important}.mr-lg-n0{margin-right:-0 !important}.mb-lg-n0{margin-bottom:-0 !important}.ml-lg-n0{margin-left:-0 !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1012px){.m-lg-1{margin:4px !important}.mt-lg-1{margin-top:4px !important}.mr-lg-1{margin-right:4px !important}.mb-lg-1{margin-bottom:4px !important}.ml-lg-1{margin-left:4px !important}.mt-lg-n1{margin-top:-4px !important}.mr-lg-n1{margin-right:-4px !important}.mb-lg-n1{margin-bottom:-4px !important}.ml-lg-n1{margin-left:-4px !important}.mx-lg-1{margin-right:4px !important;margin-left:4px !important}.my-lg-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1012px){.m-lg-2{margin:8px !important}.mt-lg-2{margin-top:8px !important}.mr-lg-2{margin-right:8px !important}.mb-lg-2{margin-bottom:8px !important}.ml-lg-2{margin-left:8px !important}.mt-lg-n2{margin-top:-8px !important}.mr-lg-n2{margin-right:-8px !important}.mb-lg-n2{margin-bottom:-8px !important}.ml-lg-n2{margin-left:-8px !important}.mx-lg-2{margin-right:8px !important;margin-left:8px !important}.my-lg-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1012px){.m-lg-3{margin:16px !important}.mt-lg-3{margin-top:16px !important}.mr-lg-3{margin-right:16px !important}.mb-lg-3{margin-bottom:16px !important}.ml-lg-3{margin-left:16px !important}.mt-lg-n3{margin-top:-16px !important}.mr-lg-n3{margin-right:-16px !important}.mb-lg-n3{margin-bottom:-16px !important}.ml-lg-n3{margin-left:-16px !important}.mx-lg-3{margin-right:16px !important;margin-left:16px !important}.my-lg-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1012px){.m-lg-4{margin:24px !important}.mt-lg-4{margin-top:24px !important}.mr-lg-4{margin-right:24px !important}.mb-lg-4{margin-bottom:24px !important}.ml-lg-4{margin-left:24px !important}.mt-lg-n4{margin-top:-24px !important}.mr-lg-n4{margin-right:-24px !important}.mb-lg-n4{margin-bottom:-24px !important}.ml-lg-n4{margin-left:-24px !important}.mx-lg-4{margin-right:24px !important;margin-left:24px !important}.my-lg-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1012px){.m-lg-5{margin:32px !important}.mt-lg-5{margin-top:32px !important}.mr-lg-5{margin-right:32px !important}.mb-lg-5{margin-bottom:32px !important}.ml-lg-5{margin-left:32px !important}.mt-lg-n5{margin-top:-32px !important}.mr-lg-n5{margin-right:-32px !important}.mb-lg-n5{margin-bottom:-32px !important}.ml-lg-n5{margin-left:-32px !important}.mx-lg-5{margin-right:32px !important;margin-left:32px !important}.my-lg-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1012px){.m-lg-6{margin:40px !important}.mt-lg-6{margin-top:40px !important}.mr-lg-6{margin-right:40px !important}.mb-lg-6{margin-bottom:40px !important}.ml-lg-6{margin-left:40px !important}.mt-lg-n6{margin-top:-40px !important}.mr-lg-n6{margin-right:-40px !important}.mb-lg-n6{margin-bottom:-40px !important}.ml-lg-n6{margin-left:-40px !important}.mx-lg-6{margin-right:40px !important;margin-left:40px !important}.my-lg-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1280px){.m-xl-0{margin:0 !important}.mt-xl-0{margin-top:0 !important}.mr-xl-0{margin-right:0 !important}.mb-xl-0{margin-bottom:0 !important}.ml-xl-0{margin-left:0 !important}.mt-xl-n0{margin-top:-0 !important}.mr-xl-n0{margin-right:-0 !important}.mb-xl-n0{margin-bottom:-0 !important}.ml-xl-n0{margin-left:-0 !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1280px){.m-xl-1{margin:4px !important}.mt-xl-1{margin-top:4px !important}.mr-xl-1{margin-right:4px !important}.mb-xl-1{margin-bottom:4px !important}.ml-xl-1{margin-left:4px !important}.mt-xl-n1{margin-top:-4px !important}.mr-xl-n1{margin-right:-4px !important}.mb-xl-n1{margin-bottom:-4px !important}.ml-xl-n1{margin-left:-4px !important}.mx-xl-1{margin-right:4px !important;margin-left:4px !important}.my-xl-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1280px){.m-xl-2{margin:8px !important}.mt-xl-2{margin-top:8px !important}.mr-xl-2{margin-right:8px !important}.mb-xl-2{margin-bottom:8px !important}.ml-xl-2{margin-left:8px !important}.mt-xl-n2{margin-top:-8px !important}.mr-xl-n2{margin-right:-8px !important}.mb-xl-n2{margin-bottom:-8px !important}.ml-xl-n2{margin-left:-8px !important}.mx-xl-2{margin-right:8px !important;margin-left:8px !important}.my-xl-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1280px){.m-xl-3{margin:16px !important}.mt-xl-3{margin-top:16px !important}.mr-xl-3{margin-right:16px !important}.mb-xl-3{margin-bottom:16px !important}.ml-xl-3{margin-left:16px !important}.mt-xl-n3{margin-top:-16px !important}.mr-xl-n3{margin-right:-16px !important}.mb-xl-n3{margin-bottom:-16px !important}.ml-xl-n3{margin-left:-16px !important}.mx-xl-3{margin-right:16px !important;margin-left:16px !important}.my-xl-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1280px){.m-xl-4{margin:24px !important}.mt-xl-4{margin-top:24px !important}.mr-xl-4{margin-right:24px !important}.mb-xl-4{margin-bottom:24px !important}.ml-xl-4{margin-left:24px !important}.mt-xl-n4{margin-top:-24px !important}.mr-xl-n4{margin-right:-24px !important}.mb-xl-n4{margin-bottom:-24px !important}.ml-xl-n4{margin-left:-24px !important}.mx-xl-4{margin-right:24px !important;margin-left:24px !important}.my-xl-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1280px){.m-xl-5{margin:32px !important}.mt-xl-5{margin-top:32px !important}.mr-xl-5{margin-right:32px !important}.mb-xl-5{margin-bottom:32px !important}.ml-xl-5{margin-left:32px !important}.mt-xl-n5{margin-top:-32px !important}.mr-xl-n5{margin-right:-32px !important}.mb-xl-n5{margin-bottom:-32px !important}.ml-xl-n5{margin-left:-32px !important}.mx-xl-5{margin-right:32px !important;margin-left:32px !important}.my-xl-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1280px){.m-xl-6{margin:40px !important}.mt-xl-6{margin-top:40px !important}.mr-xl-6{margin-right:40px !important}.mb-xl-6{margin-bottom:40px !important}.ml-xl-6{margin-left:40px !important}.mt-xl-n6{margin-top:-40px !important}.mr-xl-n6{margin-right:-40px !important}.mb-xl-n6{margin-bottom:-40px !important}.ml-xl-n6{margin-left:-40px !important}.mx-xl-6{margin-right:40px !important;margin-left:40px !important}.my-xl-6{margin-top:40px !important;margin-bottom:40px !important}}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-right:0 !important;padding-left:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:4px !important}.pt-1{padding-top:4px !important}.pr-1{padding-right:4px !important}.pb-1{padding-bottom:4px !important}.pl-1{padding-left:4px !important}.px-1{padding-right:4px !important;padding-left:4px !important}.py-1{padding-top:4px !important;padding-bottom:4px !important}.p-2{padding:8px !important}.pt-2{padding-top:8px !important}.pr-2{padding-right:8px !important}.pb-2{padding-bottom:8px !important}.pl-2{padding-left:8px !important}.px-2{padding-right:8px !important;padding-left:8px !important}.py-2{padding-top:8px !important;padding-bottom:8px !important}.p-3{padding:16px !important}.pt-3{padding-top:16px !important}.pr-3{padding-right:16px !important}.pb-3{padding-bottom:16px !important}.pl-3{padding-left:16px !important}.px-3{padding-right:16px !important;padding-left:16px !important}.py-3{padding-top:16px !important;padding-bottom:16px !important}.p-4{padding:24px !important}.pt-4{padding-top:24px !important}.pr-4{padding-right:24px !important}.pb-4{padding-bottom:24px !important}.pl-4{padding-left:24px !important}.px-4{padding-right:24px !important;padding-left:24px !important}.py-4{padding-top:24px !important;padding-bottom:24px !important}.p-5{padding:32px !important}.pt-5{padding-top:32px !important}.pr-5{padding-right:32px !important}.pb-5{padding-bottom:32px !important}.pl-5{padding-left:32px !important}.px-5{padding-right:32px !important;padding-left:32px !important}.py-5{padding-top:32px !important;padding-bottom:32px !important}.p-6{padding:40px !important}.pt-6{padding-top:40px !important}.pr-6{padding-right:40px !important}.pb-6{padding-bottom:40px !important}.pl-6{padding-left:40px !important}.px-6{padding-right:40px !important;padding-left:40px !important}.py-6{padding-top:40px !important;padding-bottom:40px !important}@media (min-width: 544px){.p-sm-0{padding:0 !important}.pt-sm-0{padding-top:0 !important}.pr-sm-0{padding-right:0 !important}.pb-sm-0{padding-bottom:0 !important}.pl-sm-0{padding-left:0 !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 544px){.p-sm-1{padding:4px !important}.pt-sm-1{padding-top:4px !important}.pr-sm-1{padding-right:4px !important}.pb-sm-1{padding-bottom:4px !important}.pl-sm-1{padding-left:4px !important}.px-sm-1{padding-right:4px !important;padding-left:4px !important}.py-sm-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 544px){.p-sm-2{padding:8px !important}.pt-sm-2{padding-top:8px !important}.pr-sm-2{padding-right:8px !important}.pb-sm-2{padding-bottom:8px !important}.pl-sm-2{padding-left:8px !important}.px-sm-2{padding-right:8px !important;padding-left:8px !important}.py-sm-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 544px){.p-sm-3{padding:16px !important}.pt-sm-3{padding-top:16px !important}.pr-sm-3{padding-right:16px !important}.pb-sm-3{padding-bottom:16px !important}.pl-sm-3{padding-left:16px !important}.px-sm-3{padding-right:16px !important;padding-left:16px !important}.py-sm-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 544px){.p-sm-4{padding:24px !important}.pt-sm-4{padding-top:24px !important}.pr-sm-4{padding-right:24px !important}.pb-sm-4{padding-bottom:24px !important}.pl-sm-4{padding-left:24px !important}.px-sm-4{padding-right:24px !important;padding-left:24px !important}.py-sm-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 544px){.p-sm-5{padding:32px !important}.pt-sm-5{padding-top:32px !important}.pr-sm-5{padding-right:32px !important}.pb-sm-5{padding-bottom:32px !important}.pl-sm-5{padding-left:32px !important}.px-sm-5{padding-right:32px !important;padding-left:32px !important}.py-sm-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 544px){.p-sm-6{padding:40px !important}.pt-sm-6{padding-top:40px !important}.pr-sm-6{padding-right:40px !important}.pb-sm-6{padding-bottom:40px !important}.pl-sm-6{padding-left:40px !important}.px-sm-6{padding-right:40px !important;padding-left:40px !important}.py-sm-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 768px){.p-md-0{padding:0 !important}.pt-md-0{padding-top:0 !important}.pr-md-0{padding-right:0 !important}.pb-md-0{padding-bottom:0 !important}.pl-md-0{padding-left:0 !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 768px){.p-md-1{padding:4px !important}.pt-md-1{padding-top:4px !important}.pr-md-1{padding-right:4px !important}.pb-md-1{padding-bottom:4px !important}.pl-md-1{padding-left:4px !important}.px-md-1{padding-right:4px !important;padding-left:4px !important}.py-md-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 768px){.p-md-2{padding:8px !important}.pt-md-2{padding-top:8px !important}.pr-md-2{padding-right:8px !important}.pb-md-2{padding-bottom:8px !important}.pl-md-2{padding-left:8px !important}.px-md-2{padding-right:8px !important;padding-left:8px !important}.py-md-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 768px){.p-md-3{padding:16px !important}.pt-md-3{padding-top:16px !important}.pr-md-3{padding-right:16px !important}.pb-md-3{padding-bottom:16px !important}.pl-md-3{padding-left:16px !important}.px-md-3{padding-right:16px !important;padding-left:16px !important}.py-md-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 768px){.p-md-4{padding:24px !important}.pt-md-4{padding-top:24px !important}.pr-md-4{padding-right:24px !important}.pb-md-4{padding-bottom:24px !important}.pl-md-4{padding-left:24px !important}.px-md-4{padding-right:24px !important;padding-left:24px !important}.py-md-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 768px){.p-md-5{padding:32px !important}.pt-md-5{padding-top:32px !important}.pr-md-5{padding-right:32px !important}.pb-md-5{padding-bottom:32px !important}.pl-md-5{padding-left:32px !important}.px-md-5{padding-right:32px !important;padding-left:32px !important}.py-md-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 768px){.p-md-6{padding:40px !important}.pt-md-6{padding-top:40px !important}.pr-md-6{padding-right:40px !important}.pb-md-6{padding-bottom:40px !important}.pl-md-6{padding-left:40px !important}.px-md-6{padding-right:40px !important;padding-left:40px !important}.py-md-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1012px){.p-lg-0{padding:0 !important}.pt-lg-0{padding-top:0 !important}.pr-lg-0{padding-right:0 !important}.pb-lg-0{padding-bottom:0 !important}.pl-lg-0{padding-left:0 !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1012px){.p-lg-1{padding:4px !important}.pt-lg-1{padding-top:4px !important}.pr-lg-1{padding-right:4px !important}.pb-lg-1{padding-bottom:4px !important}.pl-lg-1{padding-left:4px !important}.px-lg-1{padding-right:4px !important;padding-left:4px !important}.py-lg-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1012px){.p-lg-2{padding:8px !important}.pt-lg-2{padding-top:8px !important}.pr-lg-2{padding-right:8px !important}.pb-lg-2{padding-bottom:8px !important}.pl-lg-2{padding-left:8px !important}.px-lg-2{padding-right:8px !important;padding-left:8px !important}.py-lg-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1012px){.p-lg-3{padding:16px !important}.pt-lg-3{padding-top:16px !important}.pr-lg-3{padding-right:16px !important}.pb-lg-3{padding-bottom:16px !important}.pl-lg-3{padding-left:16px !important}.px-lg-3{padding-right:16px !important;padding-left:16px !important}.py-lg-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1012px){.p-lg-4{padding:24px !important}.pt-lg-4{padding-top:24px !important}.pr-lg-4{padding-right:24px !important}.pb-lg-4{padding-bottom:24px !important}.pl-lg-4{padding-left:24px !important}.px-lg-4{padding-right:24px !important;padding-left:24px !important}.py-lg-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1012px){.p-lg-5{padding:32px !important}.pt-lg-5{padding-top:32px !important}.pr-lg-5{padding-right:32px !important}.pb-lg-5{padding-bottom:32px !important}.pl-lg-5{padding-left:32px !important}.px-lg-5{padding-right:32px !important;padding-left:32px !important}.py-lg-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1012px){.p-lg-6{padding:40px !important}.pt-lg-6{padding-top:40px !important}.pr-lg-6{padding-right:40px !important}.pb-lg-6{padding-bottom:40px !important}.pl-lg-6{padding-left:40px !important}.px-lg-6{padding-right:40px !important;padding-left:40px !important}.py-lg-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1280px){.p-xl-0{padding:0 !important}.pt-xl-0{padding-top:0 !important}.pr-xl-0{padding-right:0 !important}.pb-xl-0{padding-bottom:0 !important}.pl-xl-0{padding-left:0 !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1280px){.p-xl-1{padding:4px !important}.pt-xl-1{padding-top:4px !important}.pr-xl-1{padding-right:4px !important}.pb-xl-1{padding-bottom:4px !important}.pl-xl-1{padding-left:4px !important}.px-xl-1{padding-right:4px !important;padding-left:4px !important}.py-xl-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1280px){.p-xl-2{padding:8px !important}.pt-xl-2{padding-top:8px !important}.pr-xl-2{padding-right:8px !important}.pb-xl-2{padding-bottom:8px !important}.pl-xl-2{padding-left:8px !important}.px-xl-2{padding-right:8px !important;padding-left:8px !important}.py-xl-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1280px){.p-xl-3{padding:16px !important}.pt-xl-3{padding-top:16px !important}.pr-xl-3{padding-right:16px !important}.pb-xl-3{padding-bottom:16px !important}.pl-xl-3{padding-left:16px !important}.px-xl-3{padding-right:16px !important;padding-left:16px !important}.py-xl-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1280px){.p-xl-4{padding:24px !important}.pt-xl-4{padding-top:24px !important}.pr-xl-4{padding-right:24px !important}.pb-xl-4{padding-bottom:24px !important}.pl-xl-4{padding-left:24px !important}.px-xl-4{padding-right:24px !important;padding-left:24px !important}.py-xl-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1280px){.p-xl-5{padding:32px !important}.pt-xl-5{padding-top:32px !important}.pr-xl-5{padding-right:32px !important}.pb-xl-5{padding-bottom:32px !important}.pl-xl-5{padding-left:32px !important}.px-xl-5{padding-right:32px !important;padding-left:32px !important}.py-xl-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1280px){.p-xl-6{padding:40px !important}.pt-xl-6{padding-top:40px !important}.pr-xl-6{padding-right:40px !important}.pb-xl-6{padding-bottom:40px !important}.pl-xl-6{padding-left:40px !important}.px-xl-6{padding-right:40px !important;padding-left:40px !important}.py-xl-6{padding-top:40px !important;padding-bottom:40px !important}}.p-responsive{padding-right:16px !important;padding-left:16px !important}@media (min-width: 544px){.p-responsive{padding-right:40px !important;padding-left:40px !important}}@media (min-width: 1012px){.p-responsive{padding-right:16px !important;padding-left:16px !important}}.h1{font-size:26px !important}@media (min-width: 768px){.h1{font-size:32px !important}}.h2{font-size:22px !important}@media (min-width: 768px){.h2{font-size:24px !important}}.h3{font-size:18px !important}@media (min-width: 768px){.h3{font-size:20px !important}}.h4{font-size:16px !important}.h5{font-size:14px !important}.h6{font-size:12px !important}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600 !important}.f1{font-size:26px !important}@media (min-width: 768px){.f1{font-size:32px !important}}.f2{font-size:22px !important}@media (min-width: 768px){.f2{font-size:24px !important}}.f3{font-size:18px !important}@media (min-width: 768px){.f3{font-size:20px !important}}.f4{font-size:16px !important}@media (min-width: 768px){.f4{font-size:16px !important}}.f5{font-size:14px !important}.f6{font-size:12px !important}.f00-light{font-size:40px !important;font-weight:300 !important}@media (min-width: 768px){.f00-light{font-size:48px !important}}.f0-light{font-size:32px !important;font-weight:300 !important}@media (min-width: 768px){.f0-light{font-size:40px !important}}.f1-light{font-size:26px !important;font-weight:300 !important}@media (min-width: 768px){.f1-light{font-size:32px !important}}.f2-light{font-size:22px !important;font-weight:300 !important}@media (min-width: 768px){.f2-light{font-size:24px !important}}.f3-light{font-size:18px !important;font-weight:300 !important}@media (min-width: 768px){.f3-light{font-size:20px !important}}.text-small{font-size:12px !important}.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#586069}.lh-condensed-ultra{line-height:1 !important}.lh-condensed{line-height:1.25 !important}.lh-default{line-height:1.5 !important}.text-right{text-align:right !important}.text-left{text-align:left !important}.text-center{text-align:center !important}@media (min-width: 544px){.text-sm-right{text-align:right !important}.text-sm-left{text-align:left !important}.text-sm-center{text-align:center !important}}@media (min-width: 768px){.text-md-right{text-align:right !important}.text-md-left{text-align:left !important}.text-md-center{text-align:center !important}}@media (min-width: 1012px){.text-lg-right{text-align:right !important}.text-lg-left{text-align:left !important}.text-lg-center{text-align:center !important}}@media (min-width: 1280px){.text-xl-right{text-align:right !important}.text-xl-left{text-align:left !important}.text-xl-center{text-align:center !important}}.text-normal{font-weight:400 !important}.text-bold{font-weight:600 !important}.text-italic{font-style:italic !important}.text-uppercase{text-transform:uppercase !important}.no-underline{text-decoration:none !important}.no-wrap{white-space:nowrap !important}.ws-normal{white-space:normal !important}.wb-break-all{word-break:break-all !important}.text-emphasized{font-weight:600;color:#24292e}.list-style-none{list-style:none !important}.text-shadow-dark{text-shadow:0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)}.text-shadow-light{text-shadow:0 1px 0 rgba(255,255,255,0.5)}.v-hidden{visibility:hidden !important}.v-visible{visibility:visible !important}.d-table{display:table !important}.d-table-cell{display:table-cell !important}.table-fixed{table-layout:fixed !important}.d-block{display:block !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-flex{display:-webkit-box !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-none{display:none !important}@media (min-width: 544px){.d-sm-table{display:table !important}.d-sm-table-cell{display:table-cell !important}.d-sm-block{display:block !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-flex{display:-webkit-box !important;display:flex !important}.d-sm-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-sm-none{display:none !important}}@media (min-width: 768px){.d-md-table{display:table !important}.d-md-table-cell{display:table-cell !important}.d-md-block{display:block !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-flex{display:-webkit-box !important;display:flex !important}.d-md-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-md-none{display:none !important}}@media (min-width: 1012px){.d-lg-table{display:table !important}.d-lg-table-cell{display:table-cell !important}.d-lg-block{display:block !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-flex{display:-webkit-box !important;display:flex !important}.d-lg-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-lg-none{display:none !important}}@media (min-width: 1280px){.d-xl-table{display:table !important}.d-xl-table-cell{display:table-cell !important}.d-xl-block{display:block !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-flex{display:-webkit-box !important;display:flex !important}.d-xl-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-xl-none{display:none !important}}@media (max-width: 544px){.hide-sm{display:none !important}}@media (min-width: 544px) and (max-width: 768px){.hide-md{display:none !important}}@media (min-width: 768px) and (max-width: 1012px){.hide-lg{display:none !important}}@media (min-width: 1012px){.hide-xl{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);word-wrap:normal;border:0}.show-on-focus{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.show-on-focus:focus{z-index:20;width:auto;height:auto;clip:auto}/*! + * Primer-product + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd}.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.avatar-stack{display:inline-block;white-space:nowrap}.avatar-stack .avatar{position:relative;z-index:2;display:inline-block;width:20px;height:20px;box-sizing:content-box;margin-right:-15px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.avatar-stack .avatar:only-child{background-color:transparent}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:last-child{z-index:1;margin-right:0;border-right:0}.avatar-stack:hover .avatar{margin-right:3px}.avatar-stack:hover .avatar:last-child{margin-right:0}.CircleBadge{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative}.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none}.labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:400;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:0.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d}.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:0.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:0.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code::before,.markdown-body code::after,.markdown-body tt::before,.markdown-body tt::after{letter-spacing:-0.2em;content:"\00a0"}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code::before,.markdown-body pre code::after,.markdown-body pre tt::before,.markdown-body pre tt::after{content:normal}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}/*! + * Primer-marketing + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */.alt-mono-font{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.alt-h0,.alt-h1,.alt-h2,.alt-h3,.alt-h4,.alt-h5,.alt-h6,.alt-lead{-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif}.alt-h0{font-size:48px;font-weight:300}@media (min-width: 768px){.alt-h0{font-size:54px}}@media (min-width: 1012px){.alt-h0{font-size:72px}}.alt-h1{font-size:36px;font-weight:300}@media (min-width: 768px){.alt-h1{font-size:48px}}@media (min-width: 1012px){.alt-h1{font-size:54px}}.alt-h2{font-size:28px;font-weight:300}@media (min-width: 768px){.alt-h2{font-size:34px}}@media (min-width: 1012px){.alt-h2{font-size:38px}}.alt-h3{font-size:18px;font-weight:400}@media (min-width: 768px){.alt-h3{font-size:20px}}@media (min-width: 1012px){.alt-h3{font-size:22px}}.alt-h4{font-size:16px;font-weight:500}.alt-h5{font-size:14px;font-weight:500}.alt-h6{font-size:12px;font-weight:500}.alt-lead{-webkit-font-smoothing:antialiased;font-size:21px;font-weight:300}@media (min-width: 768px){.alt-lead{font-size:24px}}@media (min-width: 1012px){.alt-lead{font-size:26px}}.alt-text-small{font-size:14px !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}.breadcrumb-item{display:inline-block;margin-left:-4px;white-space:nowrap;list-style:none}.breadcrumb-item::after{padding-right:0.5em;padding-left:0.5em;color:#e1e4e8;content:"/"}.breadcrumb-item-selected::after{content:none}.card{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;box-shadow:0 1px 1px rgba(27,31,35,0.1)}.jumbotron{position:relative;padding-top:40px;padding-bottom:40px}@media (min-width: 544px){.jumbotron{padding-top:60px;padding-bottom:60px}}@media (min-width: 1280px){.jumbotron{padding-top:120px;padding-bottom:120px}}@media (min-width: 1012px){.jumbotron-supertron{height:45vw;min-height:590px;max-height:55vh;padding-top:80px;padding-bottom:80px}}.jumbotron-minitron{padding-top:24px;padding-bottom:24px}@media (min-width: 544px){.jumbotron-minitron{padding-top:32px;padding-bottom:32px}}.jumbotron-shadow::after{position:absolute;bottom:0;left:0;width:100%;height:30px;content:" ";background-color:transparent;background-image:linear-gradient(transparent, rgba(0,0,0,0.05));background-repeat:repeat-x;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05)}.jumbotron-photo{position:relative;background-color:#24292e;background-size:cover}.jumbotron-photo::before{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.25)}.page-section{padding:32px 0;margin-top:0}@media (min-width: 768px){.page-section{padding:56px 0}}.page-section-jumplink:target{padding-top:112px}@media (min-width: 768px){.page-section-jumplink:target{padding-top:80px}}.data-table{width:100%;margin-top:16px;border-collapse:collapse;border:1px #e1e4e8 solid;box-shadow:0 1px 1px rgba(27,31,35,0.05)}.data-table th{font-weight:400;text-align:left}.data-table td,.data-table th{padding:16px;border-right:1px #e1e4e8 solid;border-bottom:1px #e1e4e8 solid}.data-table tbody th{width:25%}.data-table tbody th,.data-table tbody td{border-bottom-color:#e1e4e8}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:1px #e1e4e8 solid}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (min-width: 544px){.border-sm-top{border-top:1px #e1e4e8 solid !important}.border-sm-right{border-right:1px #e1e4e8 solid !important}.border-sm-bottom{border-bottom:1px #e1e4e8 solid !important}.border-sm-left{border-left:1px #e1e4e8 solid !important}.border-sm-top-0{border-top:0 !important}.border-sm-right-0{border-right:0 !important}.border-sm-bottom-0{border-bottom:0 !important}.border-sm-left-0{border-left:0 !important}}@media (min-width: 768px){.border-md-top{border-top:1px #e1e4e8 solid !important}.border-md-right{border-right:1px #e1e4e8 solid !important}.border-md-bottom{border-bottom:1px #e1e4e8 solid !important}.border-md-left{border-left:1px #e1e4e8 solid !important}.border-md-top-0{border-top:0 !important}.border-md-right-0{border-right:0 !important}.border-md-bottom-0{border-bottom:0 !important}.border-md-left-0{border-left:0 !important}}@media (min-width: 1012px){.border-lg-top{border-top:1px #e1e4e8 solid !important}.border-lg-right{border-right:1px #e1e4e8 solid !important}.border-lg-bottom{border-bottom:1px #e1e4e8 solid !important}.border-lg-left{border-left:1px #e1e4e8 solid !important}.border-lg-top-0{border-top:0 !important}.border-lg-right-0{border-right:0 !important}.border-lg-bottom-0{border-bottom:0 !important}.border-lg-left-0{border-left:0 !important}}@media (min-width: 1280px){.border-xl-top{border-top:1px #e1e4e8 solid !important}.border-xl-right{border-right:1px #e1e4e8 solid !important}.border-xl-bottom{border-bottom:1px #e1e4e8 solid !important}.border-xl-left{border-left:1px #e1e4e8 solid !important}.border-xl-top-0{border-top:0 !important}.border-xl-right-0{border-right:0 !important}.border-xl-bottom-0{border-bottom:0 !important}.border-xl-left-0{border-left:0 !important}} diff --git a/node_modules/primer-css/build/index.js b/node_modules/primer-css/build/index.js new file mode 100644 index 000000000..75116ce24 --- /dev/null +++ b/node_modules/primer-css/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":115784,"gzipSize":18981,"humanizedSize":"113kB","humanizedGzipSize":"19kB","rules":{"total":1860,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1,3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3,21,3,1,3,2,1,2,1,3,1,4,4,5,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,4,5,2,3,1,4,1,5,5,3,1,4,2,2,4,3,3,3,1,5,12,2,2,12,1,2,3,16,1,2,2,2,3,1,4,2,3,1,1,1,2,3,2,1,1,1,4,1,3,1,13,3,1,1,1,1,1,5,2,2,1,5,3,6,3,5,1,1,1,2,3,2,3,2,2,1,3,2,3,1,1,7,2,1,11,1,1,5,2,1,4,1,1,1,1,3,2,1,1,3,1,1,1,1,1,3,3,1,1,2,2,11,9,1,2,3,1,1,1,3,1,1,4,2,1,1,1,1,1,1,1,1,2,7,1,1,1,1,1,1,1,1,1,3,1,2,4,1,1,3,1,1,1,3,3,1,2,10,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,6,1,3,4,2,1,1,1,1,1,2,1,1,2,1,6,1,2,2,1,4,3,1,2,2,1,3,2,3,3,3,3,2,2,3,3,1,1,1,1,1,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,5,4,3,1,3,1,2,4,7,4,2,2,2,1,10,1,2,3,3,1,1,9,4,2,5,1,2,1,1,3,2,2,12,2,2,2,7,1,2,3,2,1,7,1,2,4,2,2,2,3,1,7,3,1,1,2,1,1,1,1,1,19,10,1,1,1,1,12,3,1,3,5,3,1,3,5,3,1,2,5,5,5,5,7,4,1,1,1,1,1,6,1,6,2,1,1,1,1,11,3,3,3,3,8,3,3,3,3,11,1,1,10,1,1,6,3,3,3,3,8,1,1,1,1,1,1,4,2,2,2,2,2,2,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,2,1,2,1,2,1,2,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,8,6,4,6,1,1,12,1,3,3,3,3,3,4,5,1,2,2,1,6,2,11,1,1,3,1,1,9,3,2,2,2,1,6,1,7,5,4,1,1,2,2,1,3,1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2,4,2,3,1,1,2,1,4,1,2,5,3,1,1,11,4,3,1,1,1,3,3,1,1,1,2,1,2,2,1,1,1,5,2,3,1,2,2,1,1,3,1,1,3,2,7,2,4,3,4,2,3,4,2,4,1,4,4,7,2,1,1,1,7,1,2,6,9,1,6,4,1,3,1,2,2,1,1,2,1,1,2,1,1,2,1,1,2,2,2,3,1,1,1,9,5,4,4,1,4,3,2,2,5,2,2,10,3,8,2,1,1,1,5,2,3,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":21,"average":1.735483870967742}},"selectors":{"total":2110,"type":294,"class":1944,"id":0,"pseudoClass":158,"pseudoElement":108,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon",".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon",".btn",".btn i",".btn .octicon",".btn .Counter",".btn:hover",".btn:focus",".btn:disabled",".btn.disabled",".btn:active",".btn.selected",".btn",".btn:focus",".btn.focus",".btn:hover",".btn.hover",".btn:active",".btn.selected",".btn:disabled",".btn.disabled",".btn-primary",".btn-primary:focus",".btn-primary.focus",".btn-primary:hover",".btn-primary.hover",".btn-primary:active",".btn-primary.selected",".btn-primary:disabled",".btn-primary.disabled",".btn-primary .Counter",".btn-purple",".btn-purple:focus",".btn-purple.focus",".btn-purple:hover",".btn-purple.hover",".btn-purple:active",".btn-purple.selected",".btn-purple:disabled",".btn-purple.disabled",".btn-purple .Counter",".btn-blue",".btn-blue:focus",".btn-blue.focus",".btn-blue:hover",".btn-blue.hover",".btn-blue:active",".btn-blue.selected",".btn-blue:disabled",".btn-blue.disabled",".btn-blue .Counter",".btn-danger",".btn-danger:focus",".btn-danger:hover",".btn-danger:hover .Counter",".btn-danger:active",".btn-danger.selected",".btn-danger:disabled",".btn-danger.disabled",".btn-outline",".btn-outline .Counter",".btn-outline:hover",".btn-outline:active",".btn-outline.selected",".btn-outline:hover .Counter",".btn-outline:active .Counter",".btn-outline.selected .Counter",".btn-outline:focus",".btn-outline:disabled",".btn-outline.disabled",".btn-with-count",".btn-sm",".btn-large",".hidden-text-expander",".hidden-text-expander.inline",".hidden-text-expander a",".ellipsis-expander",".hidden-text-expander a:hover",".ellipsis-expander:hover",".hidden-text-expander a:active",".ellipsis-expander:active",".social-count",".social-count:hover",".social-count:active",".social-count:hover",".btn-block",".btn-link",".btn-link:hover",".btn-link:disabled",".btn-link:disabled:hover",".BtnGroup",".BtnGroup::before",".BtnGroup::after",".BtnGroup+.BtnGroup",".BtnGroup+.btn",".BtnGroup-item",".BtnGroup-item:first-child",".BtnGroup-item:last-child",".BtnGroup-item.selected",".BtnGroup-item:focus",".BtnGroup-item:active",".BtnGroup-item:hover",".BtnGroup-item.selected+.BtnGroup-item",".BtnGroup-item.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:active+.BtnGroup-item",".BtnGroup-item:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-form .BtnGroup-item",".BtnGroup-form",".BtnGroup-form:first-child .BtnGroup-item",".BtnGroup-form:last-child .BtnGroup-item",".BtnGroup-form .BtnGroup-item",".BtnGroup-form.selected .BtnGroup-item",".BtnGroup-form:focus .BtnGroup-item",".BtnGroup-form:active .BtnGroup-item",".BtnGroup-form:hover .BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-item",".BtnGroup-form.selected+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-item",".BtnGroup-form:focus+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:active+.BtnGroup-item",".BtnGroup-form:active+.BtnGroup-form .BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-item",".BtnGroup-form:hover+.BtnGroup-form .BtnGroup-item",".TableObject",".TableObject-item",".TableObject-item--primary","fieldset","label",".form-control",".form-select",".form-control.focus",".form-control:focus",".form-select.focus",".form-select:focus",".input-contrast",".input-contrast:focus","::-webkit-input-placeholder",":-ms-input-placeholder","::placeholder",".input-sm",".input-lg",".input-block",".input-monospace",".input-hide-webkit-autofill::-webkit-contacts-auto-fill-button",".form-checkbox",".form-checkbox label em.highlight",".form-checkbox input[type=checkbox]",".form-checkbox input[type=radio]",".form-checkbox .note",".form-checkbox-details",".form-checkbox-details-trigger:checked ~ * .form-checkbox-details",".form-checkbox-details-trigger:checked ~ .form-checkbox-details",".hfields",".hfields::before",".hfields::after",".hfields .form-group",".hfields .form-group dt label",".hfields .form-group dt img",".hfields .btn",".hfields .form-select","input::-webkit-outer-spin-button","input::-webkit-inner-spin-button",".form-actions::before",".form-actions::after",".form-actions .btn",".form-actions .btn+.btn",".form-warning",".form-warning p",".form-warning a",".form-select",".form-select::-ms-expand",".form-select[multiple]",".select-sm",".select-sm[multiple]",".form-group",".form-group .form-control",".form-group .form-control:focus",".form-group .form-control.shorter",".form-group .form-control.short",".form-group .form-control.long",".form-group textarea.form-control",".form-group textarea.form-control.short",".form-group dt",".form-group label",".form-group.flattened dt",".form-group.flattened dd",".form-group dd h4",".form-group dd h4.is-error",".form-group dd h4.is-success",".form-group dd h4+.note",".form-group.required dt label::after",".form-group .success",".form-group .error",".form-group .indicator",".form-group.loading",".form-group.loading .indicator",".form-group.loading .spinner",".form-group.successful .success",".form-group.warn .warning",".form-group.warn .error",".form-group.errored .warning",".form-group.errored .error",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.warn .error::after",".form-group.warn .error::before",".form-group.errored .warning::after",".form-group.errored .warning::before",".form-group.errored .error::after",".form-group.errored .error::before",".form-group.warn .warning::after",".form-group.warn .error::after",".form-group.errored .warning::after",".form-group.errored .error::after",".form-group.warn .warning::before",".form-group.warn .error::before",".form-group.errored .warning::before",".form-group.errored .error::before",".form-group.warn .warning",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.errored label",".form-group.errored .error",".form-group.errored .error::after",".form-group.errored .error::before",".note",".note .spinner","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored",".form-cards",".form-cards .card",".form-cards .card.visa",".form-cards .card.amex",".form-cards .card.mastercard",".form-cards .card.discover",".form-cards .card.jcb",".form-cards .card.dinersclub",".form-cards .card.enabled",".form-cards .card.disabled",".form-cards>.cards",".form-cards>.cards>li",".form-cards>.cards>li.text",".form-cards>.cards .card",".status-indicator",".status-indicator .octicon",".status-indicator-success::before",".status-indicator-success .octicon-check",".status-indicator-success .octicon-x",".status-indicator-failed::before",".status-indicator-failed .octicon-check",".status-indicator-failed .octicon-x",".status-indicator-loading",".inline-form",".inline-form .btn-plain",".drag-and-drop",".drag-and-drop .default",".drag-and-drop .loading",".drag-and-drop .error",".drag-and-drop .error",".drag-and-drop img",".is-default .drag-and-drop .default",".is-uploading .drag-and-drop .loading",".is-bad-file .drag-and-drop .bad-file",".is-duplicate-filename .drag-and-drop .duplicate-filename",".is-too-big .drag-and-drop .too-big",".is-hidden-file .drag-and-drop .hidden-file",".is-empty .drag-and-drop .empty",".is-bad-permissions .drag-and-drop .bad-permissions",".is-repository-required .drag-and-drop .repository-required",".drag-and-drop-error-info",".drag-and-drop-error-info a",".is-failed .drag-and-drop .failed-request",".manual-file-chooser",".manual-file-chooser:hover+.manual-file-chooser-text",".btn .manual-file-chooser",".upload-enabled textarea",".upload-enabled.focused",".upload-enabled.focused .form-control",".upload-enabled.focused .drag-and-drop",".dragover textarea",".dragover .drag-and-drop",".write-content",".previewable-comment-form",".previewable-comment-form .tabnav",".previewable-comment-form .comment",".previewable-comment-form .comment-form-error",".previewable-comment-form .write-content",".previewable-comment-form .preview-content",".previewable-comment-form.write-selected .write-content",".previewable-comment-form.preview-selected .preview-content",".previewable-comment-form textarea",".form-action-spacious","div.composer",".composer .comment-form-textarea",".composer .tabnav","h2.account","p.explain","p.explain strong","p.explain .octicon","p.explain .minibutton",".form-group label",".container",".container::before",".container::after",".container-md",".container-lg",".container-xl",".columns",".columns::before",".columns::after",".column",".one-third",".two-thirds",".one-fourth",".one-half",".three-fourths",".one-fifth",".four-fifths",".centered",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gutter",".gutter>[class*=\"col-\"]",".gutter-condensed",".gutter-condensed>[class*=\"col-\"]",".gutter-spacious",".gutter-spacious>[class*=\"col-\"]",".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]",".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]",".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]",".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11",".menu",".menu-item",".menu-item:first-child",".menu-item:first-child::before",".menu-item:last-child",".menu-item:last-child::before",".menu-item:hover",".menu-item.selected",".menu-item.selected::before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child",".tabnav",".tabnav .Counter",".tabnav-tabs",".tabnav-tab",".tabnav-tab.selected",".tabnav-tab:hover",".tabnav-tab:focus",".tabnav-extra",".tabnav-extra>.octicon","a.tabnav-extra:hover",".tabnav-btn",".filter-list",".filter-list.small .filter-item",".filter-list.pjax-active .filter-item",".filter-list.pjax-active .filter-item.pjax-active",".filter-item",".filter-item:hover",".filter-item.selected",".filter-item .count",".filter-item .bar",".subnav",".subnav::before",".subnav::after",".subnav-bordered",".subnav-flush",".subnav-item",".subnav-item+.subnav-item",".subnav-item:hover",".subnav-item:focus",".subnav-item.selected",".subnav-item.selected:hover",".subnav-item.selected:focus",".subnav-item:first-child",".subnav-item:last-child",".subnav-search",".subnav-search-input",".subnav-search-input-wide",".subnav-search-icon",".subnav-search-context .btn",".subnav-search-context .btn:hover",".subnav-search-context .btn:focus",".subnav-search-context .btn:active",".subnav-search-context .btn.selected",".subnav-search-context+.subnav-search",".subnav-search-context+.subnav-search .subnav-search-input",".subnav-search-context .select-menu-modal-holder",".subnav-search-context .select-menu-modal",".subnav-search-context .select-menu-item-icon",".subnav-spacer-right",".tooltipped",".tooltipped::after",".tooltipped::before","from","to","from","to",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-s::before",".tooltipped-se::before",".tooltipped-sw::before",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-n::before",".tooltipped-ne::before",".tooltipped-nw::before",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-w::before",".tooltipped-e::after",".tooltipped-e::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-multiline::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after",".tooltipped-w::after",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".css-truncate.expandable:hover.css-truncate-target",".anim-fade-in",".anim-fade-in.fast","0%","100%","0%","100%",".anim-fade-up","0%","100%","0%","100%",".anim-fade-down","0%","100%","0%","100%",".anim-grow-x","to","to",".anim-shrink-x","to","to",".anim-scale-in","0%","100%","0%","100%",".anim-pulse","0%","10%","100%","0%","10%","100%",".anim-pulse-in","0%","50%","100%","0%","50%","100%",".border",".border-top",".border-right",".border-bottom",".border-left",".border-y",".border-dashed",".border-blue",".border-blue-light",".border-green",".border-green-light",".border-red",".border-red-light",".border-purple",".border-yellow",".border-gray-light",".border-gray-dark",".border-black-fade",".border-0",".border-top-0",".border-right-0",".border-bottom-0",".border-left-0",".rounded-0",".rounded-1",".rounded-2",".box-shadow",".box-shadow-medium",".box-shadow-large",".box-shadow-extra-large",".box-shadow-none",".bg-white",".bg-blue",".bg-blue-light",".bg-gray-dark",".bg-gray",".bg-gray-light",".bg-green",".bg-green-light",".bg-red",".bg-red-light",".bg-yellow",".bg-yellow-light",".bg-purple",".bg-purple-light",".bg-shade-gradient",".text-blue",".text-red",".text-gray-light",".text-gray",".text-gray-dark",".text-green",".text-orange",".text-orange-light",".text-purple",".text-white",".text-inherit",".text-pending",".bg-pending",".link-gray",".link-gray:hover",".link-gray-dark",".link-gray-dark:hover",".link-hover-blue:hover",".muted-link",".muted-link:hover",".flex-row",".flex-row-reverse",".flex-column",".flex-wrap",".flex-nowrap",".flex-justify-start",".flex-justify-end",".flex-justify-center",".flex-justify-between",".flex-justify-around",".flex-items-start",".flex-items-end",".flex-items-center",".flex-items-baseline",".flex-items-stretch",".flex-content-start",".flex-content-end",".flex-content-center",".flex-content-between",".flex-content-around",".flex-content-stretch",".flex-auto",".flex-shrink-0",".flex-self-auto",".flex-self-start",".flex-self-end",".flex-self-center",".flex-self-baseline",".flex-self-stretch",".flex-item-equal",".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal",".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal",".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal",".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal",".position-static",".position-relative",".position-absolute",".position-fixed",".top-0",".right-0",".bottom-0",".left-0",".v-align-middle",".v-align-top",".v-align-bottom",".v-align-text-top",".v-align-text-bottom",".overflow-hidden",".overflow-scroll",".overflow-auto",".clearfix::before",".clearfix::after",".float-right",".float-left",".float-none",".float-sm-left",".float-sm-right",".float-sm-none",".float-md-left",".float-md-right",".float-md-none",".float-lg-left",".float-lg-right",".float-lg-none",".float-xl-left",".float-xl-right",".float-xl-none",".width-fit",".width-full",".height-full",".min-width-0",".direction-rtl",".direction-ltr",".direction-sm-rtl",".direction-sm-ltr",".direction-md-rtl",".direction-md-ltr",".direction-lg-rtl",".direction-lg-ltr",".direction-xl-rtl",".direction-xl-ltr",".m-0",".mt-0",".mr-0",".mb-0",".ml-0",".mt-n0",".mr-n0",".mb-n0",".ml-n0",".mx-0",".my-0",".m-1",".mt-1",".mr-1",".mb-1",".ml-1",".mt-n1",".mr-n1",".mb-n1",".ml-n1",".mx-1",".my-1",".m-2",".mt-2",".mr-2",".mb-2",".ml-2",".mt-n2",".mr-n2",".mb-n2",".ml-n2",".mx-2",".my-2",".m-3",".mt-3",".mr-3",".mb-3",".ml-3",".mt-n3",".mr-n3",".mb-n3",".ml-n3",".mx-3",".my-3",".m-4",".mt-4",".mr-4",".mb-4",".ml-4",".mt-n4",".mr-n4",".mb-n4",".ml-n4",".mx-4",".my-4",".m-5",".mt-5",".mr-5",".mb-5",".ml-5",".mt-n5",".mr-n5",".mb-n5",".ml-n5",".mx-5",".my-5",".m-6",".mt-6",".mr-6",".mb-6",".ml-6",".mt-n6",".mr-n6",".mb-n6",".ml-n6",".mx-6",".my-6",".mx-auto",".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0",".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1",".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2",".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3",".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4",".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5",".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6",".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0",".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1",".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2",".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3",".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4",".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5",".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6",".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0",".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1",".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2",".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3",".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4",".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5",".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6",".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0",".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1",".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2",".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3",".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4",".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5",".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6",".p-0",".pt-0",".pr-0",".pb-0",".pl-0",".px-0",".py-0",".p-1",".pt-1",".pr-1",".pb-1",".pl-1",".px-1",".py-1",".p-2",".pt-2",".pr-2",".pb-2",".pl-2",".px-2",".py-2",".p-3",".pt-3",".pr-3",".pb-3",".pl-3",".px-3",".py-3",".p-4",".pt-4",".pr-4",".pb-4",".pl-4",".px-4",".py-4",".p-5",".pt-5",".pr-5",".pb-5",".pl-5",".px-5",".py-5",".p-6",".pt-6",".pr-6",".pb-6",".pl-6",".px-6",".py-6",".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0",".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1",".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2",".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3",".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4",".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5",".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6",".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0",".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1",".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2",".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3",".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4",".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5",".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6",".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0",".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1",".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2",".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3",".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4",".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5",".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6",".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0",".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1",".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2",".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3",".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4",".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5",".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6",".p-responsive",".p-responsive",".p-responsive",".h1",".h1",".h2",".h2",".h3",".h3",".h4",".h5",".h6",".h1",".h2",".h3",".h4",".h5",".h6",".f1",".f1",".f2",".f2",".f3",".f3",".f4",".f4",".f5",".f6",".f00-light",".f00-light",".f0-light",".f0-light",".f1-light",".f1-light",".f2-light",".f2-light",".f3-light",".f3-light",".text-small",".lead",".lh-condensed-ultra",".lh-condensed",".lh-default",".text-right",".text-left",".text-center",".text-sm-right",".text-sm-left",".text-sm-center",".text-md-right",".text-md-left",".text-md-center",".text-lg-right",".text-lg-left",".text-lg-center",".text-xl-right",".text-xl-left",".text-xl-center",".text-normal",".text-bold",".text-italic",".text-uppercase",".no-underline",".no-wrap",".ws-normal",".wb-break-all",".text-emphasized",".list-style-none",".text-shadow-dark",".text-shadow-light",".v-hidden",".v-visible",".d-table",".d-table-cell",".table-fixed",".d-block",".d-inline",".d-inline-block",".d-flex",".d-inline-flex",".d-none",".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none",".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none",".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none",".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none",".hide-sm",".hide-md",".hide-lg",".hide-xl",".sr-only",".show-on-focus",".show-on-focus:focus",".flash",".flash p:last-child",".flash-messages",".flash-close",".flash-close:hover",".flash-action",".flash-warn",".flash-error",".flash-success",".flash-full",".warning",".avatar",".avatar-small",".avatar-link",".avatar-group-item",".avatar-parent-child",".avatar-child",".avatar-stack",".avatar-stack .avatar",".avatar-stack .avatar:only-child",".avatar-stack .avatar:first-child",".avatar-stack .avatar:last-child",".avatar-stack:hover .avatar",".avatar-stack:hover .avatar:last-child",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge",".blankslate",".blankslate code",".blankslate-icon",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background",".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray",".markdown-body",".markdown-body::before",".markdown-body::after",".markdown-body>*:first-child",".markdown-body>*:last-child",".markdown-body a:not([href])",".markdown-body .absent",".markdown-body .anchor",".markdown-body .anchor:focus",".markdown-body p",".markdown-body blockquote",".markdown-body ul",".markdown-body ol",".markdown-body dl",".markdown-body table",".markdown-body pre",".markdown-body hr",".markdown-body blockquote",".markdown-body blockquote>:first-child",".markdown-body blockquote>:last-child",".markdown-body kbd",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body h1 .octicon-link",".markdown-body h2 .octicon-link",".markdown-body h3 .octicon-link",".markdown-body h4 .octicon-link",".markdown-body h5 .octicon-link",".markdown-body h6 .octicon-link",".markdown-body h1:hover .anchor",".markdown-body h2:hover .anchor",".markdown-body h3:hover .anchor",".markdown-body h4:hover .anchor",".markdown-body h5:hover .anchor",".markdown-body h6:hover .anchor",".markdown-body h1:hover .anchor .octicon-link",".markdown-body h2:hover .anchor .octicon-link",".markdown-body h3:hover .anchor .octicon-link",".markdown-body h4:hover .anchor .octicon-link",".markdown-body h5:hover .anchor .octicon-link",".markdown-body h6:hover .anchor .octicon-link",".markdown-body h1 tt",".markdown-body h1 code",".markdown-body h2 tt",".markdown-body h2 code",".markdown-body h3 tt",".markdown-body h3 code",".markdown-body h4 tt",".markdown-body h4 code",".markdown-body h5 tt",".markdown-body h5 code",".markdown-body h6 tt",".markdown-body h6 code",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body ul",".markdown-body ol",".markdown-body ul.no-list",".markdown-body ol.no-list",".markdown-body ul ul",".markdown-body ul ol",".markdown-body ol ol",".markdown-body ol ul",".markdown-body li>p",".markdown-body li+li",".markdown-body dl",".markdown-body dl dt",".markdown-body dl dd",".markdown-body table",".markdown-body table th",".markdown-body table th",".markdown-body table td",".markdown-body table tr",".markdown-body table tr:nth-child(2n)",".markdown-body table img",".markdown-body img",".markdown-body img[align=right]",".markdown-body img[align=left]",".markdown-body .emoji",".markdown-body span.frame",".markdown-body span.frame>span",".markdown-body span.frame span img",".markdown-body span.frame span span",".markdown-body span.align-center",".markdown-body span.align-center>span",".markdown-body span.align-center span img",".markdown-body span.align-right",".markdown-body span.align-right>span",".markdown-body span.align-right span img",".markdown-body span.float-left",".markdown-body span.float-left span",".markdown-body span.float-right",".markdown-body span.float-right>span",".markdown-body code",".markdown-body tt",".markdown-body code::before",".markdown-body code::after",".markdown-body tt::before",".markdown-body tt::after",".markdown-body code br",".markdown-body tt br",".markdown-body del code",".markdown-body pre",".markdown-body pre>code",".markdown-body .highlight",".markdown-body .highlight pre",".markdown-body .highlight pre",".markdown-body pre",".markdown-body pre code",".markdown-body pre tt",".markdown-body pre code::before",".markdown-body pre code::after",".markdown-body pre tt::before",".markdown-body pre tt::after",".markdown-body .csv-data td",".markdown-body .csv-data th",".markdown-body .csv-data .blob-num",".markdown-body .csv-data tr",".markdown-body .csv-data th",".alt-mono-font",".alt-h0",".alt-h1",".alt-h2",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-h0",".alt-h0",".alt-h0",".alt-h1",".alt-h1",".alt-h1",".alt-h2",".alt-h2",".alt-h2",".alt-h3",".alt-h3",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-lead",".alt-lead",".alt-text-small",".pullquote",".pullquote",".breadcrumb-item",".breadcrumb-item::after",".breadcrumb-item-selected::after",".card",".jumbotron",".jumbotron",".jumbotron",".jumbotron-supertron",".jumbotron-minitron",".jumbotron-minitron",".jumbotron-shadow::after",".jumbotron-photo",".jumbotron-photo::before",".page-section",".page-section",".page-section-jumplink:target",".page-section-jumplink:target",".data-table",".data-table th",".data-table td",".data-table th",".data-table tbody th",".data-table tbody th",".data-table tbody td",".data-table tbody tr:last-child th",".data-table tbody tr:last-child td",".grayscale",".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0",".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0",".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0",".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":41,"average":12.413744075829383}},"declarations":{"total":3228,"unique":904,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","Roboto,-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Open Sans\",sans-serif","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0","-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px","0","15px 0","5px 0 0 -20px","0","15px 0","0 30px 0 0","5px 0 0","28px 25px 0 -20px","0","10px 0","0","15px 0","0 0 6px","0","4px 0 0","4px 0 0","4px 0 2px","0 0 15px","0","0 4px 0 0","0","0 8px 8px","0 0 10px","15px 0 0","0 0 2px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","-16px","0 auto","16px 0","24px 0","13px 0 0","13px auto 0","0 auto","13px 0 0","0","13px 0 0","13px auto 0","0","0","0"],"display":["block","list-item","inline-block","none","none","table","table","table","inline-block","block","inline-block","inline-block","block","inline-block","inline-block","table","table","table","table-cell","block","none","block","none","block","table","table","inline-block","table","table","inline-block","none","inline","inline-block","inline","block","inline-block","none","inline-block","none","none","inline-block","inline-block","none","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","block","none","block","block","table","table","table","table","block","block","block","inline-block","inline-block","block","inline-block","table","table","block","none","none","inline-block","table-cell","inline-block","table-cell","inline-block","table","table","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","none","none","none","none","inline-block","inline-block","inline-block","inline-block","-webkit-box","flex","inline-block","inline-block","inline-block","table","table","inline-block","block","block","block","block","block","block","block","block","block","block","block","block","none","inline","inline-block","block"],"height":["0","0","auto","0","12px","34px","auto","28px","auto","200px","50px","0","31px","31px","16px","200px","0","100%","1px","1px","auto","20px","auto","56px","96px","128px","0.25em","45vw","30px","100%"],"vertical-align":["baseline","baseline","text-bottom","middle","text-top","middle","middle","middle","middle","middle","middle","middle","middle","middle","top","top","middle","top","bottom","text-top","text-bottom","middle","middle","middle","text-top"],"background-color":["transparent","#ff0","#fff","#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa","rgba(27,31,35,0.1)","#eff3f6","#e6ebf1","#e9ecef","#eff3f6","#28a745","#269f42","#279f43","#94d3a2","#fff","#643ab0","#5f37a8","#613ca4","#b19cd7","#fff","#0361cc","#035cc2","#045cc1","#81b0e5","#fff","#fafbfc","#cb2431","#b5202c","#eff3f6","#fff","rgba(27,31,35,0.07)","#0366d6","#fff","#fff","#c6cbd1","#2188ff","#fff","transparent","#fff","#fafbfc","#fff","#fafbfc","#fff","#fffbdd","#ffdce0","transparent","#fafbfc","#fff","#f6f8fa","#fff","#e36209","#f3f5f8","transparent","#fff","transparent","#0366d6","#eaecef","#0366d6","#eff3f6","#f6f8fa","#0366d6","#fff","#0366d6","#f1f8ff","#24292e","#f6f8fa","#fafbfc","#28a745","#dcffe4","#d73a49","#ffdce0","#ffd33d","#fff5b1","#6f42c1","#f5f0ff","#dbedff","#fffbdd","#ffdce0","#dcffe4","#fffbdd","#fff","#fff","transparent","#fff","#fafbfc","#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d","#e1e4e8","#fafbfc","#fff","#f6f8fa","transparent","#fff","transparent","rgba(27,31,35,0.05)","#f6f8fa","transparent","#fff","transparent","#24292e","rgba(0,0,0,0.25)"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5","1px solid #e1e4e8","1px dashed #dfe2e5","1px solid #e1e4e8","0","1px solid #e1e4e8","0","1px solid #d1d5da","0","1px solid #eaecef","1px #e1e4e8 solid","1px #e1e4e8 solid","0","2px dashed #e1e4e8","1px solid #eaecef","1px solid #eaecef","1px #e1e4e8 solid","1px #e1e4e8 solid","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"text-decoration":["underline","underline dotted","none","underline","none","none","none","none","none","none","none","underline","underline","none","none","none","none","none","none","none","none","none","none","none","none","none","none","none","inherit"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600","600","600","500","600","600","600","400","600","600","400","400","400","600","600","600","600","600","300","300","300","300","300","300","400","600","600","600","600","400","600","600","600","600","600","600","300","300","300","400","500","500","500","300","400"],"font-style":["italic","normal","normal","italic","italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px","20px","14px","14px","12px","inherit","12px","12px","inherit","14px","12px","16px","12px","14px","12px","12px","13px","12px","13px","18px","12px","13px","14px","12px","12px","14px","26px","32px","22px","24px","18px","20px","16px","14px","12px","26px","32px","22px","24px","18px","20px","16px","16px","14px","12px","40px","48px","32px","40px","26px","32px","22px","24px","18px","20px","12px","20px","14px","20px","16px","12px","12px","12px","16px","11px","inherit","2em","1.5em","1.25em","1em","0.875em","0.85em","1em","85%","100%","85%","12px","48px","54px","72px","36px","48px","54px","28px","34px","38px","18px","20px","22px","16px","14px","12px","21px","24px","26px","14px","16px","18px"],"color":["#000","inherit","inherit","#24292e","#0366d6","#0366d6","#24292e","#0366d6","#586069","#24292e","rgba(36,41,46,0.4)","#fff","rgba(255,255,255,0.75)","#29b249","#fff","rgba(255,255,255,0.75)","#683cb8","#fff","rgba(255,255,255,0.75)","#0366d6","#cb2431","#fff","#fff","#fff","rgba(203,36,49,0.4)","#0366d6","#fff","#0366d6","rgba(27,31,35,0.3)","#444d56","#fff","#24292e","#0366d6","#0366d6","rgba(88,96,105,0.5)","#24292e","#6a737d","#6a737d","#6a737d","#586069","#586069","#735c0f","#cb2431","#28a745","#cb2431","#28a745","#735c0f","#cb2431","#86181d","#586069","#28a745","#cb2431","#586069","#cb2431","#586069","#0366d6","#586069","#586069","#24292e","#959da5","#24292e","#24292e","#86181d","#cb2431","#586069","#586069","#24292e","#24292e","#586069","#0366d6","#586069","#fff","#586069","#fff","#586069","#fff","#586069","#c6cbd1","#444d56","inherit","#fff","rgba(27,31,35,0.8)","#0366d6","#cb2431","#6a737d","#586069","#24292e","#28a745","#a04100","#e36209","#6f42c1","#fff","inherit","#b08800","#dbab09","#586069","#0366d6","#24292e","#0366d6","#0366d6","#586069","#0366d6","#586069","#24292e","#032f62","inherit","#735c0f","#86181d","#165c26","#a3aab1","#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff","inherit","#cb2431","#6a737d","#444d56","#1b1f23","#6a737d","#24292e","#586069","#e1e4e8"],"line-height":["0","inherit","1.5","1.25","1.25","1.25","1.5","20px","20px","0","6px","20px","20px","20px","1.5","32px","32px","31px","16px","34px","20px","20px","20px","1","1.25","1.5","1","1","1","20px","1","1.5","1","10px","1.25","1.45","inherit","1","1.4","1.5"],"position":["relative","relative","relative","relative","absolute","relative","relative","relative","absolute","absolute","absolute","relative","relative","relative","relative","static","relative","absolute","relative","absolute","relative","relative","absolute","relative","absolute","absolute","static","relative","absolute","fixed","absolute","absolute","relative","relative","absolute","relative","relative","absolute","relative","relative","relative","relative","absolute","relative","absolute"],"bottom":["-0.25em","100%","0","2px","-5px","100%","auto","50%","50%","50%","50%","0","-9%","0","0"],"top":["-0.5em","-1px","-2px","0","-4px","0","2px","9px","100%","auto","-5px","50%","50%","0","50%"],"border-style":["none","none","solid","solid","dashed"],"overflow":["hidden","visible","visible","auto","hidden","scroll","hidden","hidden","hidden","scroll","auto","hidden","hidden","hidden","auto","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","auto","visible","hidden"],"box-sizing":["content-box","border-box","border-box","border-box","content-box","content-box"],"font":["inherit","inherit","normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"text-transform":["none","none","uppercase"],"-webkit-appearance":["button","textfield","none","button","none","none","none","none","none"],"padding":["0","0.35em 0.625em 0.75em","0","0","0","8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px","6px 12px","3px 10px","0.75em 1.25em","0 5px 5px","3px 10px","0","0","6px 8px","4px 10px","2px 4px","8px 10px","5px 8px","7px 10px","5px","0","8px 8px 0","8px","8px 10px","8px 10px","8px 12px","4px 10px","8px 10px","6px 14px","5px 8px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","16px","16px","0.5em","32px","2px 5px 3px","80px 40px","3px 4px","4px 8px","0.125em 4px","2px 5px","0","0 1em","3px 5px","0","0","0","0 16px","6px 13px","7px","5px 0 0","0","0","16px","0","5px","10px 8px 9px","32px 0","56px 0","16px"],"outline":["1px dotted ButtonText","0","none","none","none"],"border":["1px solid #c0c0c0","0","1px solid #d1d5da","1px solid rgba(27,31,35,0.2)","0","1px solid rgba(27,31,35,0.2)","0","0","1px solid #d1d5da","1px solid #d9d0a5","solid transparent","0","1px solid #c3c8cf","1px solid #c3c8cf","0","1px solid #d1d5da","1px solid transparent","1px solid #e1e4e8","5px solid transparent","1px #e1e4e8 solid","0","0","1px solid rgba(27,31,35,0.15)","0","1px solid #e1e4e8","1px solid #eaecef","0","1px solid rgba(27,31,35,0.15)","1px solid #34d058","0","solid 1px #c6cbd1","1px solid #dfe2e5","1px solid #dfe2e5","0","0","0","1px #e1e4e8 solid","1px #e1e4e8 solid"],"max-width":["100%","100%","100%","450px","768px","1012px","1280px","250px","125px","10000px","100%","60%","100%","none","auto"],"white-space":["normal","nowrap","nowrap","nowrap","nowrap","pre","pre-line","nowrap","nowrap","normal","nowrap","pre","nowrap","nowrap"],"outline-offset":["-2px"],"opacity":["0.54","100","0","0","0.6","0","0.5","0.6","1","0.2","0.0001","0","0","0","1","0","1","1","0","1","0","1","0","0.8","1","0.8","1","1","0.5","1","0.5","0","1","0","1","0.3","1","0.3","0.3","1","0.3","0.6","1"],"background":["transparent","#dfe2e5","#fffbdd","#fffbdd","#fff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC\") no-repeat right 8px center","url(\"/images/spinners/octocat-spinner-32-EAF2F5.gif\") 0 0 no-repeat","rgba(27,31,35,0.8)","none","#fff","none","transparent","#fff","#f6f8fa"],"content":["\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"*\"","\" \"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","attr(aria-label)","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\\00a0\"","normal","\"/\"","none","\" \"","\"\""],"clear":["both","both","both","both","both","both","both","both","both","both","both","both"],"border-spacing":["0"],"border-collapse":["collapse","separate","collapse"],"cursor":["pointer","-webkit-grab","grab","-webkit-grabbing","grabbing","pointer","default","pointer","pointer","default","pointer","default","pointer","pointer"],"margin-top":["0","0","0","0","-1px","-1px","5px","0","10px","0","0","0","5px","-5px","-5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","-3px","-1px","-1px","0","0","0","24px","0","16px","0.25em","16px","0","16px"],"margin-bottom":["0","10px","0","0","-1px","8px","15px","0","15px","-1px","5px","20px","0","5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","30px","0","24px","0.8em","3px","8px","-1px","0","16px","0","16px","0","16px","16px","0","24px","32px"],"padding-left":["0","20px","5px","10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","30px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px","2em","20px","8px","12px","0.5em"],"list-style-type":["lower-roman","lower-alpha","none","none","none","none"],"margin-left":["0","5px","5px","-1px","5px","-80px","auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","5px","5px","10px","10px","-1px","10px","-1px","-15px","-15px","5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","24px","4px","-20px","13px","-15px","-4px"],"border-radius":["3px","0.25em","6px","1px","0","0","3px","3px","3px","3px","3px","3px","3px 3px 0 0","3px","3px","0","3px","6px","3px","0","3px","2px","2px","2px","50%","3px","3px","0 0 3px 3px","2px","3px","20px","3px","3px","3px","6px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff","rgba(27,31,35,0.35)","rgba(27,31,35,0.35)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","rgba(27,31,35,0.5)","rgba(27,31,35,0.5)","rgba(27,31,35,0.2)","#0366d6","#0366d6","rgba(27,31,35,0.15)","#2188ff","#d9d0a5","#cea0a5","#4a9eff","#d1d5da","#0366d6","#0366d6","#c8e1ff","#34d058","#a2cbac","#d73a49","#cea0a5","#6f42c1","#d9d0a5","#eaecef","#d1d5da","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)"],"border-width":["1px","1px","5px","6px","1px 0"],"border-top-left-radius":["3px","2px","3px","3px","2px","2px","2px","3px","0"],"border-top-right-radius":["3px","2px","0","3px","3px","3px","2px","2px","3px","0"],"border-bottom-right-radius":["2px","2px","0","3px","3px","3px","3px","0","2px","2px","3px","0"],"border-bottom-left-radius":["2px","2px","3px","3px","3px","0","2px","2px","2px","3px","0"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8","0","0","1px #e1e4e8 solid","1px #e1e4e8 solid","0","1px solid #c6cbd1","0","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-top-color":["transparent","rgba(27,31,35,0.8)"],"box-shadow":["2px 0 0 #0366d6 inset","0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(52,208,88,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(126,85,199,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(6,121,252,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(203,36,49,0.3)","inset 0 0.15em 0.3em rgba(27,31,35,0.15)","none","0 0 0 0.2em rgba(3,102,214,0.3)","none","inset 0 1px 2px rgba(27,31,35,0.075)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","none","#c9ff00 0 0 3px","0 1px 1px rgba(27,31,35,0.1)","0 1px 5px rgba(27,31,35,0.15)","0 1px 15px rgba(27,31,35,0.15)","0 10px 50px rgba(27,31,35,0.07)","none","-2px -2px 0 rgba(255,255,255,0.8)","0 1px 5px rgba(27,31,35,0.15)","inset 0 0 10px rgba(27,31,35,0.05)","none","inset 0 -1px 0 rgba(27,31,35,0.12)","none","inset 0 -1px 0 #959da5","0 1px 1px rgba(27,31,35,0.1)","inset 0 -1px 0 rgba(0,0,0,0.05)","0 1px 1px rgba(27,31,35,0.05)"],"max-height":["324px","500px","55%","55vh"],"-webkit-user-select":["none","none"],"-moz-user-select":["none","none"],"-ms-user-select":["none","none"],"user-select":["none","none"],"background-repeat":["repeat-x","repeat-x","no-repeat","no-repeat","repeat-x"],"background-position":["-1px -1px","0 0","0 -0.5em","0 -0.5em","0 -0.5em","0 -0.5em","right 8px center","0 0","0 0","-50px 0","-100px 0","-150px 0","-200px 0","-250px 0"],"background-size":["110% 110%","8px 10px","16px 16px","300px 31px","16px","100% 200px","cover"],"-moz-appearance":["none","none","none","none"],"appearance":["none","none","none","none","none"],"text-shadow":["none","none","0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)","0 1px 0 rgba(255,255,255,0.5)"],"background-image":["none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%)","none","none","linear-gradient(-180deg, #34d058 0%, #28a745 90%)","linear-gradient(-180deg, #2fcb53 0%, #269f42 90%)","none","none","linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)","linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%)","none","none","linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)","linear-gradient(-180deg, #0374f4 0%, #035cc2 90%)","none","none","linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)","linear-gradient(-180deg, #de4450 0%, #cb2431 90%)","none","none","none","none","none \\9","url(\"/images/spinners/octocat-spinner-16px.gif\")","url(\"/images/modules/ajax/success.png\")","url(\"/images/modules/ajax/error.png\")","url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")","url(\"/images/modules/pricing/credit-cards-@1x.png\")","url(\"/images/modules/pricing/credit-cards-@2x.png\")","linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0))","linear-gradient(transparent, rgba(0,0,0,0.05))"],"float":["left","left","left","left","left","left","left","right","left","left","left","right","left","none","right","right","left","right","left","right","left","none","left","right","none","left","right","none","left","right","none","left","right","none","right","right","left","left","left","left","left","right"],"border-left":["0","1px #e1e4e8 solid","0","0.25em solid #dfe2e5","3px solid #e1e4e8","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"width":["100%","1%","99%","100%","440px","130px","250px","100%","100%","0","47px","16px","16px","240px","100%","980px","33.333333%","66.666667%","25%","50%","75%","20%","80%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","2px","16px","320px","500px","220px","0","-webkit-max-content","-moz-max-content","max-content","250px","0%","100%","100%","0%","0%","100%","1px","1px","auto","20px","56px","96px","128px","100%","485px","1em","100%","auto","100%","100%","100%","25%"],"text-align":["center","center","center","center","right","left","center","right","left","center","right","left","center","right","left","center","right","left","center","center","center","center","center","center","right","right","right","left","right","left"],"border-right-width":["0","1px","1px","1px","0","1px"],"border-left-width":["0","0"],"min-height":["34px","28px","28px","0","200px","50px","17px","100px","200px","590px"],"padding-top":["3px","3px","10px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0.2em","0","40px","60px","120px","80px","24px","32px","112px","80px"],"padding-bottom":["3px","3px","20px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0.3em","0.3em","0.2em","0","40px","60px","120px","80px","24px","32px"],"right":["0","0","50%","50%","auto","50%","50%","auto","100%","-5px","auto","100%","0","-15%"],"pointer-events":["none","none","none","none","none"],"visibility":["hidden","hidden","visible","hidden","visible"],"left":["-4px","10px","0","8px","50%","50%","-5px","100%","50%","0","0","0","0"],"margin-right":["5px","5px","3px","5px","auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","5px","5px","2px","-5px","-15px","-5px","-15px","5px","4.5px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","-15px","0","3px","0","4px","13px"],"padding-right":["24px","8px \\9","30px","10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","10px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px","4px","20px","0.5em"],"z-index":["10","15","-1","2","2","30","1000000","1000001","20","2","3","1"],"border-bottom-color":["#fffbdd","#d9d0a5","#ffdce0","#cea0a5","rgba(27,31,35,0.8)","#959da5","#e1e4e8"],"text-indent":["-9999px"],"fill":["#28a745","#d73a49"],"resize":["vertical"],"list-style":["none","none","none"],"text-overflow":["ellipsis","ellipsis"],"-webkit-font-smoothing":["subpixel-antialiased","antialiased","antialiased"],"letter-spacing":["normal","-0.2em"],"word-wrap":["break-word","break-word","normal","break-word","normal","normal"],"-webkit-animation-name":["tooltip-appear","fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"animation-name":["tooltip-appear","fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"-webkit-animation-duration":[".1s","1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"animation-duration":[".1s","1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"-webkit-animation-fill-mode":["forwards","forwards","forwards","forwards","forwards"],"animation-fill-mode":["forwards","forwards","forwards","forwards","forwards"],"-webkit-animation-timing-function":["ease-in","ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"animation-timing-function":["ease-in","ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"-webkit-animation-delay":[".4s","1s","0.5s","0.5s"],"animation-delay":[".4s","1s","0.5s","0.5s"],"-webkit-animation":["none"],"animation":["none"],"-webkit-transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)","translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)","translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"border-left-color":["rgba(27,31,35,0.8)"],"border-right-color":["rgba(27,31,35,0.8)"],"-webkit-animation-iteration-count":["infinite"],"animation-iteration-count":["infinite"],"border-right":["1px #e1e4e8 solid","0","1px solid #fff","0","1px #e1e4e8 solid","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"-webkit-box-orient":["horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal"],"flex-direction":["row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column"],"flex-wrap":["wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify","center"],"justify-content":["flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","center"],"-webkit-box-align":["start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","center"],"align-items":["flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","center"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1","1","1","1","1","1","1","1","1"],"flex":["1 1 auto","1 1 auto","1 1 auto","1 1 auto","1 1 auto"],"flex-shrink":["0","0","0","0","0"],"-ms-grid-row-align":["auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1","1","1","1","1"],"flex-basis":["0","0","0","0","0"],"min-width":["0"],"direction":["rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr"],"word-break":["break-all","normal","normal"],"table-layout":["fixed"],"clip":["rect(0, 0, 0, 0)","rect(1px, 1px, 1px, 1px)","auto"],"transition":["margin 0.1s ease-in-out"],"-webkit-filter":["grayscale(100%)"],"filter":["grayscale(100%)"]}},"mediaQueries":{"total":132,"unique":9,"values":["(min-width: 768px)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","screen and (min-width: 0\\0)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(max-width: 544px)","(min-width: 544px) and (max-width: 768px)","(min-width: 768px) and (max-width: 1012px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 544px)","(min-width: 1280px)","(min-width: 1012px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":4,"size":{"graph":[1,1,1,1],"max":1,"average":1}},"selectors":{"total":6,"type":6,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored"],"specificity":{"max":32,"average":32}},"declarations":{"total":4,"unique":4,"properties":{"background-size":["16px 16px"],"background-image":["url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".form-cards>.cards .card"],"specificity":{"max":30,"average":30}},"declarations":{"total":2,"unique":2,"properties":{"background-image":["url(\"/images/modules/pricing/credit-cards-@2x.png\")"],"background-size":["300px 31px"]}}},{"value":"(min-width: 544px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 768px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1012px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1280px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 544px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"screen and (min-width: 0\\0)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-multiline::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"width":["250px"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-w::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"margin-right":["4.5px"]}}},{"value":"(min-width: 544px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 768px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1012px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1280px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-sm-left",".float-sm-right",".float-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-md-left",".float-md-right",".float-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-lg-left",".float-lg-right",".float-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-xl-left",".float-xl-right",".float-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 544px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-sm-rtl",".direction-sm-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-md-rtl",".direction-md-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1012px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-lg-rtl",".direction-lg-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1280px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-xl-rtl",".direction-xl-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["40px"],"padding-left":["40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["16px"],"padding-left":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f4"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f00-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f0-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["40px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-sm-right",".text-sm-left",".text-sm-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-md-right",".text-md-left",".text-md-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-lg-right",".text-lg-left",".text-lg-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-xl-right",".text-xl-left",".text-xl-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(max-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-sm"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px) and (max-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-md"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 768px) and (max-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-lg"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-xl"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["72px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["34px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["38px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["22px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["26px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".pullquote"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"padding-left":["12px"],"margin-bottom":["32px"],"margin-left":["-15px"],"font-size":["18px"],"line-height":["1.5"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["60px"],"padding-bottom":["60px"]}}},{"value":"(min-width: 1280px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["120px"],"padding-bottom":["120px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-supertron"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"height":["45vw"],"min-height":["590px"],"max-height":["55vh"],"padding-top":["80px"],"padding-bottom":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-minitron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["32px"],"padding-bottom":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".page-section"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["56px 0"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".page-section-jumplink:target"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"properties":{"padding-top":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-css/index.scss b/node_modules/primer-css/index.scss new file mode 100644 index 000000000..d317a1116 --- /dev/null +++ b/node_modules/primer-css/index.scss @@ -0,0 +1,16 @@ +/*! + * Primer + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */ + +// Primer master file +// +// Imports all Primer files in their intended order for easy mass-inclusion. +// Should you need specific files, you can easily use separate `@import`s. + +// Global requirements +@import "primer-core/index.scss"; +@import "primer-product/index.scss"; +@import "primer-marketing/index.scss"; diff --git a/node_modules/primer-css/package.json b/node_modules/primer-css/package.json new file mode 100644 index 000000000..e94d2986c --- /dev/null +++ b/node_modules/primer-css/package.json @@ -0,0 +1,161 @@ +{ + "_args": [ + [ + { + "raw": "primer-css@latest", + "scope": null, + "escapedName": "primer-css", + "name": "primer-css", + "rawSpec": "latest", + "spec": "latest", + "type": "tag" + }, + "/Users/github/Desktop/Repos/training-kit" + ] + ], + "_from": "primer-css@latest", + "_id": "primer-css@9.3.0", + "_inCache": true, + "_location": "/primer-css", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-css-9.3.0.tgz_1502924215165_0.9284771606326103" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-css@latest", + "scope": null, + "escapedName": "primer-css", + "name": "primer-css", + "rawSpec": "latest", + "spec": "latest", + "type": "tag" + }, + "_requiredBy": [ + "#USER" + ], + "_resolved": "https://registry.npmjs.org/primer-css/-/primer-css-9.3.0.tgz", + "_shasum": "04aac7cb3d678b6444fa7c2564f818b131a32246", + "_shrinkwrap": null, + "_spec": "primer-css@latest", + "_where": "/Users/github/Desktop/Repos/training-kit", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-alerts": "1.4.0", + "primer-avatars": "1.3.0", + "primer-base": "1.4.0", + "primer-blankslate": "1.3.0", + "primer-box": "2.4.0", + "primer-breadcrumb": "1.3.0", + "primer-buttons": "2.3.0", + "primer-cards": "0.4.0", + "primer-core": "6.3.0", + "primer-forms": "1.3.0", + "primer-labels": "1.4.0", + "primer-layout": "1.3.0", + "primer-markdown": "3.6.0", + "primer-marketing": "5.3.0", + "primer-marketing-support": "1.3.0", + "primer-marketing-type": "1.3.0", + "primer-marketing-utilities": "1.3.0", + "primer-navigation": "1.3.0", + "primer-page-headers": "1.3.0", + "primer-page-sections": "1.3.0", + "primer-product": "5.3.0", + "primer-support": "4.3.0", + "primer-table-object": "1.3.0", + "primer-tables": "1.3.0", + "primer-tooltips": "1.3.0", + "primer-truncate": "1.3.0", + "primer-utilities": "4.6.0" + }, + "description": "Primer is the CSS framework that powers GitHub's front-end design. Primer-css includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "04aac7cb3d678b6444fa7c2564f818b131a32246", + "tarball": "https://registry.npmjs.org/primer-css/-/primer-css-9.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build", + "CHANGELOG.md" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-css", + "optionalDependencies": {}, + "readme": "# Primer CSS\n\n[![npm version](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.org/package/primer-css)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\nPrimer is the CSS framework that powers GitHub's front-end design. Primer CSS includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.\n\nThe Primer CSS repo is managed as a monorepo that is composed of many npm packages.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `Primer-CSS` with this command.\n\n```\n$ npm install --save primer-css\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-css/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about primer in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-css" + }, + "scripts": { + "build": "primer-module-build index.scss", + "prepare": "npm run build", + "test": "npm run build" + }, + "style": "build/build.css", + "version": "9.3.0" +} diff --git a/node_modules/primer-forms/LICENSE b/node_modules/primer-forms/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-forms/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-forms/README.md b/node_modules/primer-forms/README.md new file mode 100644 index 000000000..8ff8b153a --- /dev/null +++ b/node_modules/primer-forms/README.md @@ -0,0 +1,347 @@ +# Primer CSS Forms + +[![npm version](http://img.shields.io/npm/v/primer-forms.svg)](https://www.npmjs.org/package/primer-forms) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Style individual form controls and utilize common layouts. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-forms` with this command. + +``` +$ npm install --save primer-forms +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-forms/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Style individual form controls and utilize common layouts. + +- We reset several elements' default styles for cross browser consistency and easier manipulation later. This includes `
`s, WebKit validation bubbles, and most textual ``s. +- Specific types of textual ``s are styled automatically, but `.form-control` is available should you need it. +- Always declare a `type` on your ` + + + + +

+ +

+ + + + +

+``` + +#### Example form + +Form controls in Primer currently have no basic layout specified (this is by design). You'll need to use `
`s, `
`s, or other elements and styles to rearrange them. + +```html +
+ + + + + + + + + + + + +
+``` + +#### Form contrast + +Textual form controls have a white background by default. You can change this to a light gray with `.input-contrast`. + +```html +
+ + +
+``` + +#### Sizing + +Make inputs smaller, larger, or full-width with an additional class. + +##### Small + +```html +
+ +
+``` + +##### Large + +```html +
+ +
+``` + +##### Block + +```html +
+ +
+``` + +##### Hide webkit's contact info autofill icon +Webkit sometimes gets confused and tries to add an icon/dropdown to autofill contact information on fields that may not be appropriate (such as input for number of users). Use this class to override the display of this icon. + +```html +
+ +
+``` + +#### Selects + +Primer adds light `height` and `vertical-align` styles to ` + + + + + + + + + +``` + +##### Small + +Use the `.select-sm` class to resize both default and custom ` + + + + + + + + + + +``` + +#### Form groups + +```html +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+``` + +#### Form group validation + +Convey errors and warnings for form groups. Add the appropriate class—either `.errored` or `.warn`—to the `
` to start. Then, house your error messaging in an additional `
` with either `.error` or `.warning`. + +```html +
+
+
+
+
This example input has an error.
+
+
+
+
+
+
This example input has a warning.
+
+
+``` + +#### Checkboxes and radios + +Utilities to spice up the alignment and styling of checkbox and radio controls. + +```html +
+
+ +

+ This will do insanely awesome and amazing things! +

+
+
+``` + +You may also add emphasis to the label: + +```html +
+
+ +
+
+``` + +##### Show / hide content based on a checkbox or radio button state + +Content that is hidden by default should only be done so if it is non-essential for the context of the surrounding content. Be sure to use the `aria-live="polite"` attribute on the parent label for added content to be announced when displayed. + +```html +
+
+ +
+
+ +
+
+``` + +#### Input group + +Attached an input and button to one another. + +```html +
+
+ + + + +
+
+``` + +#### Form actions + +Align buttons to the right—via `float: right` on the buttons—in forms with `.form-actions`. The floats are automatically cleared for you. + +```html +
+ + +
+``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-forms/build/build.css b/node_modules/primer-forms/build/build.css new file mode 100644 index 000000000..1ec275e2d --- /dev/null +++ b/node_modules/primer-forms/build/build.css @@ -0,0 +1 @@ +fieldset{padding:0;margin:0;border:0}label{font-weight:600}.form-control,.form-select{min-height:34px;padding:6px 8px;font-size:14px;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;background-repeat:no-repeat;background-position:right 8px center;border:1px solid #d1d5da;border-radius:3px;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075)}.form-control.focus,.form-control:focus,.form-select.focus,.form-select:focus{border-color:#2188ff;outline:none;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.input-contrast{background-color:#fafbfc}.input-contrast:focus{background-color:#fff}::-webkit-input-placeholder{color:#6a737d}:-ms-input-placeholder{color:#6a737d}::placeholder{color:#6a737d}.input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px;line-height:20px}.input-lg{padding:4px 10px;font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button{position:absolute;right:0;display:none !important;pointer-events:none;visibility:hidden}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:#fffbdd;border-radius:3px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:5px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:400;color:#586069}.form-checkbox-details{display:none}.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,.form-checkbox-details-trigger:checked ~ .form-checkbox-details{display:block}.hfields{margin:15px 0}.hfields::before{display:table;content:""}.hfields::after{display:table;clear:both;content:""}.hfields .form-group{float:left;margin:0 30px 0 0}.hfields .form-group dt label{display:inline-block;margin:5px 0 0;color:#586069}.hfields .form-group dt img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields .form-select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.form-actions::before{display:table;content:""}.form-actions::after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:#735c0f;background:#fffbdd;border:1px solid #d9d0a5;border-radius:3px}.form-warning p{margin:0;line-height:1.5}.form-warning a{font-weight:600}.form-select{display:inline-block;max-width:100%;height:34px;padding-right:24px;padding-right:8px \9;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;background-image:none \9;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select::-ms-expand{opacity:0}.form-select[multiple]{height:auto}.select-sm{height:28px;min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px}.select-sm[multiple]{height:auto;min-height:0}.form-group{margin:15px 0}.form-group .form-control{width:440px;max-width:100%;margin-right:5px;background-color:#fafbfc}.form-group .form-control:focus{background-color:#fff}.form-group .form-control.shorter{width:130px}.form-group .form-control.short{width:250px}.form-group .form-control.long{width:100%}.form-group textarea.form-control{width:100%;height:200px;min-height:200px}.form-group textarea.form-control.short{height:50px;min-height:50px}.form-group dt{margin:0 0 6px}.form-group label{position:relative}.form-group.flattened dt{float:left;margin:0;line-height:32px}.form-group.flattened dd{line-height:32px}.form-group dd h4{margin:4px 0 0}.form-group dd h4.is-error{color:#cb2431}.form-group dd h4.is-success{color:#28a745}.form-group dd h4+.note{margin-top:0}.form-group.required dt label::after{padding-left:5px;color:#cb2431;content:"*"}.form-group .success,.form-group .error,.form-group .indicator{display:none;font-size:12px;font-weight:600}.form-group.loading{opacity:0.5}.form-group.loading .indicator{display:inline}.form-group.loading .spinner{display:inline-block;vertical-align:middle}.form-group.successful .success{display:inline;color:#28a745}.form-group.warn .warning,.form-group.warn .error,.form-group.errored .warning,.form-group.errored .error{position:absolute;z-index:10;display:block;max-width:450px;padding:5px 8px;margin:4px 0 0;font-size:13px;font-weight:400;border-style:solid;border-width:1px;border-radius:3px}.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{position:absolute;bottom:100%;left:10px;z-index:15;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .warning::after,.form-group.errored .error::after{border-width:5px}.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .warning::before,.form-group.errored .error::before{margin-left:-1px;border-width:6px}.form-group.warn .warning{color:#735c0f;background-color:#fffbdd;border-color:#d9d0a5}.form-group.warn .warning::after{border-bottom-color:#fffbdd}.form-group.warn .warning::before{border-bottom-color:#d9d0a5}.form-group.errored label{color:#cb2431}.form-group.errored .error{color:#86181d;background-color:#ffdce0;border-color:#cea0a5}.form-group.errored .error::after{border-bottom-color:#ffdce0}.form-group.errored .error::before{border-bottom-color:#cea0a5}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:#586069}.note .spinner{margin-right:3px;vertical-align:middle}dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{padding-right:30px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-16px.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored{background-size:16px 16px}dl.form-group>dd .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-32.gif")}dl.form-group>dd .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success@2x.png")}dl.form-group>dd .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error@2x.png")}}.form-cards{height:31px;margin:0 0 15px}.form-cards .card{float:left;width:47px;height:31px;text-indent:-9999px;background-image:url("/images/modules/pricing/credit-cards-@1x.png");background-position:0 0;opacity:0.6}.form-cards .card.visa{background-position:0 0}.form-cards .card.amex{background-position:-50px 0}.form-cards .card.mastercard{background-position:-100px 0}.form-cards .card.discover{background-position:-150px 0}.form-cards .card.jcb{background-position:-200px 0}.form-cards .card.dinersclub{background-position:-250px 0}.form-cards .card.enabled{opacity:1}.form-cards .card.disabled{opacity:0.2}.form-cards>.cards{margin:0}.form-cards>.cards>li{float:left;margin:0 4px 0 0;list-style-type:none}.form-cards>.cards>li.text{line-height:31px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.form-cards>.cards .card{background-image:url("/images/modules/pricing/credit-cards-@2x.png");background-size:300px 31px}}.status-indicator{display:inline-block;width:16px;height:16px;margin-left:5px}.status-indicator .octicon{display:none}.status-indicator-success::before{content:""}.status-indicator-success .octicon-check{display:inline-block;color:#28a745;fill:#28a745}.status-indicator-success .octicon-x{display:none}.status-indicator-failed::before{content:""}.status-indicator-failed .octicon-check{display:none}.status-indicator-failed .octicon-x{display:inline-block;color:#cb2431;fill:#d73a49}.status-indicator-loading{width:16px;background:url("/images/spinners/octocat-spinner-32-EAF2F5.gif") 0 0 no-repeat;background-size:16px}.inline-form{display:inline-block}.inline-form .btn-plain{background-color:transparent;border:0}.drag-and-drop{padding:7px 10px;margin:0;font-size:13px;line-height:16px;color:#586069;background-color:#fafbfc;border:1px solid #c3c8cf;border-top:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.drag-and-drop .default,.drag-and-drop .loading,.drag-and-drop .error{display:none}.drag-and-drop .error{color:#cb2431}.drag-and-drop img{vertical-align:top}.is-default .drag-and-drop .default{display:inline-block}.is-uploading .drag-and-drop .loading{display:inline-block}.is-bad-file .drag-and-drop .bad-file{display:inline-block}.is-duplicate-filename .drag-and-drop .duplicate-filename{display:inline-block}.is-too-big .drag-and-drop .too-big{display:inline-block}.is-hidden-file .drag-and-drop .hidden-file{display:inline-block}.is-empty .drag-and-drop .empty{display:inline-block}.is-bad-permissions .drag-and-drop .bad-permissions{display:inline-block}.is-repository-required .drag-and-drop .repository-required{display:inline-block}.drag-and-drop-error-info{font-weight:400;color:#586069}.drag-and-drop-error-info a{color:#0366d6}.is-failed .drag-and-drop .failed-request{display:inline-block}.manual-file-chooser{position:absolute;width:240px;padding:5px;margin-left:-80px;cursor:pointer;opacity:0.0001}.manual-file-chooser:hover+.manual-file-chooser-text{text-decoration:underline}.btn .manual-file-chooser{top:0;padding:0;line-height:34px}.upload-enabled textarea{display:block;border-bottom:1px dashed #dfe2e5;border-bottom-right-radius:0;border-bottom-left-radius:0}.upload-enabled.focused{border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)}.upload-enabled.focused .form-control{box-shadow:none}.upload-enabled.focused .drag-and-drop{border-color:#4a9eff}.dragover textarea,.dragover .drag-and-drop{box-shadow:#c9ff00 0 0 3px}.write-content{position:relative}.previewable-comment-form{position:relative}.previewable-comment-form .tabnav{position:relative;padding:8px 8px 0}.previewable-comment-form .comment{border:1px solid #c3c8cf}.previewable-comment-form .comment-form-error{margin-bottom:8px}.previewable-comment-form .write-content,.previewable-comment-form .preview-content{display:none;margin:0 8px 8px}.previewable-comment-form.write-selected .write-content,.previewable-comment-form.preview-selected .preview-content{display:block}.previewable-comment-form textarea{display:block;width:100%;min-height:100px;max-height:500px;padding:8px;resize:vertical}.form-action-spacious{margin-top:10px}div.composer{margin-top:0;border:0}.composer .comment-form-textarea{height:200px;min-height:200px}.composer .tabnav{margin:0 0 10px}h2.account{margin:15px 0 0;font-size:18px;font-weight:400;color:#586069}p.explain{position:relative;font-size:12px;color:#586069}p.explain strong{color:#24292e}p.explain .octicon{margin-right:5px;color:#959da5}p.explain .minibutton{top:-4px;float:right}.form-group label{position:static} diff --git a/node_modules/primer-forms/build/index.js b/node_modules/primer-forms/build/index.js new file mode 100644 index 000000000..f14f96f80 --- /dev/null +++ b/node_modules/primer-forms/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":12221,"gzipSize":3085,"humanizedSize":"12kB","humanizedGzipSize":"3kB","rules":{"total":151,"size":{"graph":[3,1,13,3,1,1,1,1,1,5,2,2,1,5,3,6,3,5,1,1,1,2,3,2,3,2,2,1,3,2,3,1,1,7,2,1,11,1,1,5,2,1,4,1,1,1,1,3,2,1,1,3,1,1,1,1,1,3,3,1,1,2,2,11,9,1,2,3,1,1,1,3,1,1,4,2,1,1,1,1,1,1,1,1,2,7,1,1,1,1,1,1,1,1,1,3,1,2,4,1,1,3,1,1,1,3,3,1,2,10,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,6,1,3,4,2,1,1,1,1,1,2,1,1,2,1,6,1,2,2,1,4,3,1,2,2,1],"max":13,"average":2.1390728476821192}},"selectors":{"total":185,"type":49,"class":178,"id":0,"pseudoClass":7,"pseudoElement":27,"values":["fieldset","label",".form-control",".form-select",".form-control.focus",".form-control:focus",".form-select.focus",".form-select:focus",".input-contrast",".input-contrast:focus","::-webkit-input-placeholder",":-ms-input-placeholder","::placeholder",".input-sm",".input-lg",".input-block",".input-monospace",".input-hide-webkit-autofill::-webkit-contacts-auto-fill-button",".form-checkbox",".form-checkbox label em.highlight",".form-checkbox input[type=checkbox]",".form-checkbox input[type=radio]",".form-checkbox .note",".form-checkbox-details",".form-checkbox-details-trigger:checked ~ * .form-checkbox-details",".form-checkbox-details-trigger:checked ~ .form-checkbox-details",".hfields",".hfields::before",".hfields::after",".hfields .form-group",".hfields .form-group dt label",".hfields .form-group dt img",".hfields .btn",".hfields .form-select","input::-webkit-outer-spin-button","input::-webkit-inner-spin-button",".form-actions::before",".form-actions::after",".form-actions .btn",".form-actions .btn+.btn",".form-warning",".form-warning p",".form-warning a",".form-select",".form-select::-ms-expand",".form-select[multiple]",".select-sm",".select-sm[multiple]",".form-group",".form-group .form-control",".form-group .form-control:focus",".form-group .form-control.shorter",".form-group .form-control.short",".form-group .form-control.long",".form-group textarea.form-control",".form-group textarea.form-control.short",".form-group dt",".form-group label",".form-group.flattened dt",".form-group.flattened dd",".form-group dd h4",".form-group dd h4.is-error",".form-group dd h4.is-success",".form-group dd h4+.note",".form-group.required dt label::after",".form-group .success",".form-group .error",".form-group .indicator",".form-group.loading",".form-group.loading .indicator",".form-group.loading .spinner",".form-group.successful .success",".form-group.warn .warning",".form-group.warn .error",".form-group.errored .warning",".form-group.errored .error",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.warn .error::after",".form-group.warn .error::before",".form-group.errored .warning::after",".form-group.errored .warning::before",".form-group.errored .error::after",".form-group.errored .error::before",".form-group.warn .warning::after",".form-group.warn .error::after",".form-group.errored .warning::after",".form-group.errored .error::after",".form-group.warn .warning::before",".form-group.warn .error::before",".form-group.errored .warning::before",".form-group.errored .error::before",".form-group.warn .warning",".form-group.warn .warning::after",".form-group.warn .warning::before",".form-group.errored label",".form-group.errored .error",".form-group.errored .error::after",".form-group.errored .error::before",".note",".note .spinner","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored",".form-cards",".form-cards .card",".form-cards .card.visa",".form-cards .card.amex",".form-cards .card.mastercard",".form-cards .card.discover",".form-cards .card.jcb",".form-cards .card.dinersclub",".form-cards .card.enabled",".form-cards .card.disabled",".form-cards>.cards",".form-cards>.cards>li",".form-cards>.cards>li.text",".form-cards>.cards .card",".status-indicator",".status-indicator .octicon",".status-indicator-success::before",".status-indicator-success .octicon-check",".status-indicator-success .octicon-x",".status-indicator-failed::before",".status-indicator-failed .octicon-check",".status-indicator-failed .octicon-x",".status-indicator-loading",".inline-form",".inline-form .btn-plain",".drag-and-drop",".drag-and-drop .default",".drag-and-drop .loading",".drag-and-drop .error",".drag-and-drop .error",".drag-and-drop img",".is-default .drag-and-drop .default",".is-uploading .drag-and-drop .loading",".is-bad-file .drag-and-drop .bad-file",".is-duplicate-filename .drag-and-drop .duplicate-filename",".is-too-big .drag-and-drop .too-big",".is-hidden-file .drag-and-drop .hidden-file",".is-empty .drag-and-drop .empty",".is-bad-permissions .drag-and-drop .bad-permissions",".is-repository-required .drag-and-drop .repository-required",".drag-and-drop-error-info",".drag-and-drop-error-info a",".is-failed .drag-and-drop .failed-request",".manual-file-chooser",".manual-file-chooser:hover+.manual-file-chooser-text",".btn .manual-file-chooser",".upload-enabled textarea",".upload-enabled.focused",".upload-enabled.focused .form-control",".upload-enabled.focused .drag-and-drop",".dragover textarea",".dragover .drag-and-drop",".write-content",".previewable-comment-form",".previewable-comment-form .tabnav",".previewable-comment-form .comment",".previewable-comment-form .comment-form-error",".previewable-comment-form .write-content",".previewable-comment-form .preview-content",".previewable-comment-form.write-selected .write-content",".previewable-comment-form.preview-selected .preview-content",".previewable-comment-form textarea",".form-action-spacious","div.composer",".composer .comment-form-textarea",".composer .tabnav","h2.account","p.explain","p.explain strong","p.explain .octicon","p.explain .minibutton",".form-group label"],"specificity":{"max":32,"average":21.25945945945946}},"declarations":{"total":323,"unique":192,"properties":{"padding":["0","6px 8px","4px 10px","2px 4px","8px 10px","5px 8px","7px 10px","5px","0","8px 8px 0","8px"],"margin":["0","15px 0","5px 0 0 -20px","0","15px 0","0 30px 0 0","5px 0 0","28px 25px 0 -20px","0","10px 0","0","15px 0","0 0 6px","0","4px 0 0","4px 0 0","4px 0 2px","0 0 15px","0","0 4px 0 0","0","0 8px 8px","0 0 10px","15px 0 0"],"border":["0","1px solid #d1d5da","1px solid #d9d0a5","solid transparent","0","1px solid #c3c8cf","1px solid #c3c8cf","0"],"font-weight":["600","400","600","600","400","400","400"],"min-height":["34px","28px","28px","0","200px","50px","17px","100px","200px"],"font-size":["14px","12px","16px","12px","14px","12px","12px","13px","12px","13px","18px","12px"],"line-height":["20px","20px","1.5","32px","32px","31px","16px","34px"],"color":["#24292e","#6a737d","#6a737d","#6a737d","#586069","#586069","#735c0f","#cb2431","#28a745","#cb2431","#28a745","#735c0f","#cb2431","#86181d","#586069","#28a745","#cb2431","#586069","#cb2431","#586069","#0366d6","#586069","#586069","#24292e","#959da5"],"vertical-align":["middle","middle","middle","middle","middle","top"],"background-color":["#fff","#fafbfc","#fff","#fafbfc","#fff","#fffbdd","#ffdce0","transparent","#fafbfc"],"background-repeat":["no-repeat"],"background-position":["right 8px center","0 0","0 0","-50px 0","-100px 0","-150px 0","-200px 0","-250px 0"],"border-radius":["3px","3px","3px","3px","3px"],"outline":["none","none"],"box-shadow":["inset 0 1px 2px rgba(27,31,35,0.075)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3)","none","#c9ff00 0 0 3px"],"border-color":["#2188ff","#d9d0a5","#cea0a5","#4a9eff"],"padding-top":["3px","3px"],"padding-bottom":["3px","3px"],"display":["block","none","block","none","block","table","table","inline-block","table","table","inline-block","none","inline","inline-block","inline","block","inline-block","none","inline-block","none","none","inline-block","inline-block","none","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","inline-block","block","none","block","block"],"width":["100%","440px","130px","250px","100%","100%","0","47px","16px","16px","240px","100%"],"font-family":["\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"position":["absolute","relative","relative","relative","absolute","absolute","absolute","relative","relative","relative","relative","static"],"right":["0"],"pointer-events":["none","none"],"visibility":["hidden"],"padding-left":["20px","5px"],"left":["-4px","10px"],"font-style":["normal"],"background":["#fffbdd","#fffbdd","#fff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC\") no-repeat right 8px center","url(\"/images/spinners/octocat-spinner-32-EAF2F5.gif\") 0 0 no-repeat"],"float":["left","left","left","right","left","left","left","right"],"content":["\"\"","\"\"","\"\"","\"\"","\"*\"","\" \"","\"\"","\"\""],"clear":["both","both"],"top":["-2px","0","-4px"],"margin-top":["5px","0","10px","0"],"-webkit-appearance":["none","none"],"appearance":["none","none"],"margin-right":["5px","5px","3px","5px"],"max-width":["100%","100%","450px"],"height":["34px","auto","28px","auto","200px","50px","0","31px","31px","16px","200px"],"padding-right":["24px","8px \\9","30px"],"background-image":["none \\9","url(\"/images/spinners/octocat-spinner-16px.gif\")","url(\"/images/modules/ajax/success.png\")","url(\"/images/modules/ajax/error.png\")","url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")","url(\"/images/modules/pricing/credit-cards-@1x.png\")","url(\"/images/modules/pricing/credit-cards-@2x.png\")"],"background-size":["8px 10px","16px 16px","300px 31px","16px"],"-moz-appearance":["none"],"opacity":["0","0.5","0.6","1","0.2","0.0001"],"z-index":["10","15"],"border-style":["solid"],"border-width":["1px","5px","6px"],"bottom":["100%"],"margin-left":["-1px","5px","-80px"],"border-bottom-color":["#fffbdd","#d9d0a5","#ffdce0","#cea0a5"],"text-indent":["-9999px"],"list-style-type":["none"],"fill":["#28a745","#d73a49"],"border-top":["0"],"border-bottom-right-radius":["3px","0"],"border-bottom-left-radius":["3px","0"],"cursor":["pointer"],"text-decoration":["underline"],"border-bottom":["1px dashed #dfe2e5"],"margin-bottom":["8px"],"max-height":["500px"],"resize":["vertical"]}},"mediaQueries":{"total":2,"unique":1,"values":["only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"],"contents":[{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":4,"size":{"graph":[1,1,1,1],"max":1,"average":1}},"selectors":{"total":6,"type":6,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored","dl.form-group>dd .form-control.is-autocheck-loading","dl.form-group>dd .form-control.is-autocheck-successful","dl.form-group>dd .form-control.is-autocheck-errored"],"specificity":{"max":32,"average":32}},"declarations":{"total":4,"unique":4,"properties":{"background-size":["16px 16px"],"background-image":["url(\"/images/spinners/octocat-spinner-32.gif\")","url(\"/images/modules/ajax/success@2x.png\")","url(\"/images/modules/ajax/error@2x.png\")"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".form-cards>.cards .card"],"specificity":{"max":30,"average":30}},"declarations":{"total":2,"unique":2,"properties":{"background-image":["url(\"/images/modules/pricing/credit-cards-@2x.png\")"],"background-size":["300px 31px"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-forms/index.scss b/node_modules/primer-forms/index.scss new file mode 100644 index 000000000..540674802 --- /dev/null +++ b/node_modules/primer-forms/index.scss @@ -0,0 +1,5 @@ +@import "primer-support/index.scss"; +@import "./lib/form-control.scss"; +@import "./lib/form-select.scss"; +@import "./lib/form-group.scss"; +@import "./lib/form-validation.scss"; diff --git a/node_modules/primer-forms/lib/form-control.scss b/node_modules/primer-forms/lib/form-control.scss new file mode 100644 index 000000000..f2ae6a8f1 --- /dev/null +++ b/node_modules/primer-forms/lib/form-control.scss @@ -0,0 +1,211 @@ +// Needs refactoring +// stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors +// stylelint-disable selector-max-type +// Base form controls +// +// Overrides for common inputs for easier styling. + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +label { + font-weight: $font-weight-bold; +} + +.form-control, +.form-select { + min-height: 34px; + padding: 6px $spacer-2; + font-size: $body-font-size; + line-height: 20px; + color: $text-gray-dark; + vertical-align: middle; + background-color: $bg-white; + background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc) + background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically. + border: 1px solid $border-gray-dark; + border-radius: 3px; + outline: none; + box-shadow: $form-control-shadow; + + &.focus, + &:focus { + border-color: $blue-400; + outline: none; + box-shadow: $form-control-shadow, $btn-input-focus-shadow; + } +} + +// Inputs with contrast for easy light gray backgrounds against white. +.input-contrast { + background-color: $bg-gray-light; + + &:focus { background-color: $bg-white; } +} + +// Custom styling for HTML5 validation bubbles (WebKit only) +::placeholder { + color: $text-gray-light; +} + +// Mini inputs, to match .minibutton +.input-sm { + min-height: 28px; + padding-top: 3px; + padding-bottom: 3px; + font-size: $font-size-small; + line-height: 20px; +} + +// Large inputs +.input-lg { + padding: $spacer-1 10px; + font-size: $h4-size; +} + +// Full-width inputs +.input-block { + display: block; + width: 100%; +} + +// Inputs with monospace text +.input-monospace { + font-family: $mono-font; +} + +// Hide the icon that tries to autofill contact info in webkit +.input-hide-webkit-autofill { + &::-webkit-contacts-auto-fill-button { + position: absolute; + right: 0; + display: none !important; + pointer-events: none; + visibility: hidden; + } +} + +// Checkboxes and Radiobuttons +// +// For checkboxes and radio button selections. +.form-checkbox { + padding-left: 20px; + margin: 15px 0; + vertical-align: middle; + + label { + em.highlight { + position: relative; + left: -$spacer-1; + padding: 2px $spacer-1; + font-style: normal; + background: $yellow-100; + border-radius: 3px; + } + } + + input[type=checkbox], + input[type=radio] { + float: left; + margin: 5px 0 0 -20px; + vertical-align: middle; + } + + .note { + display: block; + margin: 0; + font-size: $font-size-small; + font-weight: $font-weight-normal; + color: $gray-600; + } +} + +.form-checkbox-details { + display: none; +} + +.form-checkbox-details-trigger { + &:checked { + ~ * .form-checkbox-details, // child of sibling + ~ .form-checkbox-details { // or sibling + display: block; + } + } +} + +// Field groups +// +// Wrap field groups in `` to lay them out horizontally - great for +// the top of pages with autosave. +.hfields { + margin: 15px 0; + @include clearfix; + + .form-group { + float: left; + margin: 0 30px 0 0; + + dt { + label { + display: inline-block; + margin: 5px 0 0; + color: $gray-600; + } + + img { + position: relative; + top: -2px; + } + } + } + + .btn { + float: left; + margin: 28px 25px 0 -20px; + } + + .form-select { margin-top: 5px; } +} + +// Hide the up/down buttons in in the login form, the +// input is used for two-factor auth codes, type="number" makes it more usable +// on phones +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + margin: 0; + appearance: none; +} + +// Input groups + +.form-actions { + @include clearfix; + + .btn { + float: right; + + + .btn { + margin-right: 5px; + } + } +} + +.form-warning { + padding: $spacer-2 10px; + margin: 10px 0; + font-size: $h5-size; + color: $yellow-900; + background: $yellow-100; + border: 1px solid $border-yellow; + border-radius: 3px; + + p { + margin: 0; + line-height: $lh-default; + } + + a { font-weight: $font-weight-bold; } +} diff --git a/node_modules/primer-forms/lib/form-group.scss b/node_modules/primer-forms/lib/form-group.scss new file mode 100644 index 000000000..86bcc6bb6 --- /dev/null +++ b/node_modules/primer-forms/lib/form-group.scss @@ -0,0 +1,215 @@ +// Form groups +// +// Typical form groups - `` with a `
` containing the label and +// `
containing the form elements. +// stylelint-disable selector-max-compound-selectors +// stylelint-disable selector-max-type +.form-group { + margin: 15px 0; + + // Text fields + .form-control { + width: 440px; + max-width: 100%; + margin-right: 5px; + background-color: $bg-gray-light; + + &:focus { + background-color: $bg-white; + } + + &.shorter { width: 130px; } + + &.short { width: 250px; } + + &.long { width: 100%; } + } + + // Textarea + // stylelint-disable selector-no-qualifying-type + textarea.form-control { + width: 100%; + height: 200px; + min-height: 200px; + + &.short { + height: 50px; + min-height: 50px; + } + } + // stylelint-enable selector-no-qualifying-type + + // The Label + dt { + margin: 0 0 6px; + } + + label { + position: relative; + } + + &.flattened dt { + float: left; + margin: 0; + line-height: 32px; + } + + &.flattened dd { + line-height: 32px; + } + + // + // Form Elements + // + // stylelint-disable selector-no-qualifying-type + dd { + h4 { + margin: $spacer-1 0 0; + + &.is-error { color: $text-red; } + + &.is-success { color: $text-green; } + + + .note { + margin-top: 0; + } + } + } + // stylelint-enable selector-no-qualifying-type + + // + // Variants + // + + &.required { + dt label::after { + padding-left: 5px; + color: $text-red; + content: "*"; + } + } + + // Form AJAX states + // + // Form fields that need feedback for AJAX loading, success + // states and errored states. + .success, + .error, + .indicator { + display: none; + font-size: $font-size-small; + font-weight: $font-weight-bold; + } + + &.loading { + opacity: 0.5; + + .indicator { + display: inline; + } + + .spinner { + display: inline-block; + vertical-align: middle; + } + } + + &.successful { + .success { + display: inline; + color: $text-green; + } + } + + // Form validation + // + // Our inline errors + + &.warn, + &.errored { + .warning, + .error { + position: absolute; + z-index: 10; + display: block; // Show up in errored/warn state + max-width: 450px; // Keep our long errors readable + padding: 5px $spacer-2; + margin: $spacer-1 0 0; + font-size: 13px; + font-weight: $font-weight-normal; + border-style: solid; + border-width: 1px; + border-radius: 3px; + + &::after, + &::before { + position: absolute; + bottom: 100%; + left: 10px; + z-index: 15; + width: 0; + height: 0; + pointer-events: none; + content: " "; + border: solid transparent; + } + + &::after { + border-width: 5px; + } + + &::before { + margin-left: -1px; + border-width: 6px; + } + } + } + + &.warn { + .warning { + color: $yellow-900; + background-color: $yellow-100; + border-color: $border-yellow; + + &::after { + border-bottom-color: $yellow-100; + } + + &::before { + border-bottom-color: $border-yellow; + } + } + } + + &.errored { + label { + color: $text-red; + } + + .error { + color: $red-900; + background-color: $bg-red-light; + border-color: $border-red-light; + + &::after { + border-bottom-color: $bg-red-light; + } + + &::before { + border-bottom-color: $border-red-light; + } + } + } +} + +.note { + min-height: 17px; + margin: $spacer-1 0 2px; + font-size: $font-size-small; + color: $text-gray; + + .spinner { + margin-right: 3px; + vertical-align: middle; + } +} diff --git a/node_modules/primer-forms/lib/form-select.scss b/node_modules/primer-forms/lib/form-select.scss new file mode 100644 index 000000000..fd1d71f94 --- /dev/null +++ b/node_modules/primer-forms/lib/form-select.scss @@ -0,0 +1,38 @@ +// Custom select +// +// Apply `.select` to any ``s.\n- Specific types of textual ``s are styled automatically, but `.form-control` is available should you need it.\n- Always declare a `type` on your `\n \n \n \n \n

\n\n

\n \n \n \n \n

\n```\n\n#### Example form\n\nForm controls in Primer currently have no basic layout specified (this is by design). You'll need to use `
`s, `
`s, or other elements and styles to rearrange them.\n\n```html\n
\n \n \n\n \n \n\n \n\n \n \n\n \n
\n```\n\n#### Form contrast\n\nTextual form controls have a white background by default. You can change this to a light gray with `.input-contrast`.\n\n```html\n
\n \n \n
\n```\n\n#### Sizing\n\nMake inputs smaller, larger, or full-width with an additional class.\n\n##### Small\n\n```html\n
\n \n
\n```\n\n##### Large\n\n```html\n
\n \n
\n```\n\n##### Block\n\n```html\n
\n \n
\n```\n\n##### Hide webkit's contact info autofill icon\nWebkit sometimes gets confused and tries to add an icon/dropdown to autofill contact information on fields that may not be appropriate (such as input for number of users). Use this class to override the display of this icon.\n\n```html\n
\n \n
\n```\n\n#### Selects\n\nPrimer adds light `height` and `vertical-align` styles to `\n \n \n \n \n \n \n \n \n\n```\n\n##### Small\n\nUse the `.select-sm` class to resize both default and custom `\n \n \n \n \n \n \n \n\n\n\n```\n\n#### Form groups\n\n```html\n
\n
\n
\n
\n
\n\n
\n
\n
\n \n
\n
\n\n
\n
\n
\n \n
\n
\n
\n```\n\n#### Form group validation\n\nConvey errors and warnings for form groups. Add the appropriate class—either `.errored` or `.warn`—to the `
` to start. Then, house your error messaging in an additional `
` with either `.error` or `.warning`.\n\n```html\n
\n
\n
\n
\n
This example input has an error.
\n
\n
\n
\n
\n
\n
This example input has a warning.
\n
\n
\n```\n\n#### Checkboxes and radios\n\nUtilities to spice up the alignment and styling of checkbox and radio controls.\n\n```html\n
\n
\n \n

\n This will do insanely awesome and amazing things!\n

\n
\n
\n```\n\nYou may also add emphasis to the label:\n\n```html\n
\n
\n \n
\n
\n```\n\n##### Show / hide content based on a checkbox or radio button state\n\nContent that is hidden by default should only be done so if it is non-essential for the context of the surrounding content. Be sure to use the `aria-live=\"polite\"` attribute on the parent label for added content to be announced when displayed.\n\n```html\n
\n
\n \n
\n
\n \n
\n
\n```\n\n#### Input group\n\nAttached an input and button to one another.\n\n```html\n
\n
\n \n \n \n \n
\n
\n```\n\n#### Form actions\n\nAlign buttons to the right—via `float: right` on the buttons—in forms with `.form-actions`. The floats are automatically cleared for you.\n\n```html\n
\n \n \n
\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-forms" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-labels/LICENSE b/node_modules/primer-labels/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-labels/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-labels/README.md b/node_modules/primer-labels/README.md new file mode 100644 index 000000000..6b1a61cb8 --- /dev/null +++ b/node_modules/primer-labels/README.md @@ -0,0 +1,185 @@ +# Primer CSS Labels + +[![npm version](http://img.shields.io/npm/v/primer-labels.svg)](https://www.npmjs.org/package/primer-labels) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Labels add metadata or indicate status of items and navigational elements. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-labels` with this command. + +``` +$ npm install --save primer-labels +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-labels/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Labels add metatdata or indicate status of items and navigational elements. Three different types of labels are available: [Labels](#default-label-styles) for adding metadata, [States](#states) for indicating status, and [Counters](#counters) for showing the count for a number of items. + + +{:toc} + +## Labels + +The base label component styles the text, adds padding and rounded corners, and an inset box shadow. Labels come in various themes which apply colors and different border styles. + +GitHub also programmatically generates and applies a background color for labels on items such as issues and pull requests. Users are able to select any background color and the text color will adjust to work with light and dark background colors. + +The base `Label` style does not apply a background color, here's an example using the `bg-blue` utility to apply a blue background: + +```html +default label +``` + +**Note:** Be sure to include a title attribute on labels, it's helpful for people using screen-readers to differentiate a label from other text. I.e. without the title attribute, the following example would read as _"New select component design"_, rather than identifying `design` as a label. + +```html +New select componentdesign +``` + +### Label themes + +Labels come in a few different themes. Use a theme that helps communicate the content of the label, and ensure it's used consistently. + +Use `Label--gray` to create a label with a light gray background and gray text. This label is neutral in color and can be used in contexts where all you need to communicate is metadata, or whe you want a label to feel less prominent compared with labels with stronger colors. + +```html +gray label +``` + +Use `Label--gray-darker` to create a label with a dark-gray background color. This label is also neutral in color, however, since it's background is darker it can stand out more compared to `Label--gray`. + +```html +dark gray label +``` + +Use `Label--orange` to communicate "warning". The orange background color is very close to red, so avoid using next to labels with a red background color since most people will find it hard to tell the difference. + +```html +orange label +``` + +Use `Label--outline` to create a label with gray text, a gray border, and a transparent background. The outline reduces the contrast of this label in combination with filled labels. Use this in contexts where you need it to stand out less than other labels and communicate a neutral message. + +```html +outlined label +``` + +Use `Label--outline-green` in combination with `Label--outline` to communicate a positive message. + +```html +green outlined label +``` + + +## States + +Use state labels to inform users of an items status. States are large labels with bolded text. The default state has a gray background. + +```html +Default +``` + +### State themes +States come in a few variations that apply different colors. Use the state that best communicates the status or function. + +```html +<%= octicon "git-pull-request" %> Open +<%= octicon "git-pull-request" %> Closed +<%= octicon "git-merge" %> Merged +``` + +**Note:** Similar to [labels](#labels), you should include the title attribute on states to differentiate them from other content. + +### Small states +Use `State--small` for a state label with reduced padding a smaller font size. This is useful in denser areas of content. + +```html +<%= octicon "issue-opened" %> Open +<%= octicon "issue-closed" %> Closed +``` + +## Counters + +Use the `Counter` component to add a count to navigational elements and buttons. Counters come in 3 variations: the default `Counter` with a light gray background, `Counter--gray` with a dark-gray background and inverse white text, and `Counter--gray-light` with a light-gray background and dark gray text. + +```html +16 +32 +64 +``` + +Use the `Counter` in navigation to indicate the number of items without the user having to click through or count the items, such as open issues in a GitHub repo. See more options in [navigation](../../core/components/navigation). + +```html +
+ +
+``` + +Counters can also be used in `Box` headers to indicate the number of items in a list. See more on the [box component](../../core/components/box). + +```html +
+
+

+ Box title + 3 +

+
+
    +
  • + Box row one +
  • +
  • + Box row two +
  • +
  • + Box row three +
  • +
+
+``` + + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-labels/build/build.css b/node_modules/primer-labels/build/build.css new file mode 100644 index 000000000..22d2a8ce6 --- /dev/null +++ b/node_modules/primer-labels/build/build.css @@ -0,0 +1 @@ +.labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:400;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:0.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d} diff --git a/node_modules/primer-labels/build/index.js b/node_modules/primer-labels/build/index.js new file mode 100644 index 000000000..bff5a284a --- /dev/null +++ b/node_modules/primer-labels/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":1244,"gzipSize":496,"humanizedSize":"1kB","humanizedGzipSize":"496B","rules":{"total":17,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2],"max":8,"average":2.8823529411764706}},"selectors":{"total":20,"type":0,"class":20,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.5}},"declarations":{"total":49,"unique":36,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px","0.125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","400","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-labels/index.scss b/node_modules/primer-labels/index.scss new file mode 100644 index 000000000..878f0ce07 --- /dev/null +++ b/node_modules/primer-labels/index.scss @@ -0,0 +1,4 @@ +@import "primer-support/index.scss"; +@import "./lib/labels.scss"; +@import "./lib/states.scss"; +@import "./lib/counters.scss"; diff --git a/node_modules/primer-labels/lib/counters.scss b/node_modules/primer-labels/lib/counters.scss new file mode 100644 index 000000000..d4ceb6447 --- /dev/null +++ b/node_modules/primer-labels/lib/counters.scss @@ -0,0 +1,21 @@ +// Counters are rounded-corner badges for numbers +.Counter { + display: inline-block; + padding: 2px 5px; + font-size: $font-size-small; + font-weight: $font-weight-bold; + line-height: $lh-condensed-ultra; + color: $gray-600; + background-color: rgba($black, 0.08); + border-radius: 20px; +} + +.Counter--gray-light { + color: $text-gray-dark; + background-color: $black-fade-15; +} + +.Counter--gray { + color: $white; + background-color: $gray; +} diff --git a/node_modules/primer-labels/lib/labels.scss b/node_modules/primer-labels/lib/labels.scss new file mode 100644 index 000000000..2a6acc8cb --- /dev/null +++ b/node_modules/primer-labels/lib/labels.scss @@ -0,0 +1,63 @@ +// Needs refactoring +// stylelint-disable selector-no-qualifying-type +// stylelint-disable selector-max-type +// Labels +// +// Use labels to add keyword tags or phrases to issues and pull requests. These +// are used within a list of issues/PRs, on individual issues/PRs, and within +// the select menus that manage them. + +// Provide a wrapper to ensure labels stick together +.labels { + position: relative; +} + +// Each label gets common styles +// .label will be deprecated for .Label +.label, +.Label { + display: inline-block; + padding: 3px $spacer-1; + font-size: $font-size-small; + font-weight: $font-weight-bold; + line-height: $lh-condensed-ultra; // prevent inheritance from changing proportions + color: $text-white; + border-radius: 2px; + box-shadow: inset 0 -1px 0 rgba($black, 0.12); + + &:hover { + text-decoration: none; + } +} + +// Custom GitHub labels (not for issues/PRs/etc) +// +// Commonly used across the site to indicate a particular role. For example, +// "repo owner" within code comments or role in organizations. +.Label--gray { + color: $gray-600; + background-color: lighten($gray-200, 3%); +} + +.Label--outline { + margin-top: -1px; // offsets the 1px border + margin-bottom: -1px; // offsets the 1px border + font-weight: $font-weight-normal; + color: $text-gray; + background-color: transparent; + border: 1px solid $black-fade-15; + box-shadow: none; +} + +.Label--outline-green { + color: $text-green; + border: 1px solid $border-green; +} + +.Label--gray-darker { + background-color: $gray; +} + +.Label--orange { + background-color: $bg-orange; +} diff --git a/node_modules/primer-labels/lib/states.scss b/node_modules/primer-labels/lib/states.scss new file mode 100644 index 000000000..17f6c9885 --- /dev/null +++ b/node_modules/primer-labels/lib/states.scss @@ -0,0 +1,35 @@ +// A rounded corner box containing a label "open" or "closed" +// The default state is gray. +// +// open - $green background +// reopened - $green background +// closed - $red background +// merged - $purple background + +// .state to be deprecated in replace of .State +.state, +.State { + display: inline-block; + padding: $spacer-1 $spacer-2; + font-weight: $font-weight-bold; + line-height: 20px; + color: $text-white; + text-align: center; + background-color: $gray-500; + border-radius: 3px; +} + +.State--green { background-color: darken($green-400, 5%); } + +.State--purple { background-color: $bg-purple; } + +.State--red { background-color: $red-600; } + +.State--small { + padding: 0.125em $spacer-1; + font-size: $h6-size; + + .octicon { + width: 1em; // Ensures different icons don't change State indicator width + } +} diff --git a/node_modules/primer-labels/package.json b/node_modules/primer-labels/package.json new file mode 100644 index 000000000..4b5d7362c --- /dev/null +++ b/node_modules/primer-labels/package.json @@ -0,0 +1,141 @@ +{ + "_args": [ + [ + { + "raw": "primer-labels@1.4.0", + "scope": null, + "escapedName": "primer-labels", + "name": "primer-labels", + "rawSpec": "1.4.0", + "spec": "1.4.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-labels@1.4.0", + "_id": "primer-labels@1.4.0", + "_inCache": true, + "_location": "/primer-labels", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-labels-1.4.0.tgz_1502924190191_0.0195211349055171" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-labels@1.4.0", + "scope": null, + "escapedName": "primer-labels", + "name": "primer-labels", + "rawSpec": "1.4.0", + "spec": "1.4.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-product" + ], + "_resolved": "https://registry.npmjs.org/primer-labels/-/primer-labels-1.4.0.tgz", + "_shasum": "a9fd9bdd2f23dfe4f4c4918e67ebb3878eff98ca", + "_shrinkwrap": null, + "_spec": "primer-labels@1.4.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Labels add metatdata or indicate status of items and navigational elements.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "a9fd9bdd2f23dfe4f4c4918e67ebb3878eff98ca", + "tarball": "https://registry.npmjs.org/primer-labels/-/primer-labels-1.4.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-labels", + "optionalDependencies": {}, + "primer": { + "category": "product", + "module_type": "components" + }, + "readme": "# Primer CSS Labels\n\n[![npm version](http://img.shields.io/npm/v/primer-labels.svg)](https://www.npmjs.org/package/primer-labels)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Labels add metadata or indicate status of items and navigational elements.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-labels` with this command.\n\n```\n$ npm install --save primer-labels\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-labels/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nLabels add metatdata or indicate status of items and navigational elements. Three different types of labels are available: [Labels](#default-label-styles) for adding metadata, [States](#states) for indicating status, and [Counters](#counters) for showing the count for a number of items.\n\n\n{:toc}\n\n## Labels\n\nThe base label component styles the text, adds padding and rounded corners, and an inset box shadow. Labels come in various themes which apply colors and different border styles.\n\nGitHub also programmatically generates and applies a background color for labels on items such as issues and pull requests. Users are able to select any background color and the text color will adjust to work with light and dark background colors.\n\nThe base `Label` style does not apply a background color, here's an example using the `bg-blue` utility to apply a blue background:\n\n```html\ndefault label\n```\n\n**Note:** Be sure to include a title attribute on labels, it's helpful for people using screen-readers to differentiate a label from other text. I.e. without the title attribute, the following example would read as _\"New select component design\"_, rather than identifying `design` as a label.\n\n```html\nNew select componentdesign\n```\n\n### Label themes\n\nLabels come in a few different themes. Use a theme that helps communicate the content of the label, and ensure it's used consistently.\n\nUse `Label--gray` to create a label with a light gray background and gray text. This label is neutral in color and can be used in contexts where all you need to communicate is metadata, or whe you want a label to feel less prominent compared with labels with stronger colors.\n\n```html\ngray label\n```\n\nUse `Label--gray-darker` to create a label with a dark-gray background color. This label is also neutral in color, however, since it's background is darker it can stand out more compared to `Label--gray`.\n\n```html\ndark gray label\n```\n\nUse `Label--orange` to communicate \"warning\". The orange background color is very close to red, so avoid using next to labels with a red background color since most people will find it hard to tell the difference.\n\n```html\norange label\n```\n\nUse `Label--outline` to create a label with gray text, a gray border, and a transparent background. The outline reduces the contrast of this label in combination with filled labels. Use this in contexts where you need it to stand out less than other labels and communicate a neutral message.\n\n```html\noutlined label\n```\n\nUse `Label--outline-green` in combination with `Label--outline` to communicate a positive message.\n\n```html\ngreen outlined label\n```\n\n\n## States\n\nUse state labels to inform users of an items status. States are large labels with bolded text. The default state has a gray background.\n\n```html\nDefault\n```\n\n### State themes\nStates come in a few variations that apply different colors. Use the state that best communicates the status or function.\n\n```html\n<%= octicon \"git-pull-request\" %> Open\n<%= octicon \"git-pull-request\" %> Closed\n<%= octicon \"git-merge\" %> Merged\n```\n\n**Note:** Similar to [labels](#labels), you should include the title attribute on states to differentiate them from other content.\n\n### Small states\nUse `State--small` for a state label with reduced padding a smaller font size. This is useful in denser areas of content.\n\n```html\n<%= octicon \"issue-opened\" %> Open\n<%= octicon \"issue-closed\" %> Closed\n```\n\n## Counters\n\nUse the `Counter` component to add a count to navigational elements and buttons. Counters come in 3 variations: the default `Counter` with a light gray background, `Counter--gray` with a dark-gray background and inverse white text, and `Counter--gray-light` with a light-gray background and dark gray text.\n\n```html\n16\n32\n64\n```\n\nUse the `Counter` in navigation to indicate the number of items without the user having to click through or count the items, such as open issues in a GitHub repo. See more options in [navigation](../../core/components/navigation).\n\n```html\n
\n \n
\n```\n\nCounters can also be used in `Box` headers to indicate the number of items in a list. See more on the [box component](../../core/components/box).\n\n```html\n
\n
\n

\n Box title\n 3\n

\n
\n
    \n
  • \n Box row one\n
  • \n
  • \n Box row two\n
  • \n
  • \n Box row three\n
  • \n
\n
\n```\n\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-labels" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.4.0" +} diff --git a/node_modules/primer-layout/LICENSE b/node_modules/primer-layout/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-layout/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-layout/README.md b/node_modules/primer-layout/README.md new file mode 100644 index 000000000..b4f23b051 --- /dev/null +++ b/node_modules/primer-layout/README.md @@ -0,0 +1,137 @@ +# Primer CSS Layout + +[![npm version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-layout` with this command. + +``` +$ npm install --save primer-layout +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-layout/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Primer's layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it's just containers, rows, and columns. + +You can find all the below styles in `_layout.scss`. + +#### Container + +Center your page's contents with a `.container`. + +```html+erb +
+ +
+``` + +The container applies `width: 980px;` and uses horizontal `margin`s to center it. + +#### Grid + +##### How it works + +The grid is pretty standard—you create rows with `.columns` and individual columns with a column class and fraction class. Here's how it works: + +- Add a `.container` to encapsulate everything and provide ample horizontal gutter space. +- Create your outer row to clear the floated columns with `
`. +- Add your columns with individual `
`s. +- Add your fractional width classes to set the width of the columns (e.g., `.one-fourth`). + +##### Demo + +In practice, your columns will look like the example below. + +```html +
+
+
+ .one-fifth +
+
+ .four-fifths +
+
+ +
+
+ .one-fourth +
+
+ .three-fourths +
+
+ +
+ +
+ .two-thirds +
+
+ +
+
+ .one-half +
+
+ .one-half +
+
+
+``` + +##### Centered + +Columns can be [centered](/utilities/#centering-content) by adding `.centered` to the `.column` class. + +```html +
+
+ .one-half +
+
+``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-layout/build/build.css b/node_modules/primer-layout/build/build.css new file mode 100644 index 000000000..8565f98bb --- /dev/null +++ b/node_modules/primer-layout/build/build.css @@ -0,0 +1 @@ +.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}} diff --git a/node_modules/primer-layout/build/index.js b/node_modules/primer-layout/build/index.js new file mode 100644 index 000000000..ba8b1e270 --- /dev/null +++ b/node_modules/primer-layout/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":6506,"gzipSize":1080,"humanizedSize":"6kB","humanizedGzipSize":"1kB","rules":{"total":163,"size":{"graph":[3,2,3,3,3,3,2,2,3,3,1,1,1,1,1,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":4,"average":1.3067484662576687}},"selectors":{"total":163,"type":0,"class":163,"id":0,"pseudoClass":0,"pseudoElement":4,"values":[".container",".container::before",".container::after",".container-md",".container-lg",".container-xl",".columns",".columns::before",".columns::after",".column",".one-third",".two-thirds",".one-fourth",".one-half",".three-fourths",".one-fifth",".four-fifths",".centered",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gutter",".gutter>[class*=\"col-\"]",".gutter-condensed",".gutter-condensed>[class*=\"col-\"]",".gutter-spacious",".gutter-spacious>[class*=\"col-\"]",".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]",".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]",".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]",".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":20,"average":10.94478527607362}},"declarations":{"total":213,"unique":55,"properties":{"width":["980px","33.333333%","66.666667%","25%","50%","75%","20%","80%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"],"margin-right":["auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px"],"margin-left":["auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"],"display":["table","table","table","table","block"],"content":["\"\"","\"\"","\"\"","\"\""],"clear":["both","both"],"max-width":["768px","1012px","1280px"],"float":["left","none"],"padding-right":["10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px"],"padding-left":["10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px"]}},"mediaQueries":{"total":12,"unique":4,"values":["(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 768px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1012px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1280px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 544px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-layout/docs/grid.md b/node_modules/primer-layout/docs/grid.md new file mode 100644 index 000000000..793f440d5 --- /dev/null +++ b/node_modules/primer-layout/docs/grid.md @@ -0,0 +1,390 @@ +--- +title: Grid +status: New release +status_issue: https://github.com/github/design-systems/issues/88 +source: https://github.com/primer/primer-css/blob/master/modules/primer-layout/lib/grid.scss +--- + +The grid is 12 columns and percentage-based. The number of columns a container spans can be adjusted across breakpoints for responsive layouts. The grid system works with a variety of layout utilities to achieve different results. + +{:toc} + +## Float based grid + +Use `.clearfix` on the container and float utilities with columns for a floated grid layout. + +```html +
+
+ My column +
+
+ Looks better +
+
+ Than your column +
+
+``` + +### Reversed grid + +To reverse the order of columns, use `float-right` to float columns to the right. + +```html +
+
+ One +
+
+ Two +
+
+ Three +
+
+``` + +## Nesting +You can infinitely nest grid layouts within other columns since the column widths are percentage based. With great flexibility comes great responsibility - be sensible with how far you nest! + +```html +
+
+
Unnested
+
+
+
+
+
1 x Nested
+
+
+
+
2 x Nested
+
+
+
2 x Nested
+
+
+
+
+
+``` + +## Centering a column + +Use `.mx-auto` to center columns within a container. +```html +
+
+ This column is the center of my world. +
+
+``` + + +## Column widths +Column widths can be used with any other block or inline-block elements to add percentage-based widths. +```html +
+
+ <%= octicon "heart" %> Don't go bacon my heart. +
+

T-bone drumstick alcatra ribeye. Strip steak chuck andouille tenderloin bacon tri-tip ball tip beef capicola rump. Meatloaf bresaola drumstick ball tip salami. Drumstick ham bacon alcatra pig porchetta, spare ribs leberkas pork belly.

+
+``` + +## Offset columns + +Using column offset classes can push a div over X number of columns. They work responsively using the [breakpoints outlined below](/styleguide/css/modules/grid#responsive-grids). + +```html +
+
.offset-1
+
.offset-2
+
+``` + +## Gutters +Use gutter styles or padding utilities to create gutters. You can use the default gutter style, `gutter`, or either of its modifiers, `gutter-condensed` or `gutter-spacious`. Gutter styles also support responsive breakpoint modifiers. Gutter styles add padding to the left and right side of each column and apply a negative margin to the container to ensure content inside each column lines up with content outside of the grid. + +```html +
+
+
.col-md-3
+
+
+
.col-md-3
+
+
+
.col-md-3
+
+
+
.col-md-3
+
+
+``` + +Use padding utilities to create gutters for more customized layouts. + +```html +
+
+
.pr-2
+
+
+
.px-2
+
+
+
.px-2
+
+
+
.pl-2
+
+
+
+
+
.pr-2
+
+
+
.pl-2
+
+
+``` + + +## Inline-block grids +Use column widths with `d-inline-block` as an alternative to floated grids. + +```html +
+
+ .col-4 .d-inline-block +
+ .col-4 .d-inline-block +
+ .col-4 .d-inline-block +
+
+``` + +You can use column widths and other utilities on elements such as lists to create the layout you need while keeping the markup semantically correct. +```html +
    +
  • broccolini
  • jonrohan
  • muan
  • pmarsceill
  • sophshep
  • cmwinters
  • jeejkang
  • mdo
  • +
+``` + + +## Display table grids +Using [display table utilities](/styleguide/css/utilities/layout#display) with columns gives you some alternative layout options. + +A useful example is being able to keep the height of the container equal across a row when the length of content may differ. + +```html +
+
+ Bacon ipsum dolor amet leberkas pork pig kielbasa shankle ribeye meatball, salami alcatra venison. +
+ Pork chop cupim cow turkey frankfurter, landjaeger fatback hamburger meatball salami spare ribs. Rump tenderloin salami, hamburger frankfurter landjaeger andouille. +
+ Brisket tongue frankfurter cupim strip steak rump picanha pancetta pork pig kevin pastrami biltong. Shankle venison meatball swine sausage ground round. Tail pork loin ribeye kielbasa short ribs pork chop. +
+
+``` +You can also create an alternative [media object](/styleguide/css/utilities/layout#the-media-object) layout with `.display-table` and column widths. + +```html +
+
+ github +
+
+

GitHub

+

How people build software.

+ https://github.com/about +
+
+``` + +Note that table cells will fill the width of their container even when the total columns doesn't add up to 12. + +```html +
+
+ .col-4 .d-table-cell +
+ .col-4 .d-table-cell +
+ .col-2 .d-table-cell +
+
+``` + +## Flexbox grids + +You can use [flex utilities](/styleguide/css/utilities/flexbox) on the container and columns to create a flexbox grid. + +This can be useful for keeping columns the same height, justifying content and vertically aligning items. The flexbox grid is also great for working with responsive layouts. + +```html +
+
+ github +
+
+

GitHub

+

How people build software.

+ https://github.com/about +
+
+``` + + +## Responsive grids +All the column width classes can be set per breakpoint to create responsive grid layouts. Each responsive style is applied to the specified breakpoint and up. + +### Breakpoints +We use abbreviations for each breakpoint to keep the class names concise. + +| Shorthand | Description | +| --- | --- | +| sm | min-width: 544px | +| md | min-width: 768px | +| lg | min-width: 1004px | +| xl | min-width: 1280px | + +**Note:** The `lg` breakpoint matches our current page width of `980px` including left and right padding of `12px`. This is so that content doesn't touch the edges of the window when resized. + +
+ +In this example at the `sm` breakpoint 2 columns will show, at the `md` breakpoint 4 columns will show, and at the `lg` breakpoint 6 columns will show. + +```html +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+ .col-sm-6 .col-md-3 .col-lg-2 +
+
+``` + +For demonstration, this is how the above example would look at the `sm` breakpoint. + +```html +
+
+ .col-sm-6 +
+
+ .col-sm-6 +
+
+ .col-sm-6 +
+
+ .col-sm-6 +
+
+ .col-sm-6 +
+
+ .col-sm-6 +
+
+``` +This is how that same example would look at the `md` breakpoint. + +```html +
+
+ .col-md-3 +
+
+ .col-md-3 +
+
+ .col-md-3 +
+
+ .col-md-3 +
+
+ .col-md-3 +
+
+ .col-md-3 +
+
+``` + +This is how that example would look at the `lg` breakpoint. + +```html +
+
+ .col-lg-2 +
+
+ .col-lg-2 +
+
+ .col-lg-2 +
+
+ .col-lg-2 +
+
+ .col-lg-2 +
+
+ .col-lg-2 +
+
+``` + +## Containers +Container widths match our breakpoints and are available at a `md`, `lg`, and `xl` size. Containers apply a max-width rather than a fixed width for responsive layouts, and they center the container. + +```html +
+ .container-md, max-width 768px +
+ +
+ .container-lg, max-width 1012px +
+ +
+ .container-xl, max-width 1280px +
+``` + +**Note:** `.container` is being replaced with `.container-lg`. To match the current fixed page width use `.container-lg` with `px-3`. This gives the container padding on smaller screens which works better for responsive layouts. diff --git a/node_modules/primer-layout/index.scss b/node_modules/primer-layout/index.scss new file mode 100644 index 000000000..43a0d3e59 --- /dev/null +++ b/node_modules/primer-layout/index.scss @@ -0,0 +1,5 @@ +@import "primer-support/index.scss"; +@import "./lib/container.scss"; +@import "./lib/columns.scss"; +@import "./lib/grid.scss"; +@import "./lib/grid-offset.scss"; diff --git a/node_modules/primer-layout/lib/columns.scss b/node_modules/primer-layout/lib/columns.scss new file mode 100644 index 000000000..9f77abd07 --- /dev/null +++ b/node_modules/primer-layout/lib/columns.scss @@ -0,0 +1,54 @@ +// Grid system +// +// Create rows with `.columns` to clear the floated columns and outdent the +// padding on `.column`s with negative margin for alignment. + +.columns { + margin-right: -$grid-gutter; + margin-left: -$grid-gutter; + @include clearfix; +} + +// Base class for every column (requires a column width from below) +.column { + float: left; + padding-right: $grid-gutter; + padding-left: $grid-gutter; +} + +// Column widths +.one-third { + width: 33.333333%; +} + +.two-thirds { + width: 66.666667%; +} + +.one-fourth { + width: 25%; +} + +.one-half { + width: 50%; +} + +.three-fourths { + width: 75%; +} + +.one-fifth { + width: 20%; +} + +.four-fifths { + width: 80%; +} + +// Centers content horizontally. Can be used inside or outside the grid. +.centered { + display: block; + float: none; + margin-right: auto; + margin-left: auto; +} diff --git a/node_modules/primer-layout/lib/container.scss b/node_modules/primer-layout/lib/container.scss new file mode 100644 index 000000000..2f0f4dcc0 --- /dev/null +++ b/node_modules/primer-layout/lib/container.scss @@ -0,0 +1,30 @@ +// Fixed-width, centered column for site content. +// This will be deprecated and replaced with container-lg in future +.container { + width: $container-width; + margin-right: auto; + margin-left: auto; + @include clearfix; +} + +// Handy container styles that match our breakpoints +// 768px +.container-md { + max-width: $container-md; + margin-right: auto; + margin-left: auto; +} + +// 1004px - this matches the current fixed width: 980px + padding: px-3 +.container-lg { + max-width: $container-lg; + margin-right: auto; + margin-left: auto; +} + +// 1280px +.container-xl { + max-width: $container-xl; + margin-right: auto; + margin-left: auto; +} diff --git a/node_modules/primer-layout/lib/grid-offset.scss b/node_modules/primer-layout/lib/grid-offset.scss new file mode 100644 index 000000000..e638d3851 --- /dev/null +++ b/node_modules/primer-layout/lib/grid-offset.scss @@ -0,0 +1,30 @@ +// Optional offset options to work with grid.scss + +// Offset Columns +.offset-1 { margin-left: (1 / 12 * 100%); } +.offset-2 { margin-left: (2 / 12 * 100%); } +.offset-3 { margin-left: (3 / 12 * 100%); } +.offset-4 { margin-left: (4 / 12 * 100%); } +.offset-5 { margin-left: (5 / 12 * 100%); } +.offset-6 { margin-left: (6 / 12 * 100%); } +.offset-7 { margin-left: (7 / 12 * 100%); } +.offset-8 { margin-left: (8 / 12 * 100%); } +.offset-9 { margin-left: (9 / 12 * 100%); } +.offset-10 { margin-left: (10 / 12 * 100%); } +.offset-11 { margin-left: (11 / 12 * 100%); } + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + .offset-#{$breakpoint}-1 { margin-left: (1 / 12 * 100%); } + .offset-#{$breakpoint}-2 { margin-left: (2 / 12 * 100%); } + .offset-#{$breakpoint}-3 { margin-left: (3 / 12 * 100%); } + .offset-#{$breakpoint}-4 { margin-left: (4 / 12 * 100%); } + .offset-#{$breakpoint}-5 { margin-left: (5 / 12 * 100%); } + .offset-#{$breakpoint}-6 { margin-left: (6 / 12 * 100%); } + .offset-#{$breakpoint}-7 { margin-left: (7 / 12 * 100%); } + .offset-#{$breakpoint}-8 { margin-left: (8 / 12 * 100%); } + .offset-#{$breakpoint}-9 { margin-left: (9 / 12 * 100%); } + .offset-#{$breakpoint}-10 { margin-left: (10 / 12 * 100%); } + .offset-#{$breakpoint}-11 { margin-left: (11 / 12 * 100%); } + } +} diff --git a/node_modules/primer-layout/lib/grid.scss b/node_modules/primer-layout/lib/grid.scss new file mode 100644 index 000000000..5126c6b10 --- /dev/null +++ b/node_modules/primer-layout/lib/grid.scss @@ -0,0 +1,64 @@ +// GRID + +// Columns +.col-1 { width: (1 / 12 * 100%); } +.col-2 { width: (2 / 12 * 100%); } +.col-3 { width: (3 / 12 * 100%); } +.col-4 { width: (4 / 12 * 100%); } +.col-5 { width: (5 / 12 * 100%); } +.col-6 { width: (6 / 12 * 100%); } +.col-7 { width: (7 / 12 * 100%); } +.col-8 { width: (8 / 12 * 100%); } +.col-9 { width: (9 / 12 * 100%); } +.col-10 { width: (10 / 12 * 100%); } +.col-11 { width: (11 / 12 * 100%); } +.col-12 { width: 100%; } + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); } + .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); } + .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); } + .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); } + .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); } + .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); } + .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); } + .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); } + .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); } + .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); } + .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); } + .col-#{$breakpoint}-12 { width: 100%; } + } +} + +// Gutters +// Apply padding and a negative margin to the outside of the container +@mixin gutters ($gutter-width: $spacer-3) { + margin-right: -$gutter-width; + margin-left: -$gutter-width; + + > [class*="col-"] { + padding-right: $gutter-width !important; + padding-left: $gutter-width !important; + } +} + +.gutter { + @include gutters($spacer-3); +} + +.gutter-condensed { + @include gutters($spacer-2); +} + +.gutter-spacious { + @include gutters($spacer-4); +} + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + .gutter-#{$breakpoint} { @include gutters($spacer-3); } + .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); } + .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); } + } +} diff --git a/node_modules/primer-layout/package.json b/node_modules/primer-layout/package.json new file mode 100644 index 000000000..e770d4b1e --- /dev/null +++ b/node_modules/primer-layout/package.json @@ -0,0 +1,142 @@ +{ + "_args": [ + [ + { + "raw": "primer-layout@1.3.0", + "scope": null, + "escapedName": "primer-layout", + "name": "primer-layout", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-layout@1.3.0", + "_id": "primer-layout@1.3.0", + "_inCache": true, + "_location": "/primer-layout", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-layout-1.3.0.tgz_1502924190433_0.21535558346658945" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-layout@1.3.0", + "scope": null, + "escapedName": "primer-layout", + "name": "primer-layout", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-1.3.0.tgz", + "_shasum": "679ab9eff0b3fdf77edb3123e3d83272fb302e76", + "_shrinkwrap": null, + "_spec": "primer-layout@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Containers, rows, and columns for creating page layout.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "679ab9eff0b3fdf77edb3123e3d83272fb302e76", + "tarball": "https://registry.npmjs.org/primer-layout/-/primer-layout-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build", + "docs" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-layout", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "objects" + }, + "readme": "# Primer CSS Layout\n\n[![npm version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-layout` with this command.\n\n```\n$ npm install --save primer-layout\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-layout/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nPrimer's layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it's just containers, rows, and columns.\n\nYou can find all the below styles in `_layout.scss`.\n\n#### Container\n\nCenter your page's contents with a `.container`.\n\n```html+erb\n
\n \n
\n```\n\nThe container applies `width: 980px;` and uses horizontal `margin`s to center it.\n\n#### Grid\n\n##### How it works\n\nThe grid is pretty standard—you create rows with `.columns` and individual columns with a column class and fraction class. Here's how it works:\n\n- Add a `.container` to encapsulate everything and provide ample horizontal gutter space.\n- Create your outer row to clear the floated columns with `
`.\n- Add your columns with individual `
`s.\n- Add your fractional width classes to set the width of the columns (e.g., `.one-fourth`).\n\n##### Demo\n\nIn practice, your columns will look like the example below.\n\n```html\n
\n
\n
\n .one-fifth\n
\n
\n .four-fifths\n
\n
\n\n
\n
\n .one-fourth\n
\n
\n .three-fourths\n
\n
\n\n
\n
\n .one-third\n
\n
\n .two-thirds\n
\n
\n\n
\n
\n .one-half\n
\n
\n .one-half\n
\n
\n
\n```\n\n##### Centered\n\nColumns can be [centered](/utilities/#centering-content) by adding `.centered` to the `.column` class.\n\n```html\n
\n
\n .one-half\n
\n
\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-layout" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-markdown/LICENSE b/node_modules/primer-markdown/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-markdown/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-markdown/README.md b/node_modules/primer-markdown/README.md new file mode 100644 index 000000000..b28cc0807 --- /dev/null +++ b/node_modules/primer-markdown/README.md @@ -0,0 +1,218 @@ +# Primer CSS Markdown + +[![npm version](http://img.shields.io/npm/v/primer-markdown.svg)](https://www.npmjs.org/package/primer-markdown) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Stylesheets for rendering GitHub Flavored Markdown and syntax highlighted code snippets. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-markdown` with this command. + +``` +$ npm install --save primer-markdown +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-markdown/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over). + +There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. + +There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. + +> There should be no margin above this first sentence. +> +> Blockquotes should be a lighter gray with a gray border along the left side. +> +> There should be no margin below this final sentence. + +# Header 1 + +This is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. + +## Header 2 + +> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. + +### Header 3 + +``` +This is a code block following a header. +``` + +#### Header 4 + +* This is an unordered list following a header. +* This is an unordered list following a header. +* This is an unordered list following a header. + +##### Header 5 + +1. This is an ordered list following a header. +2. This is an ordered list following a header. +3. This is an ordered list following a header. + +###### Header 6 + +| What | Follows | +|-----------|-----------------| +| A table | A header | +| A table | A header | +| A table | A header | + +---------------- + +There's a horizontal rule above and below this. + +---------------- + +Here is an unordered list: + +* Salt-n-Pepa +* Bel Biv DeVoe +* Kid 'N Play + +And an ordered list: + +1. Michael Jackson +2. Michael Bolton +3. Michael Bublé + +And an unordered task list: + +- [x] Create a sample markdown document +- [x] Add task lists to it +- [ ] Take a vacation + +And a "mixed" task list: + +- [ ] Steal underpants +- ? +- [ ] Profit! + +And a nested list: + +* Jackson 5 + * Michael + * Tito + * Jackie + * Marlon + * Jermaine +* TMNT + * Leonardo + * Michelangelo + * Donatello + * Raphael + +Definition lists can be used with HTML syntax. Definition terms are bold and italic. + +
+
Name
+
Godzilla
+
Born
+
1952
+
Birthplace
+
Japan
+
Color
+
Green
+
+ +---------------- + +Tables should have bold headings and alternating shaded rows. + +| Artist | Album | Year | +|-------------------|-----------------|------| +| Michael Jackson | Thriller | 1982 | +| Prince | Purple Rain | 1984 | +| Beastie Boys | License to Ill | 1986 | + +If a table is too wide, it should condense down and/or scroll horizontally. + +| Artist | Album | Year | Label | Awards | Songs | +|-------------------|-----------------|------|-------------|----------|-----------| +| Michael Jackson | Thriller | 1982 | Epic Records | Grammy Award for Album of the Year, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Selling Album, Grammy Award for Best Engineered Album, Non-Classical | Wanna Be Startin' Somethin', Baby Be Mine, The Girl Is Mine, Thriller, Beat It, Billie Jean, Human Nature, P.Y.T. (Pretty Young Thing), The Lady in My Life | +| Prince | Purple Rain | 1984 | Warner Brothers Records | Grammy Award for Best Score Soundtrack for Visual Media, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Soundtrack/Cast Recording, Grammy Award for Best Rock Performance by a Duo or Group with Vocal | Let's Go Crazy, Take Me With U, The Beautiful Ones, Computer Blue, Darling Nikki, When Doves Cry, I Would Die 4 U, Baby I'm a Star, Purple Rain | +| Beastie Boys | License to Ill | 1986 | Mercury Records | noawardsbutthistablecelliswide | Rhymin & Stealin, The New Style, She's Crafty, Posse in Effect, Slow Ride, Girls, (You Gotta) Fight for Your Right, No Sleep Till Brooklyn, Paul Revere, Hold It Now, Hit It, Brass Monkey, Slow and Low, Time to Get Ill | + +---------------- + +Code snippets like `var foo = "bar";` can be shown inline. + +Also, `this should vertically align` ~~`with this`~~ ~~and this~~. + +Code can also be shown in a block element. +``` +var foo = "bar"; +``` + +Code can also use syntax highlighting. +```javascript +var foo = "bar"; +``` + +``` +Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this. +``` + +```javascript +var foo = "The same thing is true for code with syntax highlighting. A single line of code should horizontally scroll if it is really long."; +``` + +Inline code inside table cells should still be distinguishable. + +| Language | Code | +|-------------|--------------------| +| Javascript | `var foo = "bar";` | +| Ruby | `foo = "bar"` | + +---------------- + +Small images should be shown at their actual size. + +![](http://placekitten.com/g/300/200/) + +Large images should always scale down and fit in the content container. + +![](http://placekitten.com/g/1200/800/) + +``` +This is the final element on the page and there should be no margin below this. +``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-markdown/build/build.css b/node_modules/primer-markdown/build/build.css new file mode 100644 index 000000000..3eb800a19 --- /dev/null +++ b/node_modules/primer-markdown/build/build.css @@ -0,0 +1 @@ +.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:0.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:0.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code::before,.markdown-body code::after,.markdown-body tt::before,.markdown-body tt::after{letter-spacing:-0.2em;content:"\00a0"}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code::before,.markdown-body pre code::after,.markdown-body pre tt::before,.markdown-body pre tt::after{content:normal}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0} diff --git a/node_modules/primer-markdown/build/index.js b/node_modules/primer-markdown/build/index.js new file mode 100644 index 000000000..989fc207f --- /dev/null +++ b/node_modules/primer-markdown/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":6734,"gzipSize":1623,"humanizedSize":"7kB","humanizedGzipSize":"2kB","rules":{"total":73,"size":{"graph":[4,2,3,1,1,2,1,4,1,2,5,3,1,1,11,4,3,1,1,1,3,3,1,1,1,2,1,2,2,1,1,1,5,2,3,1,2,2,1,1,3,1,1,3,2,7,2,4,3,4,2,3,4,2,4,1,4,4,7,2,1,1,1,7,1,2,6,9,1,6,4,1,3],"max":11,"average":2.6575342465753424}},"selectors":{"total":127,"type":116,"class":127,"id":0,"pseudoClass":19,"pseudoElement":10,"values":[".markdown-body",".markdown-body::before",".markdown-body::after",".markdown-body>*:first-child",".markdown-body>*:last-child",".markdown-body a:not([href])",".markdown-body .absent",".markdown-body .anchor",".markdown-body .anchor:focus",".markdown-body p",".markdown-body blockquote",".markdown-body ul",".markdown-body ol",".markdown-body dl",".markdown-body table",".markdown-body pre",".markdown-body hr",".markdown-body blockquote",".markdown-body blockquote>:first-child",".markdown-body blockquote>:last-child",".markdown-body kbd",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body h1 .octicon-link",".markdown-body h2 .octicon-link",".markdown-body h3 .octicon-link",".markdown-body h4 .octicon-link",".markdown-body h5 .octicon-link",".markdown-body h6 .octicon-link",".markdown-body h1:hover .anchor",".markdown-body h2:hover .anchor",".markdown-body h3:hover .anchor",".markdown-body h4:hover .anchor",".markdown-body h5:hover .anchor",".markdown-body h6:hover .anchor",".markdown-body h1:hover .anchor .octicon-link",".markdown-body h2:hover .anchor .octicon-link",".markdown-body h3:hover .anchor .octicon-link",".markdown-body h4:hover .anchor .octicon-link",".markdown-body h5:hover .anchor .octicon-link",".markdown-body h6:hover .anchor .octicon-link",".markdown-body h1 tt",".markdown-body h1 code",".markdown-body h2 tt",".markdown-body h2 code",".markdown-body h3 tt",".markdown-body h3 code",".markdown-body h4 tt",".markdown-body h4 code",".markdown-body h5 tt",".markdown-body h5 code",".markdown-body h6 tt",".markdown-body h6 code",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body ul",".markdown-body ol",".markdown-body ul.no-list",".markdown-body ol.no-list",".markdown-body ul ul",".markdown-body ul ol",".markdown-body ol ol",".markdown-body ol ul",".markdown-body li>p",".markdown-body li+li",".markdown-body dl",".markdown-body dl dt",".markdown-body dl dd",".markdown-body table",".markdown-body table th",".markdown-body table th",".markdown-body table td",".markdown-body table tr",".markdown-body table tr:nth-child(2n)",".markdown-body table img",".markdown-body img",".markdown-body img[align=right]",".markdown-body img[align=left]",".markdown-body .emoji",".markdown-body span.frame",".markdown-body span.frame>span",".markdown-body span.frame span img",".markdown-body span.frame span span",".markdown-body span.align-center",".markdown-body span.align-center>span",".markdown-body span.align-center span img",".markdown-body span.align-right",".markdown-body span.align-right>span",".markdown-body span.align-right span img",".markdown-body span.float-left",".markdown-body span.float-left span",".markdown-body span.float-right",".markdown-body span.float-right>span",".markdown-body code",".markdown-body tt",".markdown-body code::before",".markdown-body code::after",".markdown-body tt::before",".markdown-body tt::after",".markdown-body code br",".markdown-body tt br",".markdown-body del code",".markdown-body pre",".markdown-body pre>code",".markdown-body .highlight",".markdown-body .highlight pre",".markdown-body .highlight pre",".markdown-body pre",".markdown-body pre code",".markdown-body pre tt",".markdown-body pre code::before",".markdown-body pre code::after",".markdown-body pre tt::before",".markdown-body pre tt::after",".markdown-body .csv-data td",".markdown-body .csv-data th",".markdown-body .csv-data .blob-num",".markdown-body .csv-data tr",".markdown-body .csv-data th"],"specificity":{"max":41,"average":17.20472440944882}},"declarations":{"total":194,"unique":115,"properties":{"font-family":["-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"font-size":["16px","11px","inherit","2em","1.5em","1.25em","1em","0.875em","0.85em","1em","85%","100%","85%","12px"],"line-height":["1.5","1","10px","1.25","1.45","inherit","1"],"word-wrap":["break-word","normal","normal"],"display":["table","table","inline-block","block","block","block","block","block","block","block","block","block","block","block","block","none","inline"],"content":["\"\"","\"\"","\"\\00a0\"","normal"],"clear":["both","both","both","both"],"margin-top":["0","0","0","24px","0","16px","0.25em","16px"],"margin-bottom":["0","16px","0","16px","0","16px","16px","0"],"color":["inherit","#cb2431","#6a737d","#444d56","#1b1f23","#6a737d","#24292e"],"text-decoration":["none","none","inherit"],"float":["left","left","left","left","right"],"padding-right":["4px","20px"],"margin-left":["-20px","13px"],"outline":["none"],"height":["0.25em"],"padding":["0","0 1em","3px 5px","0","0","0","0 16px","6px 13px","7px","5px 0 0","0","0","16px","0","5px","10px 8px 9px"],"margin":["24px 0","13px 0 0","13px auto 0","0 auto","13px 0 0","0","13px 0 0","13px auto 0","0","0","0"],"background-color":["#e1e4e8","#fafbfc","#fff","#f6f8fa","transparent","#fff","transparent","rgba(27,31,35,0.05)","#f6f8fa","transparent"],"border":["0","solid 1px #c6cbd1","1px solid #dfe2e5","1px solid #dfe2e5","0","0","0"],"border-left":["0.25em solid #dfe2e5"],"vertical-align":["middle","middle","text-top"],"border-bottom-color":["#959da5"],"border-radius":["3px","3px","3px"],"box-shadow":["inset 0 -1px 0 #959da5"],"font-weight":["600","600","600","600"],"visibility":["hidden","visible"],"padding-bottom":["0.3em","0.3em","0.2em"],"border-bottom":["1px solid #eaecef","1px solid #eaecef"],"padding-left":["2em","20px"],"list-style-type":["none"],"font-style":["italic"],"width":["100%","auto"],"overflow":["auto","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","auto","visible","hidden"],"border-top":["1px solid #c6cbd1","0","0"],"max-width":["100%","none","auto"],"box-sizing":["content-box"],"text-align":["center","center","right","right","right","left","right"],"margin-right":["13px"],"padding-top":["0.2em"],"letter-spacing":["-0.2em"],"word-break":["normal","normal"],"white-space":["pre","nowrap"],"background":["transparent","#fff","#f6f8fa"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-markdown/index.scss b/node_modules/primer-markdown/index.scss new file mode 100644 index 000000000..064e775d4 --- /dev/null +++ b/node_modules/primer-markdown/index.scss @@ -0,0 +1,8 @@ +@import "primer-support/index.scss"; +@import "./lib/markdown-body.scss"; +@import "./lib/headings.scss"; +@import "./lib/lists.scss"; +@import "./lib/tables.scss"; +@import "./lib/images.scss"; +@import "./lib/code.scss"; +@import "./lib/blob-csv.scss"; diff --git a/node_modules/primer-markdown/lib/blob-csv.scss b/node_modules/primer-markdown/lib/blob-csv.scss new file mode 100644 index 000000000..5fa3c88c4 --- /dev/null +++ b/node_modules/primer-markdown/lib/blob-csv.scss @@ -0,0 +1,27 @@ +// stylelint-disable selector-max-type +.markdown-body .csv-data { + td, + th { + padding: 5px; + overflow: hidden; + font-size: $font-size-small; + line-height: $lh-condensed-ultra; + text-align: left; + white-space: nowrap; + } + + .blob-num { + padding: 10px $spacer-2 9px; + text-align: right; + background: $bg-white; + border: 0; + } + + tr { border-top: 0; } + + th { + font-weight: $font-weight-bold; + background: $gray-100; + border-top: 0; + } +} diff --git a/node_modules/primer-markdown/lib/code.scss b/node_modules/primer-markdown/lib/code.scss new file mode 100644 index 000000000..f703f9236 --- /dev/null +++ b/node_modules/primer-markdown/lib/code.scss @@ -0,0 +1,76 @@ +// stylelint-disable selector-max-type +.markdown-body { + // Inline code snippets + code, + tt { + padding: 0; + padding-top: 0.2em; + padding-bottom: 0.2em; + margin: 0; + font-size: 85%; + background-color: rgba($black, 0.05); + border-radius: 3px; // don't add padding, gives scrollbars + + &::before, + &::after { + letter-spacing: -0.2em; // this creates padding + content: "\00a0"; + } + + br { display: none; } + } + + del code { text-decoration: inherit; } + + pre { + word-wrap: normal; + + // Code tags within code blocks (
s)
+    > code {
+      padding: 0;
+      margin: 0;
+      font-size: 100%;
+      word-break: normal;
+      white-space: pre;
+      background: transparent;
+      border: 0;
+    }
+  }
+
+  .highlight {
+    margin-bottom: $spacer-3;
+
+    pre {
+      margin-bottom: 0;
+      word-break: normal;
+    }
+  }
+
+  .highlight pre,
+  pre {
+    padding: $spacer-3;
+    overflow: auto;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: $gray-100;
+    border-radius: 3px;
+  }
+
+  pre code,
+  pre tt {
+    display: inline;
+    max-width: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    line-height: inherit;
+    word-wrap: normal;
+    background-color: transparent;
+    border: 0;
+
+    &::before,
+    &::after {
+      content: normal;
+    }
+  }
+}
diff --git a/node_modules/primer-markdown/lib/headings.scss b/node_modules/primer-markdown/lib/headings.scss
new file mode 100644
index 000000000..49a034571
--- /dev/null
+++ b/node_modules/primer-markdown/lib/headings.scss
@@ -0,0 +1,65 @@
+// Needs refactoring
+// stylelint-disable selector-max-compound-selectors, selector-max-specificity
+// stylelint-disable selector-max-type
+.markdown-body {
+  // Headings
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: $spacer-4;
+    margin-bottom: $spacer-3;
+    font-weight: $font-weight-bold;
+    line-height: $lh-condensed;
+
+    .octicon-link {
+      color: $black;
+      vertical-align: middle;
+      visibility: hidden;
+    }
+
+    &:hover .anchor {
+      text-decoration: none;
+
+      .octicon-link {
+        visibility: visible;
+      }
+    }
+
+    tt,
+    code {
+      font-size: inherit;
+    }
+  }
+
+  h1 {
+    padding-bottom: 0.3em;
+    font-size: 2em;
+    border-bottom: 1px solid lighten($gray-200, 3%);
+  }
+
+  h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.5em;
+    border-bottom: 1px solid lighten($gray-200, 3%);
+  }
+
+  h3 {
+    font-size: 1.25em;
+  }
+
+  h4 {
+    font-size: 1em;
+  }
+
+  h5 {
+    font-size: 0.875em;
+  }
+
+  h6 {
+    font-size: 0.85em;
+    color: $gray-500;
+  }
+}
diff --git a/node_modules/primer-markdown/lib/images.scss b/node_modules/primer-markdown/lib/images.scss
new file mode 100644
index 000000000..3d70f8da6
--- /dev/null
+++ b/node_modules/primer-markdown/lib/images.scss
@@ -0,0 +1,119 @@
+// Need to target base styles
+// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type, primer/selector-no-utility
+// stylelint-disable selector-max-type
+.markdown-body {
+  // Images & Stuff
+  img {
+    max-width: 100%;
+    // because we put padding on the images to hide header lines, and some people
+    // specify the width of their images in their markdown.
+    box-sizing: content-box;
+    background-color: $bg-white;
+
+    &[align=right] {
+      padding-left: 20px;
+    }
+
+    &[align=left] {
+      padding-right: 20px;
+    }
+  }
+
+  .emoji {
+    max-width: none;
+    vertical-align: text-top;
+    // Override `` styles so Emjois don't clash with zebra striping in our tables
+    background-color: transparent;
+  }
+
+  // Gollum Image Tags
+
+  // Framed
+  span.frame {
+    display: block;
+    overflow: hidden;
+
+    > span {
+      display: block;
+      float: left;
+      width: auto;
+      padding: 7px;
+      margin: 13px 0 0;
+      overflow: hidden;
+      border: 1px solid lighten($gray-300, 5%);
+    }
+
+    span img {
+      display: block;
+      float: left;
+    }
+
+    span span {
+      display: block;
+      padding: 5px 0 0;
+      clear: both;
+      color: $text-gray-dark;
+    }
+  }
+
+  span.align-center {
+    display: block;
+    overflow: hidden;
+    clear: both;
+
+    > span {
+      display: block;
+      margin: 13px auto 0;
+      overflow: hidden;
+      text-align: center;
+    }
+
+    span img {
+      margin: 0 auto;
+      text-align: center;
+    }
+  }
+
+  span.align-right {
+    display: block;
+    overflow: hidden;
+    clear: both;
+
+    > span {
+      display: block;
+      margin: 13px 0 0;
+      overflow: hidden;
+      text-align: right;
+    }
+
+    span img {
+      margin: 0;
+      text-align: right;
+    }
+  }
+
+  span.float-left {
+    display: block;
+    float: left;
+    margin-right: 13px;
+    overflow: hidden;
+
+    span {
+      margin: 13px 0 0;
+    }
+  }
+
+  span.float-right {
+    display: block;
+    float: right;
+    margin-left: 13px;
+    overflow: hidden;
+
+    > span {
+      display: block;
+      margin: 13px auto 0;
+      overflow: hidden;
+      text-align: right;
+    }
+  }
+}
diff --git a/node_modules/primer-markdown/lib/lists.scss b/node_modules/primer-markdown/lib/lists.scss
new file mode 100644
index 000000000..b4510bd9a
--- /dev/null
+++ b/node_modules/primer-markdown/lib/lists.scss
@@ -0,0 +1,72 @@
+// Base styles
+// stylelint-disable selector-no-qualifying-type
+// stylelint-disable selector-max-type
+.markdown-body {
+
+  // Lists, Blockquotes & Such
+  ul,
+  ol {
+    padding-left: 2em;
+
+    &.no-list {
+      padding: 0;
+      list-style-type: none;
+    }
+  }
+
+  // Did someone complain about list spacing? Encourage them
+  // to create the spacing with their markdown formatting.
+  // List behavior should be controled by the markup, not the css.
+  //
+  // For lists with padding between items, use blank
+  // lines between items. This will generate paragraphs with
+  // padding to space things out.
+  //
+  // - item
+  //
+  // - item
+  //
+  // - item
+  //
+  // For list without padding, don't use blank lines.
+  //
+  // - item
+  // - item
+  // - item
+  //
+  // Modifying the css to emulate these behaviors merely brakes
+  // one case in the process of solving another. Don't change
+  // this unless it's really really a bug.
+  ul ul,
+  ul ol,
+  ol ol,
+  ol ul {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  li > p {
+    margin-top: $spacer-3;
+  }
+
+  li + li {
+    margin-top: 0.25em;
+  }
+
+  dl {
+    padding: 0;
+
+    dt {
+      padding: 0;
+      margin-top: $spacer-3;
+      font-size: 1em;
+      font-style: italic;
+      font-weight: $font-weight-bold;
+    }
+
+    dd {
+      padding: 0 $spacer-3;
+      margin-bottom: $spacer-3;
+    }
+  }
+}
diff --git a/node_modules/primer-markdown/lib/markdown-body.scss b/node_modules/primer-markdown/lib/markdown-body.scss
new file mode 100644
index 000000000..214fb2db5
--- /dev/null
+++ b/node_modules/primer-markdown/lib/markdown-body.scss
@@ -0,0 +1,106 @@
+// All of our block level items should have the same margin
+// stylelint-disable selector-max-type
+
+// This is styling for generic markdownized text. Anything you put in a
+// container with .markdown-body on it should render generally well. It also
+// includes some GitHub Flavored Markdown specific styling (like @mentions)
+.markdown-body {
+  font-family: $body-font;
+  font-size: $h4-size;
+  line-height: $body-line-height;
+  word-wrap: break-word;
+
+  // Clearfix on the markdown body
+  &::before {
+    display: table;
+    content: "";
+  }
+
+  &::after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+
+  > *:first-child {
+    margin-top: 0 !important;
+  }
+
+  > *:last-child {
+    margin-bottom: 0 !important;
+  }
+
+  // Anchors like . These sometimes end up wrapped around
+  // text when users mistakenly forget to close the tag or use self-closing tag
+  // syntax. We don't want them to appear like links.
+  // FIXME: a:not(:link):not(:visited) would be a little clearer here (and
+  // possibly faster to match), but it breaks styling of  elements due
+  // to https://bugs.webkit.org/show_bug.cgi?id=142737.
+  a:not([href]) {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  // Link Colors
+  .absent {
+    color: $red-600;
+  }
+
+  .anchor {
+    float: left;
+    padding-right: $spacer-1;
+    margin-left: -20px;
+    line-height: $lh-condensed-ultra;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  p,
+  blockquote,
+  ul,
+  ol,
+  dl,
+  table,
+  pre {
+    margin-top: 0;
+    margin-bottom: $spacer-3;
+  }
+
+  hr {
+    height: 0.25em;
+    padding: 0;
+    margin: $spacer-4 0;
+    background-color: $gray-200;
+    border: 0;
+  }
+
+  blockquote {
+    padding: 0 1em;
+    color: $gray-500;
+    border-left: 0.25em solid lighten($gray-300, 5%);
+
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    font-size: 11px;
+    line-height: 10px;
+    color: $gray-700;
+    vertical-align: middle;
+    background-color: $gray-000;
+    border: solid 1px darken($gray-300, 4%);
+    border-bottom-color: $gray-400;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 $gray-400;
+  }
+}
diff --git a/node_modules/primer-markdown/lib/tables.scss b/node_modules/primer-markdown/lib/tables.scss
new file mode 100644
index 000000000..1f48119ea
--- /dev/null
+++ b/node_modules/primer-markdown/lib/tables.scss
@@ -0,0 +1,33 @@
+// Needs refactoring
+// stylelint-disable selector-max-type
+.markdown-body {
+  // Tables
+  table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+
+    th {
+      font-weight: $font-weight-bold;
+    }
+
+    th,
+    td {
+      padding: 6px 13px;
+      border: 1px solid lighten($gray-300, 5%);
+    }
+
+    tr {
+      background-color: $bg-white;
+      border-top: 1px solid darken($gray-300, 4%);
+
+      &:nth-child(2n) {
+        background-color: $gray-100;
+      }
+    }
+
+    img {
+      background-color: transparent;
+    }
+  }
+}
diff --git a/node_modules/primer-markdown/package.json b/node_modules/primer-markdown/package.json
new file mode 100644
index 000000000..615bbafca
--- /dev/null
+++ b/node_modules/primer-markdown/package.json
@@ -0,0 +1,145 @@
+{
+  "_args": [
+    [
+      {
+        "raw": "primer-markdown@3.6.0",
+        "scope": null,
+        "escapedName": "primer-markdown",
+        "name": "primer-markdown",
+        "rawSpec": "3.6.0",
+        "spec": "3.6.0",
+        "type": "version"
+      },
+      "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css"
+    ]
+  ],
+  "_from": "primer-markdown@3.6.0",
+  "_id": "primer-markdown@3.6.0",
+  "_inCache": true,
+  "_location": "/primer-markdown",
+  "_nodeVersion": "7.10.1",
+  "_npmOperationalInternal": {
+    "host": "s3://npm-registry-packages",
+    "tmp": "tmp/primer-markdown-3.6.0.tgz_1502924190645_0.7026070053689182"
+  },
+  "_npmUser": {
+    "name": "primer-css",
+    "email": "design-systems@github.com"
+  },
+  "_npmVersion": "4.2.0",
+  "_phantomChildren": {},
+  "_requested": {
+    "raw": "primer-markdown@3.6.0",
+    "scope": null,
+    "escapedName": "primer-markdown",
+    "name": "primer-markdown",
+    "rawSpec": "3.6.0",
+    "spec": "3.6.0",
+    "type": "version"
+  },
+  "_requiredBy": [
+    "/primer-css",
+    "/primer-product"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-markdown/-/primer-markdown-3.6.0.tgz",
+  "_shasum": "30f3b50265672fbabc977d9b07348aec702ac160",
+  "_shrinkwrap": null,
+  "_spec": "primer-markdown@3.6.0",
+  "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-css/issues"
+  },
+  "dependencies": {
+    "primer-support": "4.3.0"
+  },
+  "description": "GitHub stylesheets for rendering markdown.",
+  "devDependencies": {},
+  "directories": {},
+  "dist": {
+    "shasum": "30f3b50265672fbabc977d9b07348aec702ac160",
+    "tarball": "https://registry.npmjs.org/primer-markdown/-/primer-markdown-3.6.0.tgz"
+  },
+  "files": [
+    "index.scss",
+    "lib",
+    "build"
+  ],
+  "homepage": "https://github.com/primer/primer-markdown",
+  "keywords": [
+    "github",
+    "markdown",
+    "css",
+    "scss",
+    "primer",
+    "style",
+    "stylesheets",
+    "md"
+  ],
+  "license": "MIT",
+  "main": "build/index.js",
+  "maintainers": [
+    {
+      "name": "broccolini",
+      "email": "diana.mounter@gmail.com"
+    },
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    },
+    {
+      "name": "keithamus",
+      "email": "npm@keithcirkel.co.uk"
+    },
+    {
+      "name": "primer-css",
+      "email": "design-systems@github.com"
+    },
+    {
+      "name": "shawnbot",
+      "email": "shawnbot-npm@nym.hush.com"
+    },
+    {
+      "name": "muan",
+      "email": "me@muanchiou.com"
+    },
+    {
+      "name": "mdo",
+      "email": "markdotto@gmail.com"
+    },
+    {
+      "name": "josh",
+      "email": "josh@joshpeek.com"
+    },
+    {
+      "name": "mislav",
+      "email": "mislav.marohnic@gmail.com"
+    },
+    {
+      "name": "dgraham",
+      "email": "david.malcom.graham@gmail.com"
+    }
+  ],
+  "name": "primer-markdown",
+  "optionalDependencies": {},
+  "primer": {
+    "category": "product",
+    "module_type": "components"
+  },
+  "readme": "# Primer CSS Markdown\n\n[![npm version](http://img.shields.io/npm/v/primer-markdown.svg)](https://www.npmjs.org/package/primer-markdown)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Stylesheets for rendering GitHub Flavored Markdown and syntax highlighted code snippets.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-markdown` with this command.\n\n```\n$ npm install --save primer-markdown\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-markdown/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nText can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over).\n\nThere should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.\n\nThere should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.\n\n> There should be no margin above this first sentence.\n>\n> Blockquotes should be a lighter gray with a gray border along the left side.\n>\n> There should be no margin below this final sentence.\n\n# Header 1\n\nThis is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.\n\n## Header 2\n\n> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.\n\n### Header 3\n\n```\nThis is a code block following a header.\n```\n\n#### Header 4\n\n* This is an unordered list following a header.\n* This is an unordered list following a header.\n* This is an unordered list following a header.\n\n##### Header 5\n\n1. This is an ordered list following a header.\n2. This is an ordered list following a header.\n3. This is an ordered list following a header.\n\n###### Header 6\n\n| What      | Follows         |\n|-----------|-----------------|\n| A table   | A header        |\n| A table   | A header        |\n| A table   | A header        |\n\n----------------\n\nThere's a horizontal rule above and below this.\n\n----------------\n\nHere is an unordered list:\n\n* Salt-n-Pepa\n* Bel Biv DeVoe\n* Kid 'N Play\n\nAnd an ordered list:\n\n1. Michael Jackson\n2. Michael Bolton\n3. Michael Bublé\n\nAnd an unordered task list:\n\n- [x] Create a sample markdown document\n- [x] Add task lists to it\n- [ ] Take a vacation\n\nAnd a \"mixed\" task list:\n\n- [ ] Steal underpants\n- ?\n- [ ] Profit!\n\nAnd a nested list:\n\n* Jackson 5\n  * Michael\n  * Tito\n  * Jackie\n  * Marlon\n  * Jermaine\n* TMNT\n  * Leonardo\n  * Michelangelo\n  * Donatello\n  * Raphael\n\nDefinition lists can be used with HTML syntax. Definition terms are bold and italic.\n\n
\n
Name
\n
Godzilla
\n
Born
\n
1952
\n
Birthplace
\n
Japan
\n
Color
\n
Green
\n
\n\n----------------\n\nTables should have bold headings and alternating shaded rows.\n\n| Artist | Album | Year |\n|-------------------|-----------------|------|\n| Michael Jackson | Thriller | 1982 |\n| Prince | Purple Rain | 1984 |\n| Beastie Boys | License to Ill | 1986 |\n\nIf a table is too wide, it should condense down and/or scroll horizontally.\n\n| Artist | Album | Year | Label | Awards | Songs |\n|-------------------|-----------------|------|-------------|----------|-----------|\n| Michael Jackson | Thriller | 1982 | Epic Records | Grammy Award for Album of the Year, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Selling Album, Grammy Award for Best Engineered Album, Non-Classical | Wanna Be Startin' Somethin', Baby Be Mine, The Girl Is Mine, Thriller, Beat It, Billie Jean, Human Nature, P.Y.T. (Pretty Young Thing), The Lady in My Life |\n| Prince | Purple Rain | 1984 | Warner Brothers Records | Grammy Award for Best Score Soundtrack for Visual Media, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Soundtrack/Cast Recording, Grammy Award for Best Rock Performance by a Duo or Group with Vocal | Let's Go Crazy, Take Me With U, The Beautiful Ones, Computer Blue, Darling Nikki, When Doves Cry, I Would Die 4 U, Baby I'm a Star, Purple Rain |\n| Beastie Boys | License to Ill | 1986 | Mercury Records | noawardsbutthistablecelliswide | Rhymin & Stealin, The New Style, She's Crafty, Posse in Effect, Slow Ride, Girls, (You Gotta) Fight for Your Right, No Sleep Till Brooklyn, Paul Revere, Hold It Now, Hit It, Brass Monkey, Slow and Low, Time to Get Ill |\n\n----------------\n\nCode snippets like `var foo = \"bar\";` can be shown inline.\n\nAlso, `this should vertically align` ~~`with this`~~ ~~and this~~.\n\nCode can also be shown in a block element.\n```\nvar foo = \"bar\";\n```\n\nCode can also use syntax highlighting.\n```javascript\nvar foo = \"bar\";\n```\n\n```\nLong, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.\n```\n\n```javascript\nvar foo = \"The same thing is true for code with syntax highlighting. A single line of code should horizontally scroll if it is really long.\";\n```\n\nInline code inside table cells should still be distinguishable.\n\n| Language | Code |\n|-------------|--------------------|\n| Javascript | `var foo = \"bar\";` |\n| Ruby | `foo = \"bar\"` |\n\n----------------\n\nSmall images should be shown at their actual size.\n\n![](http://placekitten.com/g/300/200/)\n\nLarge images should always scale down and fit in the content container.\n\n![](http://placekitten.com/g/1200/800/)\n\n```\nThis is the final element on the page and there should be no margin below this.\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-markdown" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "3.6.0" +} diff --git a/node_modules/primer-marketing-support/LICENSE b/node_modules/primer-marketing-support/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-marketing-support/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-marketing-support/README.md b/node_modules/primer-marketing-support/README.md new file mode 100644 index 000000000..f04feac03 --- /dev/null +++ b/node_modules/primer-marketing-support/README.md @@ -0,0 +1,49 @@ +# Primer CSS Marketing Support + +[![npm version](http://img.shields.io/npm/v/primer-marketing-support.svg)](https://www.npmjs.org/package/primer-marketing-support) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent. +> +> Most of the time to include these you'll only need to add `@import "./primer-marketing-support";` to the top of your bundle. If you want only a specific partial you can import them separately. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Documentation & refactor coming very soon + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `support` with this command. + +``` +$ npm install --save support +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-marketing-support/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-marketing-support/index.scss b/node_modules/primer-marketing-support/index.scss new file mode 100644 index 000000000..eaa180c67 --- /dev/null +++ b/node_modules/primer-marketing-support/index.scss @@ -0,0 +1 @@ +@import "./lib/variables.scss"; diff --git a/node_modules/primer-marketing-support/lib/variables.scss b/node_modules/primer-marketing-support/lib/variables.scss new file mode 100644 index 000000000..cd2ceb3d4 --- /dev/null +++ b/node_modules/primer-marketing-support/lib/variables.scss @@ -0,0 +1,3 @@ +// Type +$alt-body-font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif; +$alt-mono-font: $mono-font; diff --git a/node_modules/primer-marketing-support/package.json b/node_modules/primer-marketing-support/package.json new file mode 100644 index 000000000..ca0f8385a --- /dev/null +++ b/node_modules/primer-marketing-support/package.json @@ -0,0 +1,146 @@ +{ + "_args": [ + [ + { + "raw": "primer-marketing-support@1.3.0", + "scope": null, + "escapedName": "primer-marketing-support", + "name": "primer-marketing-support", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-marketing-support@1.3.0", + "_id": "primer-marketing-support@1.3.0", + "_inCache": true, + "_location": "/primer-marketing-support", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-marketing-support-1.3.0.tgz_1502924176388_0.850655022310093" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-marketing-support@1.3.0", + "scope": null, + "escapedName": "primer-marketing-support", + "name": "primer-marketing-support", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-breadcrumb", + "/primer-cards", + "/primer-css", + "/primer-marketing", + "/primer-marketing-type", + "/primer-marketing-utilities", + "/primer-page-headers", + "/primer-page-sections", + "/primer-tables" + ], + "_resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-1.3.0.tgz", + "_shasum": "330575115d287da4daf9bc8a6af91c3f640c3b3f", + "_shrinkwrap": null, + "_spec": "primer-marketing-support@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": {}, + "description": "Sass variables, mixins, and functions for use in our components.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "330575115d287da4daf9bc8a6af91c3f640c3b3f", + "tarball": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "mixins", + "functions", + "variables", + "scss" + ], + "license": "MIT", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-marketing-support", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "support" + }, + "readme": "# Primer CSS Marketing Support\n\n[![npm version](http://img.shields.io/npm/v/primer-marketing-support.svg)](https://www.npmjs.org/package/primer-marketing-support)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.\n>\n> Most of the time to include these you'll only need to add `@import \"./primer-marketing-support\";` to the top of your bundle. If you want only a specific partial you can import them separately.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nDocumentation & refactor coming very soon\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `support` with this command.\n\n```\n$ npm install --save support\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-marketing-support/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-support" + }, + "scripts": { + "lint": "stylelint **/*.scss -s scss", + "test": "npm run lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-marketing-type/LICENSE b/node_modules/primer-marketing-type/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-marketing-type/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-marketing-type/README.md b/node_modules/primer-marketing-type/README.md new file mode 100644 index 000000000..48d63c58a --- /dev/null +++ b/node_modules/primer-marketing-type/README.md @@ -0,0 +1,91 @@ +# Primer Marketing CSS Typography + +[![npm version](http://img.shields.io/npm/v/primer-marketing-type.svg)](https://www.npmjs.org/package/primer-marketing-type) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +The typography for our marketing pages differs slightly from what is in Primer's core--it is responsive, on a slightly different scale, and headlines are in a different font (Roboto). + + +## Heading Utilities + +Use `.alt-h1` – `.alt-h6` to change an element's font, size, and weight on marketing pages. + +```html + +

Pizza 1

+

Pizza 2

+

Pizza 3

+

Pizza 4

+

Pizza 5

+

Pizza 6

+ +``` + +## Typographic Utilities + +These utilities are meant to be used in addition to Primer's core utilities. + +```html + +

I'm a lead paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

+ +

I'm a regular paragraph, except I'm gray. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

+ +

And I'm a tiny lil' baby paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

+ +

Occasionally we want to use a mono font, there is a utility class for that.

+ +

I'm a pullquote. Someone said these words in real life, and now they're on the internet

+ +``` + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-typography` with this command. + +``` +$ npm install --save primer-marketing-typography +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-marketing-typography/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` + +``` +$ npm run build +``` + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-marketing-type/build/build.css b/node_modules/primer-marketing-type/build/build.css new file mode 100644 index 000000000..98913e60f --- /dev/null +++ b/node_modules/primer-marketing-type/build/build.css @@ -0,0 +1 @@ +.alt-mono-font{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.alt-h0,.alt-h1,.alt-h2,.alt-h3,.alt-h4,.alt-h5,.alt-h6,.alt-lead{-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif}.alt-h0{font-size:48px;font-weight:300}@media (min-width: 768px){.alt-h0{font-size:54px}}@media (min-width: 1012px){.alt-h0{font-size:72px}}.alt-h1{font-size:36px;font-weight:300}@media (min-width: 768px){.alt-h1{font-size:48px}}@media (min-width: 1012px){.alt-h1{font-size:54px}}.alt-h2{font-size:28px;font-weight:300}@media (min-width: 768px){.alt-h2{font-size:34px}}@media (min-width: 1012px){.alt-h2{font-size:38px}}.alt-h3{font-size:18px;font-weight:400}@media (min-width: 768px){.alt-h3{font-size:20px}}@media (min-width: 1012px){.alt-h3{font-size:22px}}.alt-h4{font-size:16px;font-weight:500}.alt-h5{font-size:14px;font-weight:500}.alt-h6{font-size:12px;font-weight:500}.alt-lead{-webkit-font-smoothing:antialiased;font-size:21px;font-weight:300}@media (min-width: 768px){.alt-lead{font-size:24px}}@media (min-width: 1012px){.alt-lead{font-size:26px}}.alt-text-small{font-size:14px !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}} diff --git a/node_modules/primer-marketing-type/build/index.js b/node_modules/primer-marketing-type/build/index.js new file mode 100644 index 000000000..cb8f9008b --- /dev/null +++ b/node_modules/primer-marketing-type/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":1587,"gzipSize":540,"humanizedSize":"2kB","humanizedGzipSize":"540B","rules":{"total":23,"size":{"graph":[1,2,2,1,1,2,1,1,2,1,1,2,1,1,2,2,2,3,1,1,1,9,5],"max":9,"average":1.9565217391304348}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-mono-font",".alt-h0",".alt-h1",".alt-h2",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-h0",".alt-h0",".alt-h0",".alt-h1",".alt-h1",".alt-h1",".alt-h2",".alt-h2",".alt-h2",".alt-h3",".alt-h3",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-lead",".alt-lead",".alt-text-small",".pullquote",".pullquote"],"specificity":{"max":10,"average":10}},"declarations":{"total":45,"unique":33,"properties":{"font-family":["\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","Roboto,-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Open Sans\",sans-serif","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-webkit-font-smoothing":["antialiased","antialiased"],"font-size":["48px","54px","72px","36px","48px","54px","28px","34px","38px","18px","20px","22px","16px","14px","12px","21px","24px","26px","14px","16px","18px"],"font-weight":["300","300","300","400","500","500","500","300"],"padding-top":["0"],"padding-bottom":["0"],"padding-left":["8px","12px"],"margin-bottom":["24px","32px"],"line-height":["1.4","1.5"],"color":["#586069"],"border-left":["3px solid #e1e4e8"],"margin-left":["-15px"]}},"mediaQueries":{"total":11,"unique":2,"values":["(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["72px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["34px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["38px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["22px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["26px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".pullquote"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"padding-left":["12px"],"margin-bottom":["32px"],"margin-left":["-15px"],"font-size":["18px"],"line-height":["1.5"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-marketing-type/index.scss b/node_modules/primer-marketing-type/index.scss new file mode 100644 index 000000000..70f9b632b --- /dev/null +++ b/node_modules/primer-marketing-type/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/typography.scss"; diff --git a/node_modules/primer-marketing-type/lib/typography.scss b/node_modules/primer-marketing-type/lib/typography.scss new file mode 100644 index 000000000..e1b2a39ca --- /dev/null +++ b/node_modules/primer-marketing-type/lib/typography.scss @@ -0,0 +1,124 @@ +// Marketing font utility class + +.alt-mono-font { + font-family: $alt-mono-font; +} + +// +// Headings + +.alt-h0, +.alt-h1, +.alt-h2, +.alt-h3, +.alt-h4, +.alt-h5, +.alt-h6, +.alt-lead { + -webkit-font-smoothing: antialiased; + font-family: $alt-body-font; +} + +@mixin alt-h0 { + font-size: $h00-size; + font-weight: $font-weight-light; + @include breakpoint(md) { font-size: 54px; } + @include breakpoint(lg) { font-size: 72px; } +} + +.alt-h0 { + @include alt-h0; +} + +@mixin alt-h1 { + font-size: 36px; + font-weight: $font-weight-light; + @include breakpoint(md) { font-size: $h00-size; } + @include breakpoint(lg) { font-size: 54px; } +} + +.alt-h1 { + @include alt-h1; +} + +@mixin alt-h2 { + font-size: 28px; + font-weight: $font-weight-light; + @include breakpoint(md) { font-size: 34px; } + @include breakpoint(lg) { font-size: 38px; } +} + +.alt-h2 { + @include alt-h2; +} + +@mixin alt-h3 { + font-size: 18px; + font-weight: $font-weight-normal; + @include breakpoint(md) { font-size: $h3-size; } + @include breakpoint(lg) { font-size: 22px; } +} + +.alt-h3 { + @include alt-h3; +} + +.alt-h4 { + font-size: $h4-size; + font-weight: $font-weight-semibold; +} + +.alt-h5 { + font-size: $h5-size; + font-weight: $font-weight-semibold; +} + +.alt-h6 { + font-size: $h6-size; + font-weight: $font-weight-semibold; +} + +// Big opening paragraphs +@mixin alt-lead { + -webkit-font-smoothing: antialiased; + font-size: 21px; + font-weight: $font-weight-light; + @include breakpoint(md) { font-size: $h2-size; } + @include breakpoint(lg) { font-size: 26px; } +} + +.alt-lead { + @include alt-lead; +} + +// For small text + +.alt-text-small { + font-size: 14px !important; +} + +// Pullquote + +@mixin pullquote { + padding-top: 0; + padding-bottom: 0; + padding-left: $spacer; + margin-bottom: $spacer-4; + font-family: $alt-mono-font; + font-size: $h4-size; + line-height: 1.4; + color: $text-gray; + border-left: 3px solid $border-color; + + @include breakpoint(md) { + padding-left: $spacer * 1.5; + margin-bottom: $spacer-5; + margin-left: (-$spacer * 1.5) - 3px; + font-size: 18px; + line-height: $lh-default; + } +} + +.pullquote { + @include pullquote; +} diff --git a/node_modules/primer-marketing-type/package.json b/node_modules/primer-marketing-type/package.json new file mode 100644 index 000000000..d3f8b3380 --- /dev/null +++ b/node_modules/primer-marketing-type/package.json @@ -0,0 +1,146 @@ +{ + "_args": [ + [ + { + "raw": "primer-marketing-type@1.3.0", + "scope": null, + "escapedName": "primer-marketing-type", + "name": "primer-marketing-type", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-marketing-type@1.3.0", + "_id": "primer-marketing-type@1.3.0", + "_inCache": true, + "_location": "/primer-marketing-type", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-marketing-type-1.3.0.tgz_1502924194865_0.14409929257817566" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-marketing-type@1.3.0", + "scope": null, + "escapedName": "primer-marketing-type", + "name": "primer-marketing-type", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-1.3.0.tgz", + "_shasum": "3165810bf71700f2505185fb67ce316ad6b05d31", + "_shrinkwrap": null, + "_spec": "primer-marketing-type@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Typography for marketing websites at GitHub", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "3165810bf71700f2505185fb67ce316ad6b05d31", + "tarball": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "css", + "github", + "primer", + "primercss", + "style", + "type", + "typography" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-marketing-type", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "utilities" + }, + "readme": "# Primer Marketing CSS Typography\n\n[![npm version](http://img.shields.io/npm/v/primer-marketing-type.svg)](https://www.npmjs.org/package/primer-marketing-type)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nThe typography for our marketing pages differs slightly from what is in Primer's core--it is responsive, on a slightly different scale, and headlines are in a different font (Roboto).\n\n\n## Heading Utilities\n\nUse `.alt-h1` – `.alt-h6` to change an element's font, size, and weight on marketing pages.\n\n```html\n\n

Pizza 1

\n

Pizza 2

\n

Pizza 3

\n

Pizza 4

\n

Pizza 5

\n

Pizza 6

\n\n```\n\n## Typographic Utilities\n\nThese utilities are meant to be used in addition to Primer's core utilities.\n\n```html\n\n

I'm a lead paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

\n\n

I'm a regular paragraph, except I'm gray. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

\n\n

And I'm a tiny lil' baby paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

\n\n

Occasionally we want to use a mono font, there is a utility class for that.

\n\n

I'm a pullquote. Someone said these words in real life, and now they're on the internet

\n\n```\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-typography` with this command.\n\n```\n$ npm install --save primer-marketing-typography\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-marketing-typography/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`\n\n```\n$ npm run build\n```\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-type" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint test-docs", + "test-docs": "ava --verbose ../../tests/modules/test-*.js" + }, + "style": "build/build.css", + "version": "1.3.0" +} diff --git a/node_modules/primer-marketing-utilities/LICENSE b/node_modules/primer-marketing-utilities/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-marketing-utilities/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-marketing-utilities/README.md b/node_modules/primer-marketing-utilities/README.md new file mode 100644 index 000000000..16e247a33 --- /dev/null +++ b/node_modules/primer-marketing-utilities/README.md @@ -0,0 +1,47 @@ +# Primer Marketing CSS Utilities + +[![npm version](http://img.shields.io/npm/v/primer-marketing-utilities.svg)](https://www.npmjs.org/package/primer-marketing-utilities) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +This repository is a module of the full [primer-marketing-css][primer-marketing-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-utilities` with this command. + +``` +$ npm install --save primer-marketing-utilities +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-marketing-utilities/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ +[primer-marketing-css]: https://github.com/primer/primer-marketing diff --git a/node_modules/primer-marketing-utilities/build/build.css b/node_modules/primer-marketing-utilities/build/build.css new file mode 100644 index 000000000..b54ff8df2 --- /dev/null +++ b/node_modules/primer-marketing-utilities/build/build.css @@ -0,0 +1 @@ +.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (min-width: 544px){.border-sm-top{border-top:1px #e1e4e8 solid !important}.border-sm-right{border-right:1px #e1e4e8 solid !important}.border-sm-bottom{border-bottom:1px #e1e4e8 solid !important}.border-sm-left{border-left:1px #e1e4e8 solid !important}.border-sm-top-0{border-top:0 !important}.border-sm-right-0{border-right:0 !important}.border-sm-bottom-0{border-bottom:0 !important}.border-sm-left-0{border-left:0 !important}}@media (min-width: 768px){.border-md-top{border-top:1px #e1e4e8 solid !important}.border-md-right{border-right:1px #e1e4e8 solid !important}.border-md-bottom{border-bottom:1px #e1e4e8 solid !important}.border-md-left{border-left:1px #e1e4e8 solid !important}.border-md-top-0{border-top:0 !important}.border-md-right-0{border-right:0 !important}.border-md-bottom-0{border-bottom:0 !important}.border-md-left-0{border-left:0 !important}}@media (min-width: 1012px){.border-lg-top{border-top:1px #e1e4e8 solid !important}.border-lg-right{border-right:1px #e1e4e8 solid !important}.border-lg-bottom{border-bottom:1px #e1e4e8 solid !important}.border-lg-left{border-left:1px #e1e4e8 solid !important}.border-lg-top-0{border-top:0 !important}.border-lg-right-0{border-right:0 !important}.border-lg-bottom-0{border-bottom:0 !important}.border-lg-left-0{border-left:0 !important}}@media (min-width: 1280px){.border-xl-top{border-top:1px #e1e4e8 solid !important}.border-xl-right{border-right:1px #e1e4e8 solid !important}.border-xl-bottom{border-bottom:1px #e1e4e8 solid !important}.border-xl-left{border-left:1px #e1e4e8 solid !important}.border-xl-top-0{border-top:0 !important}.border-xl-right-0{border-right:0 !important}.border-xl-bottom-0{border-bottom:0 !important}.border-xl-left-0{border-left:0 !important}} diff --git a/node_modules/primer-marketing-utilities/build/index.js b/node_modules/primer-marketing-utilities/build/index.js new file mode 100644 index 000000000..3135bad98 --- /dev/null +++ b/node_modules/primer-marketing-utilities/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":1808,"gzipSize":304,"humanizedSize":"2kB","humanizedGzipSize":"304B","rules":{"total":33,"size":{"graph":[2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":2,"average":1.0303030303030303}},"selectors":{"total":33,"type":0,"class":33,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".grayscale",".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0",".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0",".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0",".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":34,"unique":10,"properties":{"-webkit-filter":["grayscale(100%)"],"filter":["grayscale(100%)"],"border-top":["1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"]}},"mediaQueries":{"total":4,"unique":4,"values":["(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-marketing-utilities/docs/borders.md b/node_modules/primer-marketing-utilities/docs/borders.md new file mode 100644 index 000000000..4f50741df --- /dev/null +++ b/node_modules/primer-marketing-utilities/docs/borders.md @@ -0,0 +1,19 @@ +--- +title: Borders +status: New release +status_issue: https://github.com/github/design-systems/issues/325 +--- + +The following border utilities are meant to used in addition to those within primer-core. + +{:toc} + +## Responsive borders + +Top, right, bottom, and left border utilities are can be used responsively to add or remove borders to an element at different screensizes. + +```html +
+ .border-top-0 +
+``` diff --git a/node_modules/primer-marketing-utilities/docs/filters.md b/node_modules/primer-marketing-utilities/docs/filters.md new file mode 100644 index 000000000..8f8ce1548 --- /dev/null +++ b/node_modules/primer-marketing-utilities/docs/filters.md @@ -0,0 +1,19 @@ +--- +title: Filters +status: New release +status_issue: https://github.com/github/design-systems/issues/302 +--- + +Filter utility classes can be applied to divs or images to apply visual effects. + +
+ +## Grayscale + +Applying `.grayscale` to an element will remove all of its colors, and make it render in black and white. + +```html +" class="img-responsive grayscale" alt=""> +``` diff --git a/node_modules/primer-marketing-utilities/index.scss b/node_modules/primer-marketing-utilities/index.scss new file mode 100644 index 000000000..e605a72bc --- /dev/null +++ b/node_modules/primer-marketing-utilities/index.scss @@ -0,0 +1,4 @@ +@import "primer-support/index.scss"; +// utilities +@import "./lib/filters.scss"; +@import "./lib/borders.scss"; diff --git a/node_modules/primer-marketing-utilities/lib/borders.scss b/node_modules/primer-marketing-utilities/lib/borders.scss new file mode 100644 index 000000000..12ed39167 --- /dev/null +++ b/node_modules/primer-marketing-utilities/lib/borders.scss @@ -0,0 +1,17 @@ +// Border utilities +// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility, comment-empty-line-before + +// Responsive border utilities + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + .border-#{$breakpoint}-top { border-top: $border !important; } + .border-#{$breakpoint}-right { border-right: $border !important; } + .border-#{$breakpoint}-bottom { border-bottom: $border !important; } + .border-#{$breakpoint}-left { border-left: $border !important; } + .border-#{$breakpoint}-top-0 { border-top: 0 !important; } + .border-#{$breakpoint}-right-0 { border-right: 0 !important; } + .border-#{$breakpoint}-bottom-0 { border-bottom: 0 !important; } + .border-#{$breakpoint}-left-0 { border-left: 0 !important; } + } +} diff --git a/node_modules/primer-marketing-utilities/lib/filters.scss b/node_modules/primer-marketing-utilities/lib/filters.scss new file mode 100644 index 000000000..55cc761ce --- /dev/null +++ b/node_modules/primer-marketing-utilities/lib/filters.scss @@ -0,0 +1,4 @@ +// stylelint-disable no-unsupported-browser-features +.grayscale { + filter: grayscale(100%); +} diff --git a/node_modules/primer-marketing-utilities/package.json b/node_modules/primer-marketing-utilities/package.json new file mode 100644 index 000000000..ff59a5f01 --- /dev/null +++ b/node_modules/primer-marketing-utilities/package.json @@ -0,0 +1,143 @@ +{ + "_args": [ + [ + { + "raw": "primer-marketing-utilities@1.3.0", + "scope": null, + "escapedName": "primer-marketing-utilities", + "name": "primer-marketing-utilities", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-marketing-utilities@1.3.0", + "_id": "primer-marketing-utilities@1.3.0", + "_inCache": true, + "_location": "/primer-marketing-utilities", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-marketing-utilities-1.3.0.tgz_1502924195418_0.993646486196667" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-marketing-utilities@1.3.0", + "scope": null, + "escapedName": "primer-marketing-utilities", + "name": "primer-marketing-utilities", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-1.3.0.tgz", + "_shasum": "67773294f2bf672a9c22bfceb35fc093194a3efa", + "_shrinkwrap": null, + "_spec": "primer-marketing-utilities@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Marketing specific immutable, atomic CSS classes", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "67773294f2bf672a9c22bfceb35fc093194a3efa", + "tarball": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build", + "docs" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-marketing-utilities", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "utilities" + }, + "readme": "# Primer Marketing CSS Utilities\n\n[![npm version](http://img.shields.io/npm/v/primer-marketing-utilities.svg)](https://www.npmjs.org/package/primer-marketing-utilities)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\nThis repository is a module of the full [primer-marketing-css][primer-marketing-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-utilities` with this command.\n\n```\n$ npm install --save primer-marketing-utilities\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-marketing-utilities/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n[primer-marketing-css]: https://github.com/primer/primer-marketing\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-utilities" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-marketing/LICENSE b/node_modules/primer-marketing/LICENSE new file mode 100755 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-marketing/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-marketing/README.md b/node_modules/primer-marketing/README.md new file mode 100755 index 000000000..0a7499b3d --- /dev/null +++ b/node_modules/primer-marketing/README.md @@ -0,0 +1,48 @@ +# Primer marketing + +[![npm version](http://img.shields.io/npm/v/primer-marketing.svg)](https://www.npmjs.org/package/primer-marketing) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Primer marketing is one of 3 meta-packages that belong to the Primer CSS framework. Primer marketing contains packages that are used on GitHub marketing websites. + +This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths** + +``` +$ npm install --save primer-marketing +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-marketing/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about primer in the [docs][docs]. + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-marketing/build/build.css b/node_modules/primer-marketing/build/build.css new file mode 100644 index 000000000..8d99e7a36 --- /dev/null +++ b/node_modules/primer-marketing/build/build.css @@ -0,0 +1,6 @@ +/*! + * Primer-marketing + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */.alt-mono-font{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.alt-h0,.alt-h1,.alt-h2,.alt-h3,.alt-h4,.alt-h5,.alt-h6,.alt-lead{-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif}.alt-h0{font-size:48px;font-weight:300}@media (min-width: 768px){.alt-h0{font-size:54px}}@media (min-width: 1012px){.alt-h0{font-size:72px}}.alt-h1{font-size:36px;font-weight:300}@media (min-width: 768px){.alt-h1{font-size:48px}}@media (min-width: 1012px){.alt-h1{font-size:54px}}.alt-h2{font-size:28px;font-weight:300}@media (min-width: 768px){.alt-h2{font-size:34px}}@media (min-width: 1012px){.alt-h2{font-size:38px}}.alt-h3{font-size:18px;font-weight:400}@media (min-width: 768px){.alt-h3{font-size:20px}}@media (min-width: 1012px){.alt-h3{font-size:22px}}.alt-h4{font-size:16px;font-weight:500}.alt-h5{font-size:14px;font-weight:500}.alt-h6{font-size:12px;font-weight:500}.alt-lead{-webkit-font-smoothing:antialiased;font-size:21px;font-weight:300}@media (min-width: 768px){.alt-lead{font-size:24px}}@media (min-width: 1012px){.alt-lead{font-size:26px}}.alt-text-small{font-size:14px !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}.breadcrumb-item{display:inline-block;margin-left:-4px;white-space:nowrap;list-style:none}.breadcrumb-item::after{padding-right:0.5em;padding-left:0.5em;color:#e1e4e8;content:"/"}.breadcrumb-item-selected::after{content:none}.card{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;box-shadow:0 1px 1px rgba(27,31,35,0.1)}.jumbotron{position:relative;padding-top:40px;padding-bottom:40px}@media (min-width: 544px){.jumbotron{padding-top:60px;padding-bottom:60px}}@media (min-width: 1280px){.jumbotron{padding-top:120px;padding-bottom:120px}}@media (min-width: 1012px){.jumbotron-supertron{height:45vw;min-height:590px;max-height:55vh;padding-top:80px;padding-bottom:80px}}.jumbotron-minitron{padding-top:24px;padding-bottom:24px}@media (min-width: 544px){.jumbotron-minitron{padding-top:32px;padding-bottom:32px}}.jumbotron-shadow::after{position:absolute;bottom:0;left:0;width:100%;height:30px;content:" ";background-color:transparent;background-image:linear-gradient(transparent, rgba(0,0,0,0.05));background-repeat:repeat-x;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05)}.jumbotron-photo{position:relative;background-color:#24292e;background-size:cover}.jumbotron-photo::before{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.25)}.page-section{padding:32px 0;margin-top:0}@media (min-width: 768px){.page-section{padding:56px 0}}.page-section-jumplink:target{padding-top:112px}@media (min-width: 768px){.page-section-jumplink:target{padding-top:80px}}.data-table{width:100%;margin-top:16px;border-collapse:collapse;border:1px #e1e4e8 solid;box-shadow:0 1px 1px rgba(27,31,35,0.05)}.data-table th{font-weight:400;text-align:left}.data-table td,.data-table th{padding:16px;border-right:1px #e1e4e8 solid;border-bottom:1px #e1e4e8 solid}.data-table tbody th{width:25%}.data-table tbody th,.data-table tbody td{border-bottom-color:#e1e4e8}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:1px #e1e4e8 solid}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (min-width: 544px){.border-sm-top{border-top:1px #e1e4e8 solid !important}.border-sm-right{border-right:1px #e1e4e8 solid !important}.border-sm-bottom{border-bottom:1px #e1e4e8 solid !important}.border-sm-left{border-left:1px #e1e4e8 solid !important}.border-sm-top-0{border-top:0 !important}.border-sm-right-0{border-right:0 !important}.border-sm-bottom-0{border-bottom:0 !important}.border-sm-left-0{border-left:0 !important}}@media (min-width: 768px){.border-md-top{border-top:1px #e1e4e8 solid !important}.border-md-right{border-right:1px #e1e4e8 solid !important}.border-md-bottom{border-bottom:1px #e1e4e8 solid !important}.border-md-left{border-left:1px #e1e4e8 solid !important}.border-md-top-0{border-top:0 !important}.border-md-right-0{border-right:0 !important}.border-md-bottom-0{border-bottom:0 !important}.border-md-left-0{border-left:0 !important}}@media (min-width: 1012px){.border-lg-top{border-top:1px #e1e4e8 solid !important}.border-lg-right{border-right:1px #e1e4e8 solid !important}.border-lg-bottom{border-bottom:1px #e1e4e8 solid !important}.border-lg-left{border-left:1px #e1e4e8 solid !important}.border-lg-top-0{border-top:0 !important}.border-lg-right-0{border-right:0 !important}.border-lg-bottom-0{border-bottom:0 !important}.border-lg-left-0{border-left:0 !important}}@media (min-width: 1280px){.border-xl-top{border-top:1px #e1e4e8 solid !important}.border-xl-right{border-right:1px #e1e4e8 solid !important}.border-xl-bottom{border-bottom:1px #e1e4e8 solid !important}.border-xl-left{border-left:1px #e1e4e8 solid !important}.border-xl-top-0{border-top:0 !important}.border-xl-right-0{border-right:0 !important}.border-xl-bottom-0{border-bottom:0 !important}.border-xl-left-0{border-left:0 !important}} diff --git a/node_modules/primer-marketing/build/index.js b/node_modules/primer-marketing/build/index.js new file mode 100644 index 000000000..af24ae9f6 --- /dev/null +++ b/node_modules/primer-marketing/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":5519,"gzipSize":1422,"humanizedSize":"5kB","humanizedGzipSize":"1kB","rules":{"total":79,"size":{"graph":[1,2,2,1,1,2,1,1,2,1,1,2,1,1,2,2,2,3,1,1,1,9,5,4,4,1,4,3,2,2,5,2,2,10,3,8,2,1,1,1,5,2,3,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":10,"average":1.860759493670886}},"selectors":{"total":89,"type":8,"class":89,"id":0,"pseudoClass":4,"pseudoElement":4,"values":[".alt-mono-font",".alt-h0",".alt-h1",".alt-h2",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-h0",".alt-h0",".alt-h0",".alt-h1",".alt-h1",".alt-h1",".alt-h2",".alt-h2",".alt-h2",".alt-h3",".alt-h3",".alt-h3",".alt-h4",".alt-h5",".alt-h6",".alt-lead",".alt-lead",".alt-lead",".alt-text-small",".pullquote",".pullquote",".breadcrumb-item",".breadcrumb-item::after",".breadcrumb-item-selected::after",".card",".jumbotron",".jumbotron",".jumbotron",".jumbotron-supertron",".jumbotron-minitron",".jumbotron-minitron",".jumbotron-shadow::after",".jumbotron-photo",".jumbotron-photo::before",".page-section",".page-section",".page-section-jumplink:target",".page-section-jumplink:target",".data-table",".data-table th",".data-table td",".data-table th",".data-table tbody th",".data-table tbody th",".data-table tbody td",".data-table tbody tr:last-child th",".data-table tbody tr:last-child td",".grayscale",".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0",".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0",".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0",".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":23,"average":10.662921348314606}},"declarations":{"total":147,"unique":99,"properties":{"font-family":["\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","Roboto,-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Open Sans\",sans-serif","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-webkit-font-smoothing":["antialiased","antialiased"],"font-size":["48px","54px","72px","36px","48px","54px","28px","34px","38px","18px","20px","22px","16px","14px","12px","21px","24px","26px","14px","16px","18px"],"font-weight":["300","300","300","400","500","500","500","300","400"],"padding-top":["0","40px","60px","120px","80px","24px","32px","112px","80px"],"padding-bottom":["0","40px","60px","120px","80px","24px","32px"],"padding-left":["8px","12px","0.5em"],"margin-bottom":["24px","32px"],"line-height":["1.4","1.5"],"color":["#586069","#e1e4e8"],"border-left":["3px solid #e1e4e8","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"margin-left":["-15px","-4px"],"display":["inline-block","block"],"white-space":["nowrap"],"list-style":["none"],"padding-right":["0.5em"],"content":["\"/\"","none","\" \"","\"\""],"background-color":["#fff","transparent","#24292e","rgba(0,0,0,0.25)"],"border":["1px #e1e4e8 solid","1px #e1e4e8 solid"],"border-radius":["6px"],"box-shadow":["0 1px 1px rgba(27,31,35,0.1)","inset 0 -1px 0 rgba(0,0,0,0.05)","0 1px 1px rgba(27,31,35,0.05)"],"position":["relative","absolute","relative","absolute"],"height":["45vw","30px","100%"],"min-height":["590px"],"max-height":["55vh"],"bottom":["0","0"],"left":["0","0"],"width":["100%","100%","100%","25%"],"background-image":["linear-gradient(transparent, rgba(0,0,0,0.05))"],"background-repeat":["repeat-x"],"background-size":["cover"],"padding":["32px 0","56px 0","16px"],"margin-top":["0","16px"],"border-collapse":["collapse"],"text-align":["left"],"border-right":["1px #e1e4e8 solid","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","1px #e1e4e8 solid","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"],"border-bottom-color":["#e1e4e8"],"-webkit-filter":["grayscale(100%)"],"filter":["grayscale(100%)"],"border-top":["1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0"]}},"mediaQueries":{"total":21,"unique":4,"values":["(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 544px)","(min-width: 1280px)","(min-width: 1012px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h0"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["72px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["54px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["34px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["38px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["22px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".alt-lead"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["26px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".pullquote"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"padding-left":["12px"],"margin-bottom":["32px"],"margin-left":["-15px"],"font-size":["18px"],"line-height":["1.5"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["60px"],"padding-bottom":["60px"]}}},{"value":"(min-width: 1280px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["120px"],"padding-bottom":["120px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-supertron"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"height":["45vw"],"min-height":["590px"],"max-height":["55vh"],"padding-top":["80px"],"padding-bottom":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-minitron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["32px"],"padding-bottom":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".page-section"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["56px 0"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".page-section-jumplink:target"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"properties":{"padding-top":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-sm-top",".border-sm-right",".border-sm-bottom",".border-sm-left",".border-sm-top-0",".border-sm-right-0",".border-sm-bottom-0",".border-sm-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-md-top",".border-md-right",".border-md-bottom",".border-md-left",".border-md-top-0",".border-md-right-0",".border-md-bottom-0",".border-md-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-lg-top",".border-lg-right",".border-lg-bottom",".border-lg-left",".border-lg-top-0",".border-lg-right-0",".border-lg-bottom-0",".border-lg-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".border-xl-top",".border-xl-right",".border-xl-bottom",".border-xl-left",".border-xl-top-0",".border-xl-right-0",".border-xl-bottom-0",".border-xl-left-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":8,"unique":8,"properties":{"border-top":["1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-marketing/index.scss b/node_modules/primer-marketing/index.scss new file mode 100755 index 000000000..e21141496 --- /dev/null +++ b/node_modules/primer-marketing/index.scss @@ -0,0 +1,24 @@ +/*! + * Primer-marketing + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */ + +// Primer master file +// +// Imports all Primer files in their intended order for easy mass-inclusion. +// Should you need specific files, you can easily use separate `@import`s. + +// Global requirements +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; + +// marketing specific css modules +@import "primer-marketing-type/index.scss"; +@import "primer-breadcrumb/index.scss"; +@import "primer-cards/index.scss"; +@import "primer-page-headers/index.scss"; +@import "primer-page-sections/index.scss"; +@import "primer-tables/index.scss"; +@import "primer-marketing-utilities/index.scss"; diff --git a/node_modules/primer-marketing/package.json b/node_modules/primer-marketing/package.json new file mode 100644 index 000000000..d24de671e --- /dev/null +++ b/node_modules/primer-marketing/package.json @@ -0,0 +1,139 @@ +{ + "_args": [ + [ + { + "raw": "primer-marketing@5.3.0", + "scope": null, + "escapedName": "primer-marketing", + "name": "primer-marketing", + "rawSpec": "5.3.0", + "spec": "5.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-marketing@5.3.0", + "_id": "primer-marketing@5.3.0", + "_inCache": true, + "_location": "/primer-marketing", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-marketing-5.3.0.tgz_1502924209355_0.18450773553922772" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-marketing@5.3.0", + "scope": null, + "escapedName": "primer-marketing", + "name": "primer-marketing", + "rawSpec": "5.3.0", + "spec": "5.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-5.3.0.tgz", + "_shasum": "6751d6017fabbc14b6c7c816e8907a65b4a47264", + "_shrinkwrap": null, + "_spec": "primer-marketing@5.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-breadcrumb": "1.3.0", + "primer-cards": "0.4.0", + "primer-marketing-support": "1.3.0", + "primer-marketing-type": "1.3.0", + "primer-marketing-utilities": "1.3.0", + "primer-page-headers": "1.3.0", + "primer-page-sections": "1.3.0", + "primer-support": "4.3.0", + "primer-tables": "1.3.0" + }, + "description": "Primer CSS marketing packages", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "6751d6017fabbc14b6c7c816e8907a65b4a47264", + "tarball": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-5.3.0.tgz" + }, + "files": [ + "index.scss", + "build" + ], + "homepage": "http://primercss.io/", + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-marketing", + "optionalDependencies": {}, + "primer": { + "category": "marketing" + }, + "readme": "# Primer marketing\n\n[![npm version](http://img.shields.io/npm/v/primer-marketing.svg)](https://www.npmjs.org/package/primer-marketing)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Primer marketing is one of 3 meta-packages that belong to the Primer CSS framework. Primer marketing contains packages that are used on GitHub marketing websites.\n\nThis repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**\n\n```\n$ npm install --save primer-marketing\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-marketing/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about primer in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing" + }, + "scripts": { + "build": "primer-module-build index.scss", + "prepare": "npm run build", + "test": "npm run build" + }, + "style": "build/build.css", + "version": "5.3.0" +} diff --git a/node_modules/primer-navigation/LICENSE b/node_modules/primer-navigation/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-navigation/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-navigation/README.md b/node_modules/primer-navigation/README.md new file mode 100644 index 000000000..6f951d310 --- /dev/null +++ b/node_modules/primer-navigation/README.md @@ -0,0 +1,257 @@ +# Primer CSS Navigation + +[![npm version](http://img.shields.io/npm/v/primer-navigation.svg)](https://www.npmjs.org/package/primer-navigation) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Primer comes with several navigation components. Some were designed with singular purposes, while others were design to be more flexible and appear quite frequently. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-navigation` with this command. + +``` +$ npm install --save primer-navigation +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-navigation/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Primer comes with several navigation components. Some were designed with singular purposes, while others were design to be more flexible and appear quite frequently. + +{:toc} + +## Menu + +The menu is a vertical list of navigational links. **A menu's width and placement must be set by you.** If you like, just use our grid columns as a parent. Otherwise, apply a custom `width`. + +```html + +``` + +There are a few subcomponents and add-ons that work well with the menu, including avatars, counters, and Octicons. + +```html + +``` + +You can also add optional headings to a menu. Feel free to use nearly any semantic element with the `.menu-heading` class, including inline elements, headings, and more. + +```html + +``` + + +## Tabnav + +When you need to toggle between different views, consider using a tabnav. It'll given you a left-aligned horizontal row of... tabs! + +```html +
+ +
+``` + +Use `.float-right` to align additional elements in the `.tabnav`: + +```html +
+ Button + +
+``` + +Additional bits of text and links can be styled for optimal placement with `.tabnav-extra`: + +```html +
+
+ Tabnav widget text here. +
+ +
+``` + +```html + +``` + +## Filter list + +A vertical list of filters. Grey text on white background. Selecting a filter from the list will fill its background with blue and make the text white. + +```html + +``` + +## Sub navigation + +`.subnav` is navigation that is typically used when on a dashboard type interface with another set of navigation above it. This helps distinguish navigation hierarchy. + +```html + +``` + +You can have `subnav-search` in the subnav bar. + +```html + +``` + + +You can also use a `subnav-search-context` to display search help in a select menu. + +```html + +``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-navigation/build/build.css b/node_modules/primer-navigation/build/build.css new file mode 100644 index 000000000..4b93959ba --- /dev/null +++ b/node_modules/primer-navigation/build/build.css @@ -0,0 +1 @@ +.menu{margin-bottom:15px;list-style:none;background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.menu-item{position:relative;display:block;padding:8px 10px;border-bottom:1px solid #e1e4e8}.menu-item:first-child{border-top:0;border-top-left-radius:2px;border-top-right-radius:2px}.menu-item:first-child::before{border-top-left-radius:2px}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.menu-item:last-child::before{border-bottom-left-radius:2px}.menu-item:hover{text-decoration:none;background-color:#f6f8fa}.menu-item.selected{font-weight:600;color:#24292e;cursor:default;background-color:#fff}.menu-item.selected::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:#e36209}.menu-item .octicon{width:16px;margin-right:5px;color:#24292e;text-align:center}.menu-item .Counter{float:right;margin-left:5px}.menu-item .menu-warning{float:right;color:#86181d}.menu-item .avatar{float:left;margin-right:5px}.menu-item.alert .Counter{color:#cb2431}.menu-heading{display:block;padding:8px 10px;margin-top:0;margin-bottom:0;font-size:13px;font-weight:600;line-height:20px;color:#586069;background-color:#f3f5f8;border-bottom:1px solid #e1e4e8}.menu-heading:hover{text-decoration:none}.menu-heading:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.menu-heading:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.tabnav{margin-top:0;margin-bottom:15px;border-bottom:1px solid #d1d5da}.tabnav .Counter{margin-left:5px}.tabnav-tabs{margin-bottom:-1px}.tabnav-tab{display:inline-block;padding:8px 12px;font-size:14px;line-height:20px;color:#586069;text-decoration:none;background-color:transparent;border:1px solid transparent;border-bottom:0}.tabnav-tab.selected{color:#24292e;background-color:#fff;border-color:#d1d5da;border-radius:3px 3px 0 0}.tabnav-tab:hover,.tabnav-tab:focus{color:#24292e;text-decoration:none}.tabnav-extra{display:inline-block;padding-top:10px;margin-left:10px;font-size:12px;color:#586069}.tabnav-extra>.octicon{margin-right:2px}a.tabnav-extra:hover{color:#0366d6;text-decoration:none}.tabnav-btn{margin-left:10px}.filter-list{list-style-type:none}.filter-list.small .filter-item{padding:4px 10px;margin:0 0 2px;font-size:12px}.filter-list.pjax-active .filter-item{color:#586069;background-color:transparent}.filter-list.pjax-active .filter-item.pjax-active{color:#fff;background-color:#0366d6}.filter-item{position:relative;display:block;padding:8px 10px;margin-bottom:5px;overflow:hidden;font-size:14px;color:#586069;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:3px}.filter-item:hover{text-decoration:none;background-color:#eaecef}.filter-item.selected{color:#fff;background-color:#0366d6}.filter-item .count{float:right;font-weight:600}.filter-item .bar{position:absolute;top:2px;right:0;bottom:2px;z-index:-1;display:inline-block;background-color:#eff3f6}.subnav{margin-bottom:20px}.subnav::before{display:table;content:""}.subnav::after{display:table;clear:both;content:""}.subnav-bordered{padding-bottom:20px;border-bottom:1px solid #eaecef}.subnav-flush{margin-bottom:0}.subnav-item{position:relative;float:left;padding:6px 14px;font-weight:600;line-height:20px;color:#586069;border:1px solid #e1e4e8}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item:hover,.subnav-item:focus{text-decoration:none;background-color:#f6f8fa}.subnav-item.selected,.subnav-item.selected:hover,.subnav-item.selected:focus{z-index:2;color:#fff;background-color:#0366d6;border-color:#0366d6}.subnav-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.subnav-item:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.subnav-search{position:relative;margin-left:10px}.subnav-search-input{width:320px;padding-left:30px;color:#586069}.subnav-search-input-wide{width:500px}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:#c6cbd1;text-align:center;pointer-events:none}.subnav-search-context .btn{color:#444d56;border-top-right-radius:0;border-bottom-right-radius:0}.subnav-search-context .btn:hover,.subnav-search-context .btn:focus,.subnav-search-context .btn:active,.subnav-search-context .btn.selected{z-index:2}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-search-context+.subnav-search .subnav-search-input{border-top-left-radius:0;border-bottom-left-radius:0}.subnav-search-context .select-menu-modal-holder{z-index:30}.subnav-search-context .select-menu-modal{width:220px}.subnav-search-context .select-menu-item-icon{color:inherit}.subnav-spacer-right{padding-right:10px} diff --git a/node_modules/primer-navigation/build/index.js b/node_modules/primer-navigation/build/index.js new file mode 100644 index 000000000..5448832c0 --- /dev/null +++ b/node_modules/primer-navigation/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":4660,"gzipSize":1179,"humanizedSize":"5kB","humanizedGzipSize":"1kB","rules":{"total":60,"size":{"graph":[5,4,3,1,3,1,2,4,7,4,2,2,2,1,10,1,2,3,3,1,1,9,4,2,5,1,2,1,1,3,2,2,12,2,2,2,7,1,2,3,2,1,7,1,2,4,2,2,2,3,1,7,3,1,1,2,1,1,1,1],"max":12,"average":2.8333333333333335}},"selectors":{"total":67,"type":1,"class":67,"id":0,"pseudoClass":21,"pseudoElement":5,"values":[".menu",".menu-item",".menu-item:first-child",".menu-item:first-child::before",".menu-item:last-child",".menu-item:last-child::before",".menu-item:hover",".menu-item.selected",".menu-item.selected::before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child",".tabnav",".tabnav .Counter",".tabnav-tabs",".tabnav-tab",".tabnav-tab.selected",".tabnav-tab:hover",".tabnav-tab:focus",".tabnav-extra",".tabnav-extra>.octicon","a.tabnav-extra:hover",".tabnav-btn",".filter-list",".filter-list.small .filter-item",".filter-list.pjax-active .filter-item",".filter-list.pjax-active .filter-item.pjax-active",".filter-item",".filter-item:hover",".filter-item.selected",".filter-item .count",".filter-item .bar",".subnav",".subnav::before",".subnav::after",".subnav-bordered",".subnav-flush",".subnav-item",".subnav-item+.subnav-item",".subnav-item:hover",".subnav-item:focus",".subnav-item.selected",".subnav-item.selected:hover",".subnav-item.selected:focus",".subnav-item:first-child",".subnav-item:last-child",".subnav-search",".subnav-search-input",".subnav-search-input-wide",".subnav-search-icon",".subnav-search-context .btn",".subnav-search-context .btn:hover",".subnav-search-context .btn:focus",".subnav-search-context .btn:active",".subnav-search-context .btn.selected",".subnav-search-context+.subnav-search",".subnav-search-context+.subnav-search .subnav-search-input",".subnav-search-context .select-menu-modal-holder",".subnav-search-context .select-menu-modal",".subnav-search-context .select-menu-item-icon",".subnav-spacer-right"],"specificity":{"max":40,"average":18.746268656716417}},"declarations":{"total":170,"unique":101,"properties":{"margin-bottom":["15px","0","15px","-1px","5px","20px","0"],"list-style":["none"],"background-color":["#fff","#f6f8fa","#fff","#e36209","#f3f5f8","transparent","#fff","transparent","#0366d6","#eaecef","#0366d6","#eff3f6","#f6f8fa","#0366d6"],"border":["1px solid #d1d5da","1px solid transparent","1px solid #e1e4e8"],"border-radius":["3px","3px 3px 0 0","3px"],"position":["relative","absolute","relative","absolute","relative","relative","absolute"],"display":["block","block","inline-block","inline-block","block","inline-block","table","table","block"],"padding":["8px 10px","8px 10px","8px 12px","4px 10px","8px 10px","6px 14px"],"border-bottom":["1px solid #e1e4e8","0","1px solid #e1e4e8","0","1px solid #d1d5da","0","1px solid #eaecef"],"border-top":["0"],"border-top-left-radius":["2px","2px","2px","3px","0"],"border-top-right-radius":["2px","2px","3px","0"],"border-bottom-right-radius":["2px","2px","3px","0"],"border-bottom-left-radius":["2px","2px","2px","3px","0"],"text-decoration":["none","none","none","none","none","none","none","none"],"font-weight":["600","600","600","600"],"color":["#24292e","#24292e","#86181d","#cb2431","#586069","#586069","#24292e","#24292e","#586069","#0366d6","#586069","#fff","#586069","#fff","#586069","#fff","#586069","#c6cbd1","#444d56","inherit"],"cursor":["default","pointer"],"top":["0","2px","9px"],"bottom":["0","2px"],"left":["0","8px"],"width":["2px","16px","320px","500px","220px"],"content":["\"\"","\"\"","\"\""],"margin-right":["5px","5px","2px"],"text-align":["center","center"],"float":["right","right","left","right","left"],"margin-left":["5px","5px","10px","10px","-1px","10px","-1px"],"margin-top":["0","0"],"font-size":["13px","14px","12px","12px","14px"],"line-height":["20px","20px","20px"],"border-color":["#d1d5da","#0366d6"],"padding-top":["10px"],"list-style-type":["none"],"margin":["0 0 2px"],"overflow":["hidden"],"text-overflow":["ellipsis"],"white-space":["nowrap"],"right":["0"],"z-index":["-1","2","2","30"],"clear":["both"],"padding-bottom":["20px"],"padding-left":["30px"],"pointer-events":["none"],"padding-right":["10px"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-navigation/index.scss b/node_modules/primer-navigation/index.scss new file mode 100644 index 000000000..7f9db6193 --- /dev/null +++ b/node_modules/primer-navigation/index.scss @@ -0,0 +1,6 @@ +@import "primer-support/index.scss"; +// Navigation +@import "./lib/menu.scss"; +@import "./lib/tabnav.scss"; +@import "./lib/filter-list.scss"; +@import "./lib/subnav.scss"; diff --git a/node_modules/primer-navigation/lib/filter-list.scss b/node_modules/primer-navigation/lib/filter-list.scss new file mode 100644 index 000000000..c469ec0d8 --- /dev/null +++ b/node_modules/primer-navigation/lib/filter-list.scss @@ -0,0 +1,62 @@ +// Filters list +// +// A vertical list of filters. +.filter-list { + list-style-type: none; + + &.small .filter-item { + padding: $spacer-1 10px; + margin: 0 0 2px; + font-size: $font-size-small; + } + + &.pjax-active .filter-item { + color: $text-gray; + background-color: transparent; + + &.pjax-active { + color: $text-white; + background-color: $bg-blue; + } + } +} + +.filter-item { + position: relative; + display: block; + padding: $spacer-2 10px; + margin-bottom: 5px; + overflow: hidden; + font-size: $h5-size; + color: $text-gray; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + border-radius: 3px; + + &:hover { + text-decoration: none; + background-color: lighten($gray-200, 3%); + } + + &.selected { + color: $text-white; + background-color: $bg-blue; + } + + .count { + float: right; + font-weight: $font-weight-bold; + } + + .bar { + position: absolute; + top: 2px; + right: 0; + bottom: 2px; + z-index: -1; + display: inline-block; + background-color: darken($gray-100, 2%); + } +} diff --git a/node_modules/primer-navigation/lib/menu.scss b/node_modules/primer-navigation/lib/menu.scss new file mode 100644 index 000000000..fd1bb4be3 --- /dev/null +++ b/node_modules/primer-navigation/lib/menu.scss @@ -0,0 +1,112 @@ +// Side menu +// +// A menu on the side of a page, defaults to left side. e.g. github.com/about + +.menu { + margin-bottom: 15px; + list-style: none; + background-color: $bg-white; + border: 1px solid $gray-300; + border-radius: 3px; +} + +.menu-item { + position: relative; + display: block; + padding: $spacer-2 10px; + border-bottom: 1px solid $gray-200; + + &:first-child { + border-top: 0; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + &::before { border-top-left-radius: 2px; } + } + + &:last-child { + border-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + + &::before { border-bottom-left-radius: 2px; } + } + + &:hover { + text-decoration: none; + background-color: $gray-100; + } + + &.selected { + font-weight: $font-weight-bold; + color: $text-gray-dark; + cursor: default; + background-color: $bg-white; + + &::before { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 2px; + content: ""; + background-color: $orange-600; + } + } + + .octicon { + width: 16px; + margin-right: 5px; + color: $text-gray-dark; + text-align: center; + } + + .Counter { + float: right; + margin-left: 5px; + } + + .menu-warning { + float: right; + color: $red-900; + } + + .avatar { + float: left; + margin-right: 5px; + } + + &.alert { + .Counter { + color: $text-red; + } + } +} + +.menu-heading { + display: block; + padding: $spacer-2 10px; + margin-top: 0; + margin-bottom: 0; + font-size: 13px; + font-weight: $font-weight-bold; + line-height: 20px; + color: $gray-600; + background-color: darken($gray-100, 1%); + border-bottom: 1px solid $gray-200; + + &:hover { + text-decoration: none; + } + + &:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + + &:last-child { + border-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } +} diff --git a/node_modules/primer-navigation/lib/subnav.scss b/node_modules/primer-navigation/lib/subnav.scss new file mode 100644 index 000000000..bf5258814 --- /dev/null +++ b/node_modules/primer-navigation/lib/subnav.scss @@ -0,0 +1,120 @@ +// Needs refactoring +// Sub nav +.subnav { + margin-bottom: 20px; + + @include clearfix(); +} + +.subnav-bordered { + padding-bottom: 20px; + border-bottom: 1px solid lighten($gray-200, 3%); +} + +.subnav-flush { + margin-bottom: 0; +} + +.subnav-item { + position: relative; + float: left; + padding: 6px 14px; + font-weight: $font-weight-bold; + line-height: 20px; + color: $gray-600; + border: 1px solid $gray-200; + + + .subnav-item { + margin-left: -1px; + } + + &:hover, + &:focus { + text-decoration: none; + background-color: $gray-100; + } + + &.selected, + &.selected:hover, + &.selected:focus { + z-index: 2; + color: $text-white; + background-color: $bg-blue; + border-color: $blue; + } + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +} + +.subnav-search { + position: relative; + margin-left: 10px; +} + +.subnav-search-input { + width: 320px; + padding-left: 30px; + color: $text-gray; +} + +.subnav-search-input-wide { + width: 500px; +} + +.subnav-search-icon { + position: absolute; + top: 9px; + left: 8px; + display: block; + color: darken($gray-300, 4%); + text-align: center; + pointer-events: none; +} + +.subnav-search-context { + .btn { + color: $gray-700; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:hover, + &:focus, + &:active, + &.selected { + z-index: 2; + } + } + + + .subnav-search { + margin-left: -1px; + + .subnav-search-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + + .select-menu-modal-holder { + z-index: 30; + } + + .select-menu-modal { + width: 220px; + } + + .select-menu-item-icon { + color: inherit; + } +} + +.subnav-spacer-right { + padding-right: 10px; +} diff --git a/node_modules/primer-navigation/lib/tabnav.scss b/node_modules/primer-navigation/lib/tabnav.scss new file mode 100644 index 000000000..0fa8c0d5f --- /dev/null +++ b/node_modules/primer-navigation/lib/tabnav.scss @@ -0,0 +1,74 @@ +// Outer wrapper +// stylelint-disable selector-max-type +.tabnav { + margin-top: 0; + margin-bottom: 15px; + border-bottom: 1px solid $gray-300; + + .Counter { + margin-left: 5px; + } +} + +.tabnav-tabs { + margin-bottom: -1px; +} + +.tabnav-tab { + display: inline-block; + padding: $spacer-2 12px; + font-size: $h5-size; + line-height: 20px; + color: $gray-600; + text-decoration: none; + background-color: transparent; + border: 1px solid transparent; + border-bottom: 0; + + &.selected { + color: $text-gray-dark; + background-color: $bg-white; + border-color: $gray-300; + border-radius: 3px 3px 0 0; + } + + &:hover, + &:focus { + color: $text-gray-dark; + text-decoration: none; + } +} + +// Tabnav extras +// +// Tabnav extras are non-tab elements that sit in the tabnav. Usually they're +// inline text or links. + +.tabnav-extra { + display: inline-block; + padding-top: 10px; + margin-left: 10px; + font-size: $font-size-small; + color: $gray-600; + + > .octicon { + margin-right: 2px; + } +} + +// When tabnav-extra are anchors +// stylelint-disable selector-no-qualifying-type +a.tabnav-extra:hover { + color: $text-blue; + text-decoration: none; +} +// stylelint-enable selector-no-qualifying-type + +// Tabnav buttons +// +// For when there are multiple buttons, space them out appropriately. Requires +// the buttons to be floated or inline-block. + +.tabnav-btn { + margin-left: 10px; +} diff --git a/node_modules/primer-navigation/package.json b/node_modules/primer-navigation/package.json new file mode 100644 index 000000000..167f6b7be --- /dev/null +++ b/node_modules/primer-navigation/package.json @@ -0,0 +1,143 @@ +{ + "_args": [ + [ + { + "raw": "primer-navigation@1.3.0", + "scope": null, + "escapedName": "primer-navigation", + "name": "primer-navigation", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-navigation@1.3.0", + "_id": "primer-navigation@1.3.0", + "_inCache": true, + "_location": "/primer-navigation", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-navigation-1.3.0.tgz_1502924195740_0.8735478166490793" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-navigation@1.3.0", + "scope": null, + "escapedName": "primer-navigation", + "name": "primer-navigation", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.3.0.tgz", + "_shasum": "4d61ac5ff0e5ebbe3984730febaf592e5e4aa54c", + "_shrinkwrap": null, + "_spec": "primer-navigation@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Singular purpose and flexible navigation elements.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "4d61ac5ff0e5ebbe3984730febaf592e5e4aa54c", + "tarball": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "nav", + "navigation" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-navigation", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "components" + }, + "readme": "# Primer CSS Navigation\n\n[![npm version](http://img.shields.io/npm/v/primer-navigation.svg)](https://www.npmjs.org/package/primer-navigation)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Primer comes with several navigation components. Some were designed with singular purposes, while others were design to be more flexible and appear quite frequently.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-navigation` with this command.\n\n```\n$ npm install --save primer-navigation\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-navigation/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nPrimer comes with several navigation components. Some were designed with singular purposes, while others were design to be more flexible and appear quite frequently.\n\n{:toc}\n\n## Menu\n\nThe menu is a vertical list of navigational links. **A menu's width and placement must be set by you.** If you like, just use our grid columns as a parent. Otherwise, apply a custom `width`.\n\n```html\n\n```\n\nThere are a few subcomponents and add-ons that work well with the menu, including avatars, counters, and Octicons.\n\n```html\n\n```\n\nYou can also add optional headings to a menu. Feel free to use nearly any semantic element with the `.menu-heading` class, including inline elements, headings, and more.\n\n```html\n\n```\n\n\n## Tabnav\n\nWhen you need to toggle between different views, consider using a tabnav. It'll given you a left-aligned horizontal row of... tabs!\n\n```html\n
\n \n
\n```\n\nUse `.float-right` to align additional elements in the `.tabnav`:\n\n```html\n
\n Button\n \n
\n```\n\nAdditional bits of text and links can be styled for optimal placement with `.tabnav-extra`:\n\n```html\n
\n
\n Tabnav widget text here.\n
\n \n
\n```\n\n```html\n\n```\n\n## Filter list\n\nA vertical list of filters. Grey text on white background. Selecting a filter from the list will fill its background with blue and make the text white.\n\n```html\n\n```\n\n## Sub navigation\n\n`.subnav` is navigation that is typically used when on a dashboard type interface with another set of navigation above it. This helps distinguish navigation hierarchy.\n\n```html\n\n```\n\nYou can have `subnav-search` in the subnav bar.\n\n```html\n
\n \n \n
\n```\n\n\nYou can also use a `subnav-search-context` to display search help in a select menu.\n\n```html\n
\n \n \n \n
\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-navigation" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-page-headers/LICENSE b/node_modules/primer-page-headers/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-page-headers/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-page-headers/README.md b/node_modules/primer-page-headers/README.md new file mode 100644 index 000000000..89d24bd8a --- /dev/null +++ b/node_modules/primer-page-headers/README.md @@ -0,0 +1,58 @@ +# Primer Marketing CSS Page Headers + +[![npm version](http://img.shields.io/npm/v/primer-page-headers.svg)](https://www.npmjs.org/package/primer-page-headers) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Jumbotrons, heroes, and featured content sections for marketing websites at GitHub. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Documentation & refactor coming very soon + + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-headers` with this command. + +``` +$ npm install --save primer-page-headers +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-page-headers/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` + +``` +$ npm run build +``` + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-page-headers/build/build.css b/node_modules/primer-page-headers/build/build.css new file mode 100644 index 000000000..2b32c102b --- /dev/null +++ b/node_modules/primer-page-headers/build/build.css @@ -0,0 +1 @@ +.jumbotron{position:relative;padding-top:40px;padding-bottom:40px}@media (min-width: 544px){.jumbotron{padding-top:60px;padding-bottom:60px}}@media (min-width: 1280px){.jumbotron{padding-top:120px;padding-bottom:120px}}@media (min-width: 1012px){.jumbotron-supertron{height:45vw;min-height:590px;max-height:55vh;padding-top:80px;padding-bottom:80px}}.jumbotron-minitron{padding-top:24px;padding-bottom:24px}@media (min-width: 544px){.jumbotron-minitron{padding-top:32px;padding-bottom:32px}}.jumbotron-shadow::after{position:absolute;bottom:0;left:0;width:100%;height:30px;content:" ";background-color:transparent;background-image:linear-gradient(transparent, rgba(0,0,0,0.05));background-repeat:repeat-x;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05)}.jumbotron-photo{position:relative;background-color:#24292e;background-size:cover}.jumbotron-photo::before{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.25)} diff --git a/node_modules/primer-page-headers/build/index.js b/node_modules/primer-page-headers/build/index.js new file mode 100644 index 000000000..6e3c68eb6 --- /dev/null +++ b/node_modules/primer-page-headers/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":972,"gzipSize":380,"humanizedSize":"972B","humanizedGzipSize":"380B","rules":{"total":9,"size":{"graph":[3,2,2,5,2,2,10,3,8],"max":10,"average":4.111111111111111}},"selectors":{"total":9,"type":0,"class":9,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".jumbotron",".jumbotron",".jumbotron",".jumbotron-supertron",".jumbotron-minitron",".jumbotron-minitron",".jumbotron-shadow::after",".jumbotron-photo",".jumbotron-photo::before"],"specificity":{"max":11,"average":10.222222222222221}},"declarations":{"total":37,"unique":32,"properties":{"position":["relative","absolute","relative","absolute"],"padding-top":["40px","60px","120px","80px","24px","32px"],"padding-bottom":["40px","60px","120px","80px","24px","32px"],"height":["45vw","30px","100%"],"min-height":["590px"],"max-height":["55vh"],"bottom":["0","0"],"left":["0","0"],"width":["100%","100%"],"content":["\" \"","\"\""],"background-color":["transparent","#24292e","rgba(0,0,0,0.25)"],"background-image":["linear-gradient(transparent, rgba(0,0,0,0.05))"],"background-repeat":["repeat-x"],"box-shadow":["inset 0 -1px 0 rgba(0,0,0,0.05)"],"background-size":["cover"],"display":["block"]}},"mediaQueries":{"total":4,"unique":3,"values":["(min-width: 544px)","(min-width: 1280px)","(min-width: 1012px)","(min-width: 544px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["60px"],"padding-bottom":["60px"]}}},{"value":"(min-width: 1280px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["120px"],"padding-bottom":["120px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-supertron"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"height":["45vw"],"min-height":["590px"],"max-height":["55vh"],"padding-top":["80px"],"padding-bottom":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-minitron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["32px"],"padding-bottom":["32px"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-page-headers/index.scss b/node_modules/primer-page-headers/index.scss new file mode 100644 index 000000000..f833d588a --- /dev/null +++ b/node_modules/primer-page-headers/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/headers.scss"; diff --git a/node_modules/primer-page-headers/lib/headers.scss b/node_modules/primer-page-headers/lib/headers.scss new file mode 100644 index 000000000..607569b0e --- /dev/null +++ b/node_modules/primer-page-headers/lib/headers.scss @@ -0,0 +1,68 @@ +.jumbotron { + position: relative; + padding-top: $spacer-6; + padding-bottom: $spacer-6; + + @include breakpoint(sm) { + padding-top: $spacer-6 * 1.5; + padding-bottom: $spacer-6 * 1.5; + } + + @include breakpoint(xl) { + padding-top: $spacer-6 * 3; + padding-bottom: $spacer-6 * 3; + } +} + +.jumbotron-supertron { + @include breakpoint(lg) { + height: 45vw; + min-height: 590px; + max-height: 55vh; + padding-top: $spacer-6 + $spacer-6; + padding-bottom: $spacer-6 + $spacer-6; + } +} + +.jumbotron-minitron { + padding-top: $spacer-4; + padding-bottom: $spacer-4; + + @include breakpoint(sm) { + padding-top: $spacer-5; + padding-bottom: $spacer-5; + } +} + +.jumbotron-shadow { + // Shadow + &::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 30px; + content: " "; + background-color: transparent; + background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); + background-repeat: repeat-x; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); + } +} + +.jumbotron-photo { + position: relative; + background-color: $gray-dark; + background-size: cover; + + &::before { + position: absolute; + bottom: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + content: ""; + background-color: rgba(0, 0, 0, 0.25); + } +} diff --git a/node_modules/primer-page-headers/package.json b/node_modules/primer-page-headers/package.json new file mode 100644 index 000000000..cf19e7c44 --- /dev/null +++ b/node_modules/primer-page-headers/package.json @@ -0,0 +1,146 @@ +{ + "_args": [ + [ + { + "raw": "primer-page-headers@1.3.0", + "scope": null, + "escapedName": "primer-page-headers", + "name": "primer-page-headers", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-page-headers@1.3.0", + "_id": "primer-page-headers@1.3.0", + "_inCache": true, + "_location": "/primer-page-headers", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-page-headers-1.3.0.tgz_1502924195699_0.7835754933767021" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-page-headers@1.3.0", + "scope": null, + "escapedName": "primer-page-headers", + "name": "primer-page-headers", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-page-headers/-/primer-page-headers-1.3.0.tgz", + "_shasum": "01bd262fc93035f808c8c1e63a7f3d5abaaf5ecf", + "_shrinkwrap": null, + "_spec": "primer-page-headers@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "01bd262fc93035f808c8c1e63a7f3d5abaaf5ecf", + "tarball": "https://registry.npmjs.org/primer-page-headers/-/primer-page-headers-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "css", + "flash", + "github", + "hero", + "jumbotron", + "primer", + "primercss", + "style" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-page-headers", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "components" + }, + "readme": "# Primer Marketing CSS Page Headers\n\n[![npm version](http://img.shields.io/npm/v/primer-page-headers.svg)](https://www.npmjs.org/package/primer-page-headers)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nDocumentation & refactor coming very soon\n\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-headers` with this command.\n\n```\n$ npm install --save primer-page-headers\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-page-headers/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`\n\n```\n$ npm run build\n```\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-page-headers" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "build/build.css", + "version": "1.3.0" +} diff --git a/node_modules/primer-page-sections/LICENSE b/node_modules/primer-page-sections/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-page-sections/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-page-sections/README.md b/node_modules/primer-page-sections/README.md new file mode 100644 index 000000000..7d7fcee5e --- /dev/null +++ b/node_modules/primer-page-sections/README.md @@ -0,0 +1,57 @@ +# Primer CSS Page Sections + +[![npm version](http://img.shields.io/npm/v/primer-page-sections.svg)](https://www.npmjs.org/package/primer-page-sections) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Documentation & refactor coming very soon + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-sections` with this command. + +``` +$ npm install --save primer-page-sections +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-page-sections/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` + +``` +$ npm run build +``` + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-page-sections/build/build.css b/node_modules/primer-page-sections/build/build.css new file mode 100644 index 000000000..25413b8a3 --- /dev/null +++ b/node_modules/primer-page-sections/build/build.css @@ -0,0 +1 @@ +.page-section{padding:32px 0;margin-top:0}@media (min-width: 768px){.page-section{padding:56px 0}}.page-section-jumplink:target{padding-top:112px}@media (min-width: 768px){.page-section-jumplink:target{padding-top:80px}} diff --git a/node_modules/primer-page-sections/build/index.js b/node_modules/primer-page-sections/build/index.js new file mode 100644 index 000000000..c7aee9909 --- /dev/null +++ b/node_modules/primer-page-sections/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":221,"gzipSize":132,"humanizedSize":"221B","humanizedGzipSize":"132B","rules":{"total":4,"size":{"graph":[2,1,1,1],"max":2,"average":1.25}},"selectors":{"total":4,"type":0,"class":4,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".page-section",".page-section",".page-section-jumplink:target",".page-section-jumplink:target"],"specificity":{"max":20,"average":15}},"declarations":{"total":5,"unique":5,"properties":{"padding":["32px 0","56px 0"],"margin-top":["0"],"padding-top":["112px","80px"]}},"mediaQueries":{"total":2,"unique":1,"values":["(min-width: 768px)","(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".page-section"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["56px 0"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".page-section-jumplink:target"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"properties":{"padding-top":["80px"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-page-sections/index.scss b/node_modules/primer-page-sections/index.scss new file mode 100644 index 000000000..78b9de46f --- /dev/null +++ b/node_modules/primer-page-sections/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/page-section.scss"; diff --git a/node_modules/primer-page-sections/lib/page-section.scss b/node_modules/primer-page-sections/lib/page-section.scss new file mode 100644 index 000000000..1908d7dd9 --- /dev/null +++ b/node_modules/primer-page-sections/lib/page-section.scss @@ -0,0 +1,18 @@ +// Styles for page sections +.page-section { + padding: $spacer-5 0; + margin-top: 0; + + @include breakpoint(md) { + padding: $spacer-6 + $spacer-3 0; + } +} + +// Adds a little extra headroom for sections linked to via in-page anchor links +.page-section-jumplink:target { + padding-top: ($spacer-6 * 2) + $spacer-5; + + @include breakpoint(md) { + padding-top: $spacer-6 * 2; + } +} diff --git a/node_modules/primer-page-sections/package.json b/node_modules/primer-page-sections/package.json new file mode 100644 index 000000000..fb870b8b3 --- /dev/null +++ b/node_modules/primer-page-sections/package.json @@ -0,0 +1,145 @@ +{ + "_args": [ + [ + { + "raw": "primer-page-sections@1.3.0", + "scope": null, + "escapedName": "primer-page-sections", + "name": "primer-page-sections", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-page-sections@1.3.0", + "_id": "primer-page-sections@1.3.0", + "_inCache": true, + "_location": "/primer-page-sections", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-page-sections-1.3.0.tgz_1502924199340_0.9254544477444142" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-page-sections@1.3.0", + "scope": null, + "escapedName": "primer-page-sections", + "name": "primer-page-sections", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-page-sections/-/primer-page-sections-1.3.0.tgz", + "_shasum": "d30eba0e00b5c471bef29199b4a216e330b24adc", + "_shrinkwrap": null, + "_spec": "primer-page-sections@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Styles to create distinct sections of marketing pages at GitHub.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "d30eba0e00b5c471bef29199b4a216e330b24adc", + "tarball": "https://registry.npmjs.org/primer-page-sections/-/primer-page-sections-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "css", + "github", + "page sections", + "primer", + "primercss", + "sections", + "style" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-page-sections", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "components" + }, + "readme": "# Primer CSS Page Sections\n\n[![npm version](http://img.shields.io/npm/v/primer-page-sections.svg)](https://www.npmjs.org/package/primer-page-sections)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nDocumentation & refactor coming very soon\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-sections` with this command.\n\n```\n$ npm install --save primer-page-sections\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-page-sections/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`\n\n```\n$ npm run build\n```\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-page-sections" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "build/build.css", + "version": "1.3.0" +} diff --git a/node_modules/primer-product/LICENSE b/node_modules/primer-product/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-product/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-product/README.md b/node_modules/primer-product/README.md new file mode 100644 index 000000000..9d3495fe2 --- /dev/null +++ b/node_modules/primer-product/README.md @@ -0,0 +1,48 @@ +# Primer product + +[![npm version](http://img.shields.io/npm/v/primer-product.svg)](https://www.npmjs.org/package/primer-product) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Primer product is one of 3 meta-packages that belong to the Primer CSS framework. Primer product contains packages that are used on GitHub product websites. + +This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths** + +``` +$ npm install --save primer-core +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-core/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **CSS** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about primer in the [docs][docs]. + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-product/build/build.css b/node_modules/primer-product/build/build.css new file mode 100644 index 000000000..4d1ead47b --- /dev/null +++ b/node_modules/primer-product/build/build.css @@ -0,0 +1,6 @@ +/*! + * Primer-product + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd}.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.avatar-stack{display:inline-block;white-space:nowrap}.avatar-stack .avatar{position:relative;z-index:2;display:inline-block;width:20px;height:20px;box-sizing:content-box;margin-right:-15px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.avatar-stack .avatar:only-child{background-color:transparent}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:last-child{z-index:1;margin-right:0;border-right:0}.avatar-stack:hover .avatar{margin-right:3px}.avatar-stack:hover .avatar:last-child{margin-right:0}.CircleBadge{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative}.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none}.labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:400;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:0.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d}.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:0.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:0.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code::before,.markdown-body code::after,.markdown-body tt::before,.markdown-body tt::after{letter-spacing:-0.2em;content:"\00a0"}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code::before,.markdown-body pre code::after,.markdown-body pre tt::before,.markdown-body pre tt::after{content:normal}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0} diff --git a/node_modules/primer-product/build/index.js b/node_modules/primer-product/build/index.js new file mode 100644 index 000000000..de5e1add0 --- /dev/null +++ b/node_modules/primer-product/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":11246,"gzipSize":2778,"humanizedSize":"11kB","humanizedGzipSize":"3kB","rules":{"total":131,"size":{"graph":[6,1,1,12,1,3,3,3,3,3,4,5,1,2,2,1,6,2,11,1,1,3,1,1,9,3,2,2,2,1,6,1,7,5,4,1,1,2,2,1,3,1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2,4,2,3,1,1,2,1,4,1,2,5,3,1,1,11,4,3,1,1,1,3,3,1,1,1,2,1,2,2,1,1,1,5,2,3,1,2,2,1,1,3,1,1,3,2,7,2,4,3,4,2,3,4,2,4,1,4,4,7,2,1,1,1,7,1,2,6,9,1,6,4,1,3],"max":12,"average":2.8396946564885495}},"selectors":{"total":188,"type":120,"class":188,"id":0,"pseudoClass":28,"pseudoElement":11,"values":[".flash",".flash p:last-child",".flash-messages",".flash-close",".flash-close:hover",".flash-action",".flash-warn",".flash-error",".flash-success",".flash-full",".warning",".avatar",".avatar-small",".avatar-link",".avatar-group-item",".avatar-parent-child",".avatar-child",".avatar-stack",".avatar-stack .avatar",".avatar-stack .avatar:only-child",".avatar-stack .avatar:first-child",".avatar-stack .avatar:last-child",".avatar-stack:hover .avatar",".avatar-stack:hover .avatar:last-child",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge",".blankslate",".blankslate code",".blankslate-icon",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background",".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray",".markdown-body",".markdown-body::before",".markdown-body::after",".markdown-body>*:first-child",".markdown-body>*:last-child",".markdown-body a:not([href])",".markdown-body .absent",".markdown-body .anchor",".markdown-body .anchor:focus",".markdown-body p",".markdown-body blockquote",".markdown-body ul",".markdown-body ol",".markdown-body dl",".markdown-body table",".markdown-body pre",".markdown-body hr",".markdown-body blockquote",".markdown-body blockquote>:first-child",".markdown-body blockquote>:last-child",".markdown-body kbd",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body h1 .octicon-link",".markdown-body h2 .octicon-link",".markdown-body h3 .octicon-link",".markdown-body h4 .octicon-link",".markdown-body h5 .octicon-link",".markdown-body h6 .octicon-link",".markdown-body h1:hover .anchor",".markdown-body h2:hover .anchor",".markdown-body h3:hover .anchor",".markdown-body h4:hover .anchor",".markdown-body h5:hover .anchor",".markdown-body h6:hover .anchor",".markdown-body h1:hover .anchor .octicon-link",".markdown-body h2:hover .anchor .octicon-link",".markdown-body h3:hover .anchor .octicon-link",".markdown-body h4:hover .anchor .octicon-link",".markdown-body h5:hover .anchor .octicon-link",".markdown-body h6:hover .anchor .octicon-link",".markdown-body h1 tt",".markdown-body h1 code",".markdown-body h2 tt",".markdown-body h2 code",".markdown-body h3 tt",".markdown-body h3 code",".markdown-body h4 tt",".markdown-body h4 code",".markdown-body h5 tt",".markdown-body h5 code",".markdown-body h6 tt",".markdown-body h6 code",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body ul",".markdown-body ol",".markdown-body ul.no-list",".markdown-body ol.no-list",".markdown-body ul ul",".markdown-body ul ol",".markdown-body ol ol",".markdown-body ol ul",".markdown-body li>p",".markdown-body li+li",".markdown-body dl",".markdown-body dl dt",".markdown-body dl dd",".markdown-body table",".markdown-body table th",".markdown-body table th",".markdown-body table td",".markdown-body table tr",".markdown-body table tr:nth-child(2n)",".markdown-body table img",".markdown-body img",".markdown-body img[align=right]",".markdown-body img[align=left]",".markdown-body .emoji",".markdown-body span.frame",".markdown-body span.frame>span",".markdown-body span.frame span img",".markdown-body span.frame span span",".markdown-body span.align-center",".markdown-body span.align-center>span",".markdown-body span.align-center span img",".markdown-body span.align-right",".markdown-body span.align-right>span",".markdown-body span.align-right span img",".markdown-body span.float-left",".markdown-body span.float-left span",".markdown-body span.float-right",".markdown-body span.float-right>span",".markdown-body code",".markdown-body tt",".markdown-body code::before",".markdown-body code::after",".markdown-body tt::before",".markdown-body tt::after",".markdown-body code br",".markdown-body tt br",".markdown-body del code",".markdown-body pre",".markdown-body pre>code",".markdown-body .highlight",".markdown-body .highlight pre",".markdown-body .highlight pre",".markdown-body pre",".markdown-body pre code",".markdown-body pre tt",".markdown-body pre code::before",".markdown-body pre code::after",".markdown-body pre tt::before",".markdown-body pre tt::after",".markdown-body .csv-data td",".markdown-body .csv-data th",".markdown-body .csv-data .blob-num",".markdown-body .csv-data tr",".markdown-body .csv-data th"],"specificity":{"max":41,"average":15.851063829787234}},"declarations":{"total":372,"unique":217,"properties":{"position":["relative","relative","absolute","relative","relative","absolute","relative","relative","relative"],"padding":["16px","16px","0.5em","32px","2px 5px 3px","80px 40px","3px 4px","4px 8px","0.125em 4px","2px 5px","0","0 1em","3px 5px","0","0","0","0 16px","6px 13px","7px","5px 0 0","0","0","16px","0","5px","10px 8px 9px"],"color":["#032f62","inherit","#735c0f","#86181d","#165c26","#a3aab1","#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff","inherit","#cb2431","#6a737d","#444d56","#1b1f23","#6a737d","#24292e"],"background-color":["#dbedff","#fffbdd","#ffdce0","#dcffe4","#fffbdd","#fff","#fff","transparent","#fff","#fafbfc","#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d","#e1e4e8","#fafbfc","#fff","#f6f8fa","transparent","#fff","transparent","rgba(27,31,35,0.05)","#f6f8fa","transparent"],"border":["1px solid rgba(27,31,35,0.15)","0","1px solid #e1e4e8","1px solid #eaecef","0","1px solid rgba(27,31,35,0.15)","1px solid #34d058","0","solid 1px #c6cbd1","1px solid #dfe2e5","1px solid #dfe2e5","0","0","0"],"border-radius":["3px","0","3px","2px","2px","2px","50%","3px","3px","0 0 3px 3px","2px","3px","20px","3px","3px","3px"],"margin-bottom":["0","24px","0.8em","3px","8px","-1px","0","16px","0","16px","0","16px","16px","0"],"float":["right","right","left","left","left","left","left","right"],"margin":["-16px","0 auto","16px 0","24px 0","13px 0 0","13px auto 0","0 auto","13px 0 0","0","13px 0 0","13px auto 0","0","0","0"],"text-align":["center","center","center","center","center","right","right","right","left","right"],"cursor":["pointer"],"background":["none","#fff","none","transparent","#fff","#f6f8fa"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"opacity":["0.6","1"],"margin-top":["-3px","-1px","-1px","0","0","0","24px","0","16px","0.25em","16px"],"margin-left":["24px","4px","-20px","13px"],"border-color":["rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)"],"border-width":["1px 0"],"font-weight":["600","600","400","600","600","600","600","600","600"],"display":["inline-block","inline-block","inline-block","inline-block","-webkit-box","flex","inline-block","inline-block","inline-block","table","table","inline-block","block","block","block","block","block","block","block","block","block","block","block","block","none","inline"],"overflow":["hidden","auto","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","auto","visible","hidden"],"line-height":["1","1","1","20px","1","1.5","1","10px","1.25","1.45","inherit","1"],"vertical-align":["middle","middle","middle","text-top"],"right":["-15%"],"bottom":["-9%"],"box-shadow":["-2px -2px 0 rgba(255,255,255,0.8)","0 1px 5px rgba(27,31,35,0.15)","inset 0 0 10px rgba(27,31,35,0.05)","none","inset 0 -1px 0 rgba(27,31,35,0.12)","none","inset 0 -1px 0 #959da5"],"white-space":["nowrap","pre","nowrap"],"z-index":["2","3","1"],"width":["20px","56px","96px","128px","100%","485px","1em","100%","auto"],"height":["20px","auto","56px","96px","128px","0.25em"],"box-sizing":["content-box","content-box"],"margin-right":["-15px","0","3px","0","4px","13px"],"border-right":["1px solid #fff","0"],"transition":["margin 0.1s ease-in-out"],"-webkit-box-align":["center"],"align-items":["center"],"-webkit-box-pack":["center"],"justify-content":["center"],"max-width":["60%","100%","none","auto"],"max-height":["55%"],"top":["50%"],"left":["0"],"content":["\"\"","\"\"","\"\"","\"\\00a0\"","normal"],"border-bottom":["2px dashed #e1e4e8","1px solid #eaecef","1px solid #eaecef"],"font-size":["14px","20px","16px","12px","12px","12px","16px","11px","inherit","2em","1.5em","1.25em","1em","0.875em","0.85em","1em","85%","100%","85%","12px"],"text-decoration":["none","none","none","inherit"],"font-family":["-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"word-wrap":["break-word","normal","normal"],"clear":["both","both","both","both"],"padding-right":["4px","20px"],"outline":["none"],"border-left":["0.25em solid #dfe2e5"],"border-bottom-color":["#959da5"],"visibility":["hidden","visible"],"padding-bottom":["0.3em","0.3em","0.2em"],"padding-left":["2em","20px"],"list-style-type":["none"],"font-style":["italic"],"border-top":["1px solid #c6cbd1","0","0"],"padding-top":["0.2em"],"letter-spacing":["-0.2em"],"word-break":["normal","normal"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-product/index.scss b/node_modules/primer-product/index.scss new file mode 100644 index 000000000..1b9b84c30 --- /dev/null +++ b/node_modules/primer-product/index.scss @@ -0,0 +1,21 @@ +/*! + * Primer-product + * http://primercss.io + * + * Released under MIT license. Copyright 2015 GitHub, Inc. + */ + +// Primer master file +// +// Imports all Primer files in their intended order for easy mass-inclusion. +// Should you need specific files, you can easily use separate `@import`s. + +// Global requirements +@import "primer-support/index.scss"; + +// Product specific css modules +@import "primer-alerts/index.scss"; +@import "primer-avatars/index.scss"; +@import "primer-blankslate/index.scss"; +@import "primer-labels/index.scss"; +@import "primer-markdown/index.scss"; diff --git a/node_modules/primer-product/package.json b/node_modules/primer-product/package.json new file mode 100644 index 000000000..e0ad04670 --- /dev/null +++ b/node_modules/primer-product/package.json @@ -0,0 +1,136 @@ +{ + "_args": [ + [ + { + "raw": "primer-product@5.3.0", + "scope": null, + "escapedName": "primer-product", + "name": "primer-product", + "rawSpec": "5.3.0", + "spec": "5.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-product@5.3.0", + "_id": "primer-product@5.3.0", + "_inCache": true, + "_location": "/primer-product", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-product-5.3.0.tgz_1502924209383_0.1547156407032162" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-product@5.3.0", + "scope": null, + "escapedName": "primer-product", + "name": "primer-product", + "rawSpec": "5.3.0", + "spec": "5.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-product/-/primer-product-5.3.0.tgz", + "_shasum": "e61ca078b06d4bb9e17fb224e4f497d0cfd92d99", + "_shrinkwrap": null, + "_spec": "primer-product@5.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-alerts": "1.4.0", + "primer-avatars": "1.3.0", + "primer-blankslate": "1.3.0", + "primer-labels": "1.4.0", + "primer-markdown": "3.6.0", + "primer-support": "4.3.0" + }, + "description": "Primer CSS's product modules", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "e61ca078b06d4bb9e17fb224e4f497d0cfd92d99", + "tarball": "https://registry.npmjs.org/primer-product/-/primer-product-5.3.0.tgz" + }, + "files": [ + "index.scss", + "build" + ], + "homepage": "http://primercss.io/", + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-product", + "optionalDependencies": {}, + "primer": { + "category": "product" + }, + "readme": "# Primer product\n\n[![npm version](http://img.shields.io/npm/v/primer-product.svg)](https://www.npmjs.org/package/primer-product)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Primer product is one of 3 meta-packages that belong to the Primer CSS framework. Primer product contains packages that are used on GitHub product websites.\n\nThis repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**\n\n```\n$ npm install --save primer-core\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-core/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about primer in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-product" + }, + "scripts": { + "build": "primer-module-build index.scss", + "prepare": "npm run build", + "test": "npm run build" + }, + "style": "build/build.css", + "version": "5.3.0" +} diff --git a/node_modules/primer-support/LICENSE b/node_modules/primer-support/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-support/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-support/README.md b/node_modules/primer-support/README.md new file mode 100644 index 000000000..f09b2e28a --- /dev/null +++ b/node_modules/primer-support/README.md @@ -0,0 +1,56 @@ +# Primer CSS Support + +[![npm version](http://img.shields.io/npm/v/primer-support.svg)](https://www.npmjs.org/package/primer-support) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent. +> +> Most of the time to include these you'll only need to add `@import "support/support";` to the top of your bundle. If you want only a specific partial you can import them separately. + +This repository is a module of the full [primer-css][primer] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-support` with this command. + +``` +$ npm install --save primer-support +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-support/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Documentation + + + +Primer is built on systems that form the foundation of our styles, and inform the way we write and organize our CSS. Building upon systems helps us make styles consistent and interoperable with each other, and assists us with visual hierarchy and vertical rhythm. + +We use Sass variables to keep color, typography, spacing, and other foundations of our system consistent. Occasionally we use Sass mixins to apply multiple CSS properties, they are a convenient solution for frequently-used verbose patterns. + +We've documented variables, mixins, and the systems they are built on for the following: +- [Breakpoints](./support/breakpoints) +- [Colors](./support/color-system) +- [Spacing](./support/spacing) +- [Typography](./support/typography) + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-support/docs/breakpoints.md b/node_modules/primer-support/docs/breakpoints.md new file mode 100644 index 000000000..f34a2f3eb --- /dev/null +++ b/node_modules/primer-support/docs/breakpoints.md @@ -0,0 +1,60 @@ +--- +title: Breakpoints +status: Stable +source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/mixins/layout.scss +--- + +{:toc} + +Our breakpoints are based on screen widths where our content starts to break. Since most of GitHub is currently a fixed-width with we use pixel widths to make it easy for us to match page widths for responsive and non-responsive pages. **Our breakpoints may change as we move more of the product into responsive layouts.** + +We use abbreviations for each breakpoint to keep the class names concise. This abbreviated syntax is used consistently across responsive styles. Responsive styles allow you to change the styles properties at each breakpoint. For example, when using column widths for grid layouts, you can change specify that the width is 12 columns wide at the small breakpoint, and 6 columns wide from the large breakpoint: `
...
` + +| Breakpoint | Syntax | Description | +| --- | --- | --- | +| Small | sm | min-width: 544px | +| Medium | md | min-width: 768px | +| Large | lg | min-width: 1012px | +| Extra-large | xl | min-width: 1280px | + +**Note:** The `lg` breakpoint matches our current page width of `980px` including left and right padding of `16px` (`$spacer-3`). This is so that content doesn't touch the edges of the window when resized. + +Responsive styles are available for [margin](./utilities/margin#responsive-margin), [padding](./utilities/padding#responsive-padding), [layout](./utilities/layout), [flexbox](.utilities/flexbox#responsive-flex-utilities), and the [grid](./objects/grid#responsive-grids) system. + +## Breakpoint variables + +The above values are defined as variables, and then put into a Sass map that generates the media query mixin. + +```scss + +// breakpoints +$width-xs: 0; +$width-sm: 544px; +$width-md: 768px; +$width-lg: 1012px; +$width-xl: 1280px; + +$breakpoints: ( + // Small screen / phone + sm: $width-sm, + // Medium screen / tablet + md: $width-md, + // Large screen / desktop (980 + (12 * 2)) <= container + gutters + lg: $width-lg, + // Extra large screen / wide desktop + xl: $width-xl +) !default; + +``` + +## Media query mixins +Use media query mixins when you want to change CSS properties at a particular breakpoint. The media query mixin works by passing in a breakpoint value, such as `breakpoint(md)`. + +Media queries are scoped from each breakpoint and upwards. In the example below, the font size is `28px` until the viewport size meets the `lg` breakpoint, from there upwards—including through the `xl` breakpoint—the font size will be `32px`. + +``` +.styles { + font-size: 28px; + @include breakpoint(md) { font-size: 32px; } +} +``` diff --git a/node_modules/primer-support/docs/color-system.md b/node_modules/primer-support/docs/color-system.md new file mode 100644 index 000000000..449deb81f --- /dev/null +++ b/node_modules/primer-support/docs/color-system.md @@ -0,0 +1,392 @@ +--- +title: Color system +status_issue: https://github.com/github/design-systems/issues/301 +status: New release +source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/color-system.scss +--- + +{:toc} + +## Color palette + +
+
+

Gray

+
+
+

Blue

+
+
+

Green

+
+
+

Purple

+
+
+

Yellow

+
+
+

Orange

+
+
+

Red

+
+
+

White

+
+
+ +## Color variables + +
+ +
+

Gray

+
+

Gray

+
+

$gray-500

+

#6a737d

+
+
+
+

$gray-000

+
+
+

$gray-100

+
+
+

$gray-200

+
+
+

$gray-300

+
+
+

$gray-400

+
+
+

$gray-500

+
+
+

$gray-600

+
+
+

$gray-700

+
+
+

$gray-800

+
+
+

$gray-900

+
+
+ +
+

Blue

+
+

Blue

+
+

$blue-500

+

#0366d6

+
+
+
+

$blue-000

+
+
+

$blue-100

+
+
+

$blue-200

+
+
+

$blue-300

+
+
+

$blue-400

+
+
+

$blue-500

+
+
+

$blue-600

+
+
+

$blue-700

+
+
+

$blue-800

+
+
+

$blue-900

+
+
+ +
+

Green

+
+

Green

+
+

$green-500

+

#28a745

+
+
+
+

$green-000

+
+
+

$green-100

+
+
+

$green-200

+
+
+

$green-300

+
+
+

$green-400

+
+
+

$green-500

+
+
+

$green-600

+
+
+

$green-700

+
+
+

$green-800

+
+
+

$green-900

+
+
+ +
+

Purple

+
+

Purple

+
+

$purple-500

+

#6f42c1

+
+
+
+

$purple-000

+
+
+

$purple-100

+
+
+

$purple-200

+
+
+

$purple-300

+
+
+

$purple-400

+
+
+

$purple-500

+
+
+

$purple-600

+
+
+

$purple-700

+
+
+

$purple-800

+
+
+

$purple-900

+
+
+ +
+

Yellow

+
+

Yellow

+
+

$yellow-500

+

#ffd93d

+
+
+
+

$yellow-000

+
+
+

$yellow-100

+
+
+

$yellow-200

+
+
+

$yellow-300

+
+
+

$yellow-400

+
+
+

$yellow-500

+
+
+

$yellow-600

+
+
+

$yellow-700

+
+
+

$yellow-800

+
+
+

$yellow-900

+
+
+ +
+

Orange

+
+

Orange

+
+

$orange-500

+

#f66a0a

+
+
+
+

$orange-000

+
+
+

$orange-100

+
+
+

$orange-200

+
+
+

$orange-300

+
+
+

$orange-400

+
+
+

$orange-500

+
+
+

$orange-600

+
+
+

$orange-700

+
+
+

$orange-800

+
+
+

$orange-900

+
+
+ +
+

Red

+
+

Red

+
+

$red-500

+

#dc3545

+
+
+
+

$red-000

+
+
+

$red-100

+
+
+

$red-200

+
+
+

$red-300

+
+
+

$red-400

+
+
+

$red-500

+
+
+

$red-600

+
+
+

$red-700

+
+
+

$red-800

+
+
+

$red-900

+
+
+ +
+
+ + +
+

Black fades

+
+

Black

+
+

$black

+

rgb(27,31,35) #1b1f23

+
+

Black fades apply alpha transparency to the $black variable. The black color value has a slight blue hue to match our grays.

+
+
+

$black-fade-15

+
+
+

$black-fade-30

+
+
+

$black-fade-50

+
+
+

$black-fade-70

+
+
+

$black-fade-85

+
+
+ +
+

White fades

+
+

White

+
+

$white

+

rgb(255, 255, 255) #fff

+
+

White fades apply alpha transparency to the $white variable, below these are shown overlaid on a dark gray background.

+
+
+
+

$white-fade-15

+
+
+

$white-fade-30

+
+
+

$white-fade-50

+
+
+

$white-fade-70

+
+
+

$white-fade-85

+
+
+ + +
+ +
diff --git a/node_modules/primer-support/docs/spacing.md b/node_modules/primer-support/docs/spacing.md new file mode 100644 index 000000000..262495e63 --- /dev/null +++ b/node_modules/primer-support/docs/spacing.md @@ -0,0 +1,50 @@ +--- +title: Spacing +status: Stable +source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/layout.scss +--- + +{:toc} + +## Spacing scale +The spacing scale is a **base-8** scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for GitHub's UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of `8px`. + +| Scale | Value | +| --- | --- | +| 0 | 0 | +| 1 | 4px | +| 2 | 8px | +| 3 | 16px | +| 4 | 24px | +| 5 | 32px | +| 6 | 40px | + +The spacing scale is used for [margin](./utilities/margin) and [padding](./utilities/padding) utilities, and via variables within components. + +## Em-based spacing +Ems are used for spacing within components such as buttons and form elements. We stick to common fractions for em values so that, in combination with typography and line-height, the total height lands on sensible numbers. + +We aim for whole numbers, however, GitHub's body font-size is 14px which is difficult to work with, so we sometimes can't achieve a whole number. Less desirable values are highlighted in red below. + +| Fraction | Y Padding (em) | Total height at 14px | Total height at 16px | +| --- | --- | --- | --- | +| 3/4 | .75 | 42 | 48 | +| 1/2 | .5 | 35 | 40 | +| 3/8 | .375 | 31.5 | 36 | +| 1/4 | .25 | 28 | 32 | +| 1/8 | .125 | 24.5 | 28 | + +We recommend using the fractions shown above. To calculate values with other font-sizes or em values, we suggest using [Formula](http://jxnblk.com/formula/). + +## Spacer Variables + +These variables match the above scale and are encouraged to be used within components. They are also used in our [margin](./utilities/margin) and [padding utilities](./utilities/padding). + +```scss +$spacer-1: 4px; +$spacer-2: 8px; +$spacer-3: 16px; +$spacer-4: 24px; +$spacer-5: 32px; +$spacer-6: 40px; +``` diff --git a/node_modules/primer-support/docs/typography.md b/node_modules/primer-support/docs/typography.md new file mode 100644 index 000000000..2eb4b9a9c --- /dev/null +++ b/node_modules/primer-support/docs/typography.md @@ -0,0 +1,90 @@ +--- +title: Typography +status_issue: https://github.com/github/design-systems/issues/329 +status: New release +source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/typography.scss +--- + +{:toc} + +## Type Scale + +The typography scale is designed to work for GitHub's product UI and marketing sites. Font sizes are designed to work in combination with line-height values so as to result in more sensible numbers wherever possible. + +Font sizes are smaller on mobile and scale up at the `md` [breakpoint](#breakpoints) to be larger on desktop. + +| Scale | Font size: mobile | Font size: desktop | 1.25 line height | 1.5 line height | +| --- | --- | --- | --- | --- | +| 00 | 40px | 48px | 60 | 72 | +| 0 | 32px | 40px | 50 | 60 | +| 1 | 26px | 32px | 40 | 48 | +| 2 | 22px | 24px | 30 | 36 | +| 3 | 18px | 20px | 25 | 30 | +| 4 | 16px | 16px | 20 | 24 | +| 5 | 14px | 14px | 17.5 | 21 | +| 6 | 12px | 12px | 15 | 18 | + +The typography scale is used to create [typography utilities](./utilities/typography). + +## Typography variables + +#### Font size variables +```scss +// Heading sizes - mobile +// h4—h6 remain the same size on both mobile & desktop +$h00-size-mobile: 40px; +$h0-size-mobile: 32px; +$h1-size-mobile: 26px; +$h2-size-mobile: 22px; +$h3-size-mobile: 18px; + +// Heading sizes - desktop +$h00-size: 48px; +$h0-size: 40px; +$h1-size: 32px; +$h2-size: 24px; +$h3-size: 20px; +$h4-size: 16px; +$h5-size: 14px; +$h6-size: 12px; +``` + +#### Font weight variables +```scss +$font-weight-bold: 600 !default; +$font-weight-light: 300 !default; +``` + +#### Line height variables +```scss +$lh-condensed-ultra: 1 !default; +$lh-condensed: 1.25 !default; +$lh-default: 1.5 !default; +``` + +## Typography Mixins +Typography mixins are available for heading styles and for our type scale. They can be used within components or custom CSS. The same styles are also available as [utilities](./utilities/typography#heading-utilities) which requires no additional CSS. + +Heading mixins are available for `h1` through to `h6`, this includes the font-size and font-weight. Example: + +```scss +.styles { + @include h1; +} +``` + +Responsive heading mixins can be used to adjust the font-size between the `sm` and `lg` breakpoint. Only headings 1—3 are responsive. Heading 4—6 are small enough to remain the same between mobile and desktop. Responsive heading mixins include the font-size and font-weight as well as the media query. To use a responsive heading mixin, postfix the heading with `-responsive`: + +```scss +.styles { + @include h1-responsive; +} +``` + +Responsive type scale mixins are also available. Type scale mixins apply a font-size that gets slightly bigger at the `lg` breakpoint. They do not apply a font-weight. Like the responsive heading mixins, they are only available for size `f1` to `f3` and are postfixed with `-responsive` as in the example below: + +```scss +.style { + @include f1-responsive; +} +``` diff --git a/node_modules/primer-support/index.scss b/node_modules/primer-support/index.scss new file mode 100644 index 000000000..1b5abdd80 --- /dev/null +++ b/node_modules/primer-support/index.scss @@ -0,0 +1,11 @@ +// variables +@import "./lib/variables/typography.scss"; +@import "./lib/variables/colors.scss"; +@import "./lib/variables/layout.scss"; +@import "./lib/variables/misc.scss"; + +// mixins +@import "./lib/mixins/typography.scss"; +@import "./lib/mixins/layout.scss"; +@import "./lib/mixins/buttons.scss"; +@import "./lib/mixins/misc.scss"; diff --git a/node_modules/primer-support/lib/mixins/buttons.scss b/node_modules/primer-support/lib/mixins/buttons.scss new file mode 100644 index 000000000..a4f47d3d7 --- /dev/null +++ b/node_modules/primer-support/lib/mixins/buttons.scss @@ -0,0 +1,156 @@ +// stylelint-disable block-closing-brace-newline-after + +// Button color generator for primary and themed buttons + +// New button hotness +@mixin btn-solid($color, $bg, $bg2) { + color: $color; + background-color: $bg2; + background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%); + + @if $bg == $gray-000 { + &:focus, + &.focus { + box-shadow: $btn-input-focus-shadow; + } + + &:hover, + &.hover { + background-color: darken($bg2, 3%); + background-image: linear-gradient(-180deg, darken($bg, 3%) 0%, darken($bg2, 3%) 90%); + background-position: 0 -0.5em; + border-color: rgba($black, 0.35); + } + + &:active, + &.selected { + background-color: darken(desaturate($bg, 10%), 6%); + background-image: none; + border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button + box-shadow: $btn-active-shadow; + } + + &:disabled, + &.disabled { + color: rgba($color, 0.4); + background-color: $bg2; + background-image: none; + border-color: transparentize($black, 0.8); // back to default .btn + box-shadow: none; + } + + } @else { + &:focus, + &.focus { + box-shadow: 0 0 0 0.2em rgba($bg, 0.3); + } + + &:hover, + &.hover { + background-color: darken($bg2, 2%); + background-image: linear-gradient(-180deg, darken($bg, 2%) 0%, darken($bg2, 2%) 90%); + background-position: 0 -0.5em; + border-color: $black-fade-50; + } + + &:active, + &.selected { + background-color: darken(mix($bg, $bg2, 50%), 7%); + background-image: none; + border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button + box-shadow: $btn-active-shadow; + } + + &:disabled, + &.disabled { + color: rgba($color, 0.75); + background-color: mix($bg2, $white, 50%); + background-image: none; + border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button + box-shadow: none; + } + + .Counter { + color: darken($bg, 8%); + background-color: $white; + } + } +} + +// Inverse button hover style +@mixin btn-inverse($color, $bg, $bg2) { + color: $color; + background-color: $bg; + background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%); + + &:focus { + box-shadow: 0 0 0 0.2em rgba($color, 0.3); + } + + &:hover { + color: $text-white; + background-color: $color; + background-image: linear-gradient(-180deg, lighten($color, 10%) 0%, $color 90%); + border-color: $black-fade-50; + + .Counter { + color: $text-white; + } + } + + &:active, + &.selected { + color: $text-white; + background-color: darken($color, 5%); + background-image: none; + border-color: $black-fade-50; + box-shadow: $btn-active-shadow; + } + + &:disabled, + &.disabled { + color: rgba($color, 0.4); + background-color: $bg2; + background-image: none; + border-color: transparentize($black, 0.8); // back to default .btn + box-shadow: none; + } +} + +// Outline color generator for btn-outline to make the hover state inverse the text and bg colors. +@mixin btn-outline($text-color: $text-blue, $bg-color: $bg-white) { + color: $text-color; + background-color: $bg-color; + background-image: none; + + .Counter { + background-color: rgba($black, 0.07); + } + + &:hover, + &:active, + &.selected { + color: $bg-color; + background-color: $text-color; + background-image: none; + border-color: $text-color; + + .Counter { + color: $text-color; + background-color: $bg-color; + } + } + + &:focus { + border-color: $text-color; + box-shadow: 0 0 0 0.2em rgba($text-color, 0.3); + } + + &:disabled, + &.disabled { + color: $black-fade-30; + background-color: $bg-white; + border-color: $black-fade-15; + box-shadow: none; + } +} diff --git a/node_modules/primer-support/lib/mixins/layout.scss b/node_modules/primer-support/lib/mixins/layout.scss new file mode 100644 index 000000000..ec319d4f5 --- /dev/null +++ b/node_modules/primer-support/lib/mixins/layout.scss @@ -0,0 +1,52 @@ +// Responsive media queries + +@mixin breakpoint($breakpoint) { + // Retrieves the value from the key + $value: map-get($breakpoints, $breakpoint); + + // If the key exists in the map + @if $value != null { + // Prints a media query based on the value + @media (min-width: $value) { + @content; + } + } + + // If the key doesn't exist in the map + @else { + @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. " + + "Please make sure it is defined in `$breakpoints` map."; + } +} + +// Retina media query + +@mixin retina-media-query { + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (min--moz-device-pixel-ratio: 2), + only screen and (-moz-min-device-pixel-ratio: 2), + only screen and (-o-min-device-pixel-ratio: 2/1), + only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx) { + @content; + } +} + +// Clearfix +// +// Clears floats via mixin. + +@mixin clearfix { + &::before { + display: table; + content: ""; + } + + &::after { + display: table; + clear: both; + content: ""; + } +} diff --git a/node_modules/primer-support/lib/mixins/misc.scss b/node_modules/primer-support/lib/mixins/misc.scss new file mode 100644 index 000000000..ebdd32d04 --- /dev/null +++ b/node_modules/primer-support/lib/mixins/misc.scss @@ -0,0 +1,29 @@ +// Generate a two-color caret for any element. +@mixin double-caret($foreground: $text-white, $background: lighten($gray-300, 5%)) { + &::after, + &::before { + position: absolute; + top: 11px; + right: 100%; + left: -16px; + display: block; + width: 0; + height: 0; + pointer-events: none; + content: " "; + border-color: transparent; + border-style: solid solid outset; + } + + &::after { + margin-top: 1px; + margin-left: 2px; + border-width: 7px; + border-right-color: $foreground; + } + + &::before { + border-width: 8px; + border-right-color: $background; + } +} diff --git a/node_modules/primer-support/lib/mixins/typography.scss b/node_modules/primer-support/lib/mixins/typography.scss new file mode 100644 index 000000000..d39aa44c1 --- /dev/null +++ b/node_modules/primer-support/lib/mixins/typography.scss @@ -0,0 +1,84 @@ +// Text hiding for image based text replacement. +// Higher performance than -9999px because it only renders +// the size of the actual text, not a full 9999px box. +@mixin hide-text() { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; +} + +// Heading mixins for use within components +// These match heading utilities in utilities/typography +@mixin h1 { + font-size: $h1-size; + font-weight: $font-weight-bold; +} + +@mixin h2 { + font-size: $h2-size; + font-weight: $font-weight-bold; +} + +@mixin h3 { + font-size: $h3-size; + font-weight: $font-weight-bold; +} + +@mixin h4 { + font-size: $h4-size; + font-weight: $font-weight-bold; +} + +@mixin h5 { + font-size: $h5-size; + font-weight: $font-weight-bold; +} + +@mixin h6 { + font-size: $h6-size; + font-weight: $font-weight-bold; +} + +// Responsive heading mixins +// There are no responsive mixins for h4—h6 because they are small +// and don't need to be smaller on mobile. +@mixin f1-responsive { + font-size: $h1-size-mobile; + + // 32px on desktop + @include breakpoint(md) { font-size: $h1-size; } + +} + +@mixin f2-responsive { + font-size: $h2-size-mobile; + + // 24px on desktop + @include breakpoint(md) { font-size: $h2-size; } +} + +@mixin f3-responsive { + font-size: $h3-size-mobile; + + // 20px on desktop + @include breakpoint(md) { font-size: $h3-size; } + +} + +// These use the mixins from above for responsive heading sizes. +// The following mixins can be used where it's convenient or necessary to +// couple the responsive font-size with the font-weight. +@mixin h1-responsive { + @include f1-responsive; + font-weight: $font-weight-bold; +} + +@mixin h2-responsive { + @include f2-responsive; + font-weight: $font-weight-bold; +} + +@mixin h3-responsive { + @include f3-responsive; + font-weight: $font-weight-bold; +} diff --git a/node_modules/primer-support/lib/variables/color-system.scss b/node_modules/primer-support/lib/variables/color-system.scss new file mode 100644 index 000000000..0ea1a7116 --- /dev/null +++ b/node_modules/primer-support/lib/variables/color-system.scss @@ -0,0 +1,114 @@ +// +// +// -------- Grays -------- +$gray-000: #fafbfc !default; +$gray-100: #f6f8fa !default; +$gray-200: #e1e4e8 !default; +$gray-300: #d1d5da !default; +$gray-400: #959da5 !default; +$gray-500: #6a737d !default; +$gray-600: #586069 !default; +$gray-700: #444d56 !default; +$gray-800: #2f363d !default; +$gray-900: #24292e !default; // body font color + +// -------- Blue -------- +$blue-000: #f1f8ff !default; +$blue-100: #dbedff !default; +$blue-200: #c8e1ff !default; +$blue-300: #79b8ff !default; +$blue-400: #2188ff !default; +$blue-500: #0366d6 !default; // Default: Passes AA with #fff +$blue-600: #005cc5 !default; +$blue-700: #044289 !default; +$blue-800: #032f62 !default; +$blue-900: #05264c !default; // Passes with 1/2/300 blues + +// -------- Green -------- +$green-000: #f0fff4 !default; +$green-100: #dcffe4 !default; +$green-200: #bef5cb !default; +$green-300: #85e89d !default; +$green-400: #34d058 !default; +$green-500: #28a745 !default; // Default. passes AA Large +$green-600: #22863a !default; // Text green, passes AA on #fff +$green-700: #176f2c !default; +$green-800: #165c26 !default; +$green-900: #144620 !default; + +// -------- Yellow -------- +$yellow-000: #fffdef !default; +$yellow-100: #fffbdd !default; +$yellow-200: #fff5b1 !default; +$yellow-300: #ffea7f !default; +$yellow-400: #ffdf5d !default; +$yellow-500: #ffd33d !default; +$yellow-600: #f9c513 !default; +$yellow-700: #dbab09 !default; +$yellow-800: #b08800 !default; +$yellow-900: #735c0f !default; + +// -------- Orange -------- +$orange-000: #fff8f2 !default; +$orange-100: #ffebda !default; +$orange-200: #ffd1ac !default; +$orange-300: #ffab70 !default; +$orange-400: #fb8532 !default; +$orange-500: #f66a0a !default; // Default. passes AA Large with #fff +$orange-600: #e36209 !default; +$orange-700: #d15704 !default; +$orange-800: #c24e00 !default; +$orange-900: #a04100 !default; + +// -------- Red -------- +$red-000: #ffeef0 !default; +$red-100: #ffdce0 !default; +$red-200: #fdaeb7 !default; +$red-300: #f97583 !default; +$red-400: #ea4a5a !default; +$red-500: #d73a49 !default; // Default. passes AA +$red-600: #cb2431 !default; +$red-700: #b31d28 !default; +$red-800: #9e1c23 !default; +$red-900: #86181d !default; + +// -------- Purple -------- +$purple-000: #f5f0ff !default; +$purple-100: #e6dcfd !default; +$purple-200: #d1bcf9 !default; +$purple-300: #b392f0 !default; +$purple-400: #8a63d2 !default; +$purple-500: #6f42c1 !default; // passes AA with #fff +$purple-600: #5a32a3 !default; +$purple-700: #4c2889 !default; +$purple-800: #3a1d6e !default; +$purple-900: #29134e !default; + +// -------- Fades -------- +// Black based on same hue as $gray-900 +$black: #1b1f23 !default; +$white: #fff !default; + +$black-fade-15: rgba($black, 0.15) !default; +$black-fade-30: rgba($black, 0.3) !default; +$black-fade-50: rgba($black, 0.5) !default; +$black-fade-70: rgba($black, 0.7) !default; +$black-fade-85: rgba($black, 0.85) !default; + +$white-fade-15: rgba($white, 0.15) !default; +$white-fade-30: rgba($white, 0.3) !default; +$white-fade-50: rgba($white, 0.5) !default; +$white-fade-70: rgba($white, 0.7) !default; +$white-fade-85: rgba($white, 0.85) !default; + +// -------- Color defaults -------- +$red: $red-500 !default; +$purple: $purple-500 !default; +$blue: $blue-500 !default; +$green: $green-500 !default; +$yellow: $yellow-500 !default; +$orange: $orange-500 !default; + +$gray-dark: $gray-900 !default; +$gray-light: $gray-400 !default; +$gray: $gray-500 !default; diff --git a/node_modules/primer-support/lib/variables/colors.scss b/node_modules/primer-support/lib/variables/colors.scss new file mode 100644 index 000000000..36dc3c8a7 --- /dev/null +++ b/node_modules/primer-support/lib/variables/colors.scss @@ -0,0 +1,67 @@ +@import "color-system.scss"; +// Color variables +// stylelint-disable declaration-bang-space-before + +// State indicators. +$status-pending: desaturate($yellow-700, 15%) !default; + +// Repository type colors +// Should be able to deprecate these in future +$repo-private-text: $black-fade-70 !default; +$repo-private-bg: $yellow-000 !default; +$repo-private-icon: transparentize($yellow-900, 0.5) !default; + +// Highlight used for things like search +$highlight-yellow: rgba(255, 247, 140, 0.5); + +// Border colors +$border-black-fade: $black-fade-15 !default; + +$border-blue: $blue-500 !default; +$border-blue-light: $blue-200 !default; + +$border-green: $green-400 !default; +$border-green-light: desaturate($green-300, 40%) !default; + +$border-purple: $purple !default; + +$border-red: $red !default; +$border-red-light: desaturate($red-300, 60%) !default; + +$border-purple: $purple !default; + +$border-yellow: desaturate($yellow-300, 60%) !default; + +$border-gray-dark: $gray-300 !default; +$border-gray-darker: $gray-700 !default; +$border-gray-light: lighten($gray-200, 3%) !default; +$border-gray: $gray-200 !default; + +// Background colors +$bg-blue-light: $blue-000 !default; +$bg-blue: $blue-500 !default; +$bg-gray-dark: $gray-900 !default; +$bg-gray-light: $gray-000 !default; +$bg-gray: $gray-100 !default; +$bg-green: $green-500 !default; +$bg-green-light: $green-100 !default; +$bg-orange: $orange-700 !default; +$bg-purple: $purple-500 !default; +$bg-purple-light: $purple-000 !default; +$bg-red: $red-500 !default; +$bg-red-light: $red-100 !default; +$bg-white: $white !default; +$bg-yellow: $yellow-500 !default; +$bg-yellow-light: $yellow-200 !default; + +// Text colors +$text-blue: $blue-500 !default; +$text-gray-dark: $gray-900 !default; +$text-gray-light: $gray-500 !default; +$text-gray: $gray-600 !default; +$text-green: $green-500 !default; +$text-orange: $orange-900 !default; +$text-orange-light: $orange-600 !default; +$text-purple: $purple !default; +$text-red: $red-600 !default; +$text-white: $white !default; diff --git a/node_modules/primer-support/lib/variables/layout.scss b/node_modules/primer-support/lib/variables/layout.scss new file mode 100644 index 000000000..1977bc11d --- /dev/null +++ b/node_modules/primer-support/lib/variables/layout.scss @@ -0,0 +1,58 @@ +// Layout variables +// stylelint-disable declaration-bang-space-before + +// These are our margin and padding utility spacers. The default step size we +// use is 8px. This gives us a key of: +// 0 => 0px +// 1 => 4px +// 2 => 8px +// 3 => 16px +// 4 => 24px +// 5 => 32px +// 6 => 40px +$spacer: 8px !default; +$spacers: ( + 0, + round($spacer / 2), + $spacer, + $spacer * 2, + $spacer * 3, + $spacer * 4, + $spacer * 5 +) !default; + +// Aliases for easy use +$spacer-1: nth($spacers, 2) !default; // 4px +$spacer-2: nth($spacers, 3) !default; // 8px +$spacer-3: nth($spacers, 4) !default; // 16px +$spacer-4: nth($spacers, 5) !default; // 24px +$spacer-5: nth($spacers, 6) !default; // 32px +$spacer-6: nth($spacers, 7) !default; // 40px + +// Fixed-width container variables +$container-width: 980px !default; +$grid-gutter: 10px !default; + +// Breakpoint widths +$width-xs: 0; +$width-sm: 544px; +$width-md: 768px; +$width-lg: 1012px; +$width-xl: 1280px; + +// Responsive container widths +$container-md: $width-md !default; +$container-lg: $width-lg !default; +$container-xl: $width-xl !default; + +// Breakpoints +$breakpoints: ( + // Small screen / phone + sm: $width-sm, + // Medium screen / tablet + md: $width-md, + // Large screen / desktop (980 + (12 * 2)) <= container + gutters + lg: $width-lg, + // Extra large screen / wide desktop + xl: $width-xl +) !default; diff --git a/node_modules/primer-support/lib/variables/misc.scss b/node_modules/primer-support/lib/variables/misc.scss new file mode 100644 index 000000000..ceca69eac --- /dev/null +++ b/node_modules/primer-support/lib/variables/misc.scss @@ -0,0 +1,40 @@ +// Miscellaneous variables +// stylelint-disable declaration-bang-space-before + +// Border size +$border-width: 1px !default; +$border-color: $border-gray !default; +$border-style: solid !default; +$border: $border-width $border-color $border-style !default; +$border-radius: 3px !default; + +// Custom explore grid border +$exploregrid-item-border-radius: 4px; + +// Box shadow +$box-shadow: 0 1px 1px rgba($black, 0.1) !default; +$box-shadow-medium: 0 1px 5px $black-fade-15 !default; +$box-shadow-large: 0 1px 15px $black-fade-15 !default; +$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default; + +// Tooltips +$tooltip-max-width: 250px !default; +$tooltip-background-color: rgba($black, 0.8) !default; +$tooltip-text-color: $white !default; +$tooltip-delay: 0.4s !default; +$tooltip-duration: 0.1s !default; + +// Should be moved into custom github css +$stats-switcher-py: 10px; +// Future proof this `height` value by finding the computed line-height, then +// adding the total value of the vertical padding. This var is used to toggle +// between the stats bar and language breakdown. +$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2); + +$min_tab_size: 1; +$max_tab_size: 12; + +// Button and form variables +$form-control-shadow: inset 0 1px 2px rgba($black, 0.075); +$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3); +$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15; diff --git a/node_modules/primer-support/lib/variables/typography.scss b/node_modules/primer-support/lib/variables/typography.scss new file mode 100644 index 000000000..c3d857317 --- /dev/null +++ b/node_modules/primer-support/lib/variables/typography.scss @@ -0,0 +1,43 @@ +// Typography variables +// stylelint-disable declaration-bang-space-before + +// Heading sizes - mobile +// h4—h6 remain the same size on both mobile & desktop +$h00-size-mobile: 40px !default; +$h0-size-mobile: 32px !default; +$h1-size-mobile: 26px !default; +$h2-size-mobile: 22px !default; +$h3-size-mobile: 18px !default; + +// Heading sizes - desktop +$h00-size: 48px !default; +$h0-size: 40px !default; +$h1-size: 32px !default; +$h2-size: 24px !default; +$h3-size: 20px !default; +$h4-size: 16px !default; +$h5-size: 14px !default; +$h6-size: 12px !default; + +$font-size-small: 12px !default; + +// Font weights +$font-weight-bold: 600 !default; +$font-weight-semibold: 500 !default; +$font-weight-normal: 400 !default; +$font-weight-light: 300 !default; + +// Line heights +$lh-condensed-ultra: 1 !default; +$lh-condensed: 1.25 !default; +$lh-default: 1.5 !default; + +// Font stacks +$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; + +// Monospace font stack +$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default; + +// The base body size +$body-font-size: 14px !default; +$body-line-height: $lh-default !default; diff --git a/node_modules/primer-support/package.json b/node_modules/primer-support/package.json new file mode 100644 index 000000000..527a54294 --- /dev/null +++ b/node_modules/primer-support/package.json @@ -0,0 +1,164 @@ +{ + "_args": [ + [ + { + "raw": "primer-support@4.3.0", + "scope": null, + "escapedName": "primer-support", + "name": "primer-support", + "rawSpec": "4.3.0", + "spec": "4.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-support@4.3.0", + "_id": "primer-support@4.3.0", + "_inCache": true, + "_location": "/primer-support", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-support-4.3.0.tgz_1502924176434_0.1867468210402876" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-support@4.3.0", + "scope": null, + "escapedName": "primer-support", + "name": "primer-support", + "rawSpec": "4.3.0", + "spec": "4.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-alerts", + "/primer-avatars", + "/primer-base", + "/primer-blankslate", + "/primer-box", + "/primer-breadcrumb", + "/primer-buttons", + "/primer-cards", + "/primer-core", + "/primer-css", + "/primer-forms", + "/primer-labels", + "/primer-layout", + "/primer-markdown", + "/primer-marketing", + "/primer-marketing-type", + "/primer-marketing-utilities", + "/primer-navigation", + "/primer-page-headers", + "/primer-page-sections", + "/primer-product", + "/primer-table-object", + "/primer-tables", + "/primer-tooltips", + "/primer-truncate", + "/primer-utilities" + ], + "_resolved": "https://registry.npmjs.org/primer-support/-/primer-support-4.3.0.tgz", + "_shasum": "c470fef8c0bff2ec8a771a0749783c2b388118fe", + "_shrinkwrap": null, + "_spec": "primer-support@4.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": {}, + "description": "Sass variables, mixins, and functions for use in our components.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "c470fef8c0bff2ec8a771a0749783c2b388118fe", + "tarball": "https://registry.npmjs.org/primer-support/-/primer-support-4.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "docs" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "mixins", + "functions", + "variables", + "scss" + ], + "license": "MIT", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-support", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "support" + }, + "readme": "# Primer CSS Support\n\n[![npm version](http://img.shields.io/npm/v/primer-support.svg)](https://www.npmjs.org/package/primer-support)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.\n>\n> Most of the time to include these you'll only need to add `@import \"support/support\";` to the top of your bundle. If you want only a specific partial you can import them separately.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-support` with this command.\n\n```\n$ npm install --save primer-support\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-support/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Documentation\n\n\n\nPrimer is built on systems that form the foundation of our styles, and inform the way we write and organize our CSS. Building upon systems helps us make styles consistent and interoperable with each other, and assists us with visual hierarchy and vertical rhythm.\n\nWe use Sass variables to keep color, typography, spacing, and other foundations of our system consistent. Occasionally we use Sass mixins to apply multiple CSS properties, they are a convenient solution for frequently-used verbose patterns.\n\nWe've documented variables, mixins, and the systems they are built on for the following:\n- [Breakpoints](./support/breakpoints)\n- [Colors](./support/color-system)\n- [Spacing](./support/spacing)\n- [Typography](./support/typography)\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-support" + }, + "scripts": { + "lint": "stylelint **/*.scss -s scss", + "test": "npm run lint" + }, + "style": "index.scss", + "version": "4.3.0" +} diff --git a/node_modules/primer-table-object/LICENSE b/node_modules/primer-table-object/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-table-object/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-table-object/README.md b/node_modules/primer-table-object/README.md new file mode 100644 index 000000000..43d5996c1 --- /dev/null +++ b/node_modules/primer-table-object/README.md @@ -0,0 +1,69 @@ +# Primer CSS table object + +[![npm version](http://img.shields.io/npm/v/primer-table-object.svg)](https://www.npmjs.org/package/primer-table-object) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it’s cross browser friendly back to at least IE9. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-table-object` with this command. + +``` +$ npm install --save primer-table-object +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-table-object/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +The table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it's cross browser friendly back to at least IE9. + +Additional `margin` or `padding` may be required to properly space content. + +```html +
+
+ +
+
+ +
+
+``` + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-table-object/build/build.css b/node_modules/primer-table-object/build/build.css new file mode 100644 index 000000000..39c5d96d4 --- /dev/null +++ b/node_modules/primer-table-object/build/build.css @@ -0,0 +1 @@ +.TableObject{display:table}.TableObject-item{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}.TableObject-item--primary{width:99%} diff --git a/node_modules/primer-table-object/build/index.js b/node_modules/primer-table-object/build/index.js new file mode 100644 index 000000000..d967c2022 --- /dev/null +++ b/node_modules/primer-table-object/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":152,"gzipSize":123,"humanizedSize":"152B","humanizedGzipSize":"123B","rules":{"total":3,"size":{"graph":[1,4,1],"max":4,"average":2}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".TableObject",".TableObject-item",".TableObject-item--primary"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"properties":{"display":["table","table-cell"],"width":["1%","99%"],"white-space":["nowrap"],"vertical-align":["middle"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-table-object/index.scss b/node_modules/primer-table-object/index.scss new file mode 100644 index 000000000..2adb46283 --- /dev/null +++ b/node_modules/primer-table-object/index.scss @@ -0,0 +1 @@ +@import "./lib/table-object.scss"; diff --git a/node_modules/primer-table-object/lib/table-object.scss b/node_modules/primer-table-object/lib/table-object.scss new file mode 100644 index 000000000..353c7328c --- /dev/null +++ b/node_modules/primer-table-object/lib/table-object.scss @@ -0,0 +1,20 @@ +// TableObject is a module for creating dynamically resizable elements that +// always sit on the same horizontal line (e.g., they never wrap). Using +// tables means it's cross browser friendly. + +.TableObject { + display: table; +} + +// Place this on every "cell" +.TableObject-item { + display: table-cell; + width: 1%; + white-space: nowrap; + vertical-align: middle; +} + +// Place this on the largest or most important "cell" +.TableObject-item--primary { + width: 99%; +} diff --git a/node_modules/primer-table-object/package.json b/node_modules/primer-table-object/package.json new file mode 100644 index 000000000..57ae669c8 --- /dev/null +++ b/node_modules/primer-table-object/package.json @@ -0,0 +1,142 @@ +{ + "_args": [ + [ + { + "raw": "primer-table-object@1.3.0", + "scope": null, + "escapedName": "primer-table-object", + "name": "primer-table-object", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-table-object@1.3.0", + "_id": "primer-table-object@1.3.0", + "_inCache": true, + "_location": "/primer-table-object", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-table-object-1.3.0.tgz_1502924199864_0.4699302255176008" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-table-object@1.3.0", + "scope": null, + "escapedName": "primer-table-object", + "name": "primer-table-object", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-1.3.0.tgz", + "_shasum": "98e116ee8cca51f2c81d45267a754faf731e7cfb", + "_shrinkwrap": null, + "_spec": "primer-table-object@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "A module for creating dynamically resizable elements that always sit on the same horizontal line.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "98e116ee8cca51f2c81d45267a754faf731e7cfb", + "tarball": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-table-object", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "objects" + }, + "readme": "# Primer CSS table object\n\n[![npm version](http://img.shields.io/npm/v/primer-table-object.svg)](https://www.npmjs.org/package/primer-table-object)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it’s cross browser friendly back to at least IE9.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-table-object` with this command.\n\n```\n$ npm install --save primer-table-object\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-table-object/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nThe table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it's cross browser friendly back to at least IE9.\n\nAdditional `margin` or `padding` may be required to properly space content.\n\n```html\n
\n
\n \n
\n
\n \n
\n
\n```\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-table-object" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint test-docs", + "test-docs": "ava --verbose ../../tests/modules/test-*.js" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-tables/LICENSE b/node_modules/primer-tables/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-tables/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-tables/README.md b/node_modules/primer-tables/README.md new file mode 100644 index 000000000..c1a990e42 --- /dev/null +++ b/node_modules/primer-tables/README.md @@ -0,0 +1,57 @@ +# Primer Marketing CSS Tables + +[![npm version](http://img.shields.io/npm/v/primer-tables.svg)](https://www.npmjs.org/package/primer-tables) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Styles to display tabular data for marketing websites at GitHub. + +This repository is a module of the full [primer-css][primer] repository. + +## Documentation + + + +Documentation & refactor coming very soon + + + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-tables` with this command. + +``` +$ npm install --save primer-tables +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-tables/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` + +``` +$ npm run build +``` + +## License + +MIT © [GitHub](https://github.com/) + +[primer]: https://github.com/primer/primer +[primer-support]: https://github.com/primer/primer-support +[support]: https://github.com/primer/primer-support +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-tables/build/build.css b/node_modules/primer-tables/build/build.css new file mode 100644 index 000000000..f48133afc --- /dev/null +++ b/node_modules/primer-tables/build/build.css @@ -0,0 +1 @@ +.data-table{width:100%;margin-top:16px;border-collapse:collapse;border:1px #e1e4e8 solid;box-shadow:0 1px 1px rgba(27,31,35,0.05)}.data-table th{font-weight:400;text-align:left}.data-table td,.data-table th{padding:16px;border-right:1px #e1e4e8 solid;border-bottom:1px #e1e4e8 solid}.data-table tbody th{width:25%}.data-table tbody th,.data-table tbody td{border-bottom-color:#e1e4e8}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:1px #e1e4e8 solid} diff --git a/node_modules/primer-tables/build/index.js b/node_modules/primer-tables/build/index.js new file mode 100644 index 000000000..3c22cc7ca --- /dev/null +++ b/node_modules/primer-tables/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":487,"gzipSize":232,"humanizedSize":"487B","humanizedGzipSize":"232B","rules":{"total":6,"size":{"graph":[5,2,3,1,1,1],"max":5,"average":2.1666666666666665}},"selectors":{"total":9,"type":8,"class":9,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".data-table",".data-table th",".data-table td",".data-table th",".data-table tbody th",".data-table tbody th",".data-table tbody td",".data-table tbody tr:last-child th",".data-table tbody tr:last-child td"],"specificity":{"max":23,"average":13.88888888888889}},"declarations":{"total":13,"unique":12,"properties":{"width":["100%","25%"],"margin-top":["16px"],"border-collapse":["collapse"],"border":["1px #e1e4e8 solid"],"box-shadow":["0 1px 1px rgba(27,31,35,0.05)"],"font-weight":["400"],"text-align":["left"],"padding":["16px"],"border-right":["1px #e1e4e8 solid"],"border-bottom":["1px #e1e4e8 solid","1px #e1e4e8 solid"],"border-bottom-color":["#e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-tables/index.scss b/node_modules/primer-tables/index.scss new file mode 100644 index 000000000..1505afe54 --- /dev/null +++ b/node_modules/primer-tables/index.scss @@ -0,0 +1,4 @@ +// support files +@import "primer-support/index.scss"; +@import "primer-marketing-support/index.scss"; +@import "./lib/tables.scss"; diff --git a/node_modules/primer-tables/lib/tables.scss b/node_modules/primer-tables/lib/tables.scss new file mode 100644 index 000000000..f362d0295 --- /dev/null +++ b/node_modules/primer-tables/lib/tables.scss @@ -0,0 +1,39 @@ +// stylelint-disable selector-max-type, selector-max-compound-selectors + +.data-table { + width: 100%; + margin-top: $spacer-3; + border-collapse: collapse; + border: $border; + box-shadow: 0 1px 1px rgba($black, 0.05); + + th { + font-weight: $font-weight-normal; + text-align: left; + } + + td, + th { + padding: $spacer-3; + border-right: $border; + border-bottom: $border; + } + + tbody { + th { + width: 25%; + } + + th, + td { + border-bottom-color: $border-gray; + } + + tr:last-child { + th, + td { + border-bottom: $border; + } + } + } +} diff --git a/node_modules/primer-tables/package.json b/node_modules/primer-tables/package.json new file mode 100644 index 000000000..c14b9bd28 --- /dev/null +++ b/node_modules/primer-tables/package.json @@ -0,0 +1,144 @@ +{ + "_args": [ + [ + { + "raw": "primer-tables@1.3.0", + "scope": null, + "escapedName": "primer-tables", + "name": "primer-tables", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-tables@1.3.0", + "_id": "primer-tables@1.3.0", + "_inCache": true, + "_location": "/primer-tables", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-tables-1.3.0.tgz_1502924200155_0.8143700051587075" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-tables@1.3.0", + "scope": null, + "escapedName": "primer-tables", + "name": "primer-tables", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-css", + "/primer-marketing" + ], + "_resolved": "https://registry.npmjs.org/primer-tables/-/primer-tables-1.3.0.tgz", + "_shasum": "57e86cd41a9ce3e303c5abcdbe4d2940d2a2554a", + "_shrinkwrap": null, + "_spec": "primer-tables@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-marketing-support": "1.3.0", + "primer-support": "4.3.0" + }, + "description": "Styles to display tabular data for marketing websites at GitHub.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "57e86cd41a9ce3e303c5abcdbe4d2940d2a2554a", + "tarball": "https://registry.npmjs.org/primer-tables/-/primer-tables-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "css", + "github", + "primer", + "primercss", + "style", + "tables" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-tables", + "optionalDependencies": {}, + "primer": { + "category": "marketing", + "module_type": "components" + }, + "readme": "# Primer Marketing CSS Tables\n\n[![npm version](http://img.shields.io/npm/v/primer-tables.svg)](https://www.npmjs.org/package/primer-tables)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Styles to display tabular data for marketing websites at GitHub.\n\nThis repository is a module of the full [primer-css][primer] repository.\n\n## Documentation\n\n\n\nDocumentation & refactor coming very soon\n\n\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-tables` with this command.\n\n```\n$ npm install --save primer-tables\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-tables/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`\n\n```\n$ npm run build\n```\n\n## License\n\nMIT © [GitHub](https://github.com/)\n\n[primer]: https://github.com/primer/primer\n[primer-support]: https://github.com/primer/primer-support\n[support]: https://github.com/primer/primer-support\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-tables" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "build/build.css", + "version": "1.3.0" +} diff --git a/node_modules/primer-tooltips/LICENSE b/node_modules/primer-tooltips/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-tooltips/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-tooltips/README.md b/node_modules/primer-tooltips/README.md new file mode 100644 index 000000000..148c532f6 --- /dev/null +++ b/node_modules/primer-tooltips/README.md @@ -0,0 +1,117 @@ +# Primer CSS Tooltips + +[![npm version](http://img.shields.io/npm/v/primer-tooltips.svg)](https://www.npmjs.org/package/primer-tooltips) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an aria-label attribute. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-tooltips` with this command. + +``` +$ npm install --save primer-tooltips +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-tooltips/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an `aria-label` attribute. + +**Attention**: we use `aria-label` for tooltips instead of something like `data-tooltip` because it is crucial that the tooltip content is available for screen reader users as well. However, `aria-label` **replaces** the text content of an element for screen reader users, so only use tooltip if there is no better way to present the information, or consider using `title` for supplement information. + +In addition, you'll want to specify a direction: + +- `.tooltipped-n` +- `.tooltipped-ne` +- `.tooltipped-e` +- `.tooltipped-se` +- `.tooltipped-s` +- `.tooltipped-sw` +- `.tooltipped-w` +- `.tooltipped-nw` + +Tooltip classes will conflict with Octicon classes, and as such, must go on a parent element instead of the icon. + +```html + + Tooltip North + + + Tooltip North East + + + Tooltip East + + + Tooltip South East + + + Tooltip South + + + Tooltip South West + + + Tooltip West + + + Tooltip North West + +``` + +#### Tooltips with multiple lines +Use `.tooltipped-multiline` when you have long content. This style has some limitations: you cannot pre-format the text with newlines, and tooltips are limited to a max-width of `250px`. + + +```html + + Tooltip with multiple lines + +``` + +#### Tooltips No Delay + +By default the tooltips have a slight delay before appearing. This is to keep multiple tooltips in the UI from being distracting. There is a modifier class you can use to override this. `.tooltipped-no-delay` + +```html + + Tooltip no delay + +``` + + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-tooltips/build/build.css b/node_modules/primer-tooltips/build/build.css new file mode 100644 index 000000000..cbc019812 --- /dev/null +++ b/node_modules/primer-tooltips/build/build.css @@ -0,0 +1 @@ +.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(27,31,35,0.8);border-radius:3px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(27,31,35,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.4s;animation-delay:.4s}.tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after{opacity:1;-webkit-animation:none;animation:none}.tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:5px}.tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(27,31,35,0.8)}.tooltipped-se::after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw::after{margin-right:-15px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(27,31,35,0.8)}.tooltipped-ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw::after{margin-right:-15px}.tooltipped-s::after,.tooltipped-n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(27,31,35,0.8)}.tooltipped-e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(27,31,35,0.8)}.tooltipped-multiline::after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after{right:100%}@media screen and (min-width: 0\0){.tooltipped-multiline::after{width:250px}}.tooltipped-sticky::before,.tooltipped-sticky::after{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.tooltipped-w::after{margin-right:4.5px}} diff --git a/node_modules/primer-tooltips/build/index.js b/node_modules/primer-tooltips/build/index.js new file mode 100644 index 000000000..3d03e2191 --- /dev/null +++ b/node_modules/primer-tooltips/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":3998,"gzipSize":1083,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":30,"size":{"graph":[1,19,10,1,1,1,1,12,3,1,3,5,3,1,3,5,3,1,2,5,5,5,5,7,4,1,1,1,1,1],"max":19,"average":3.7333333333333334}},"selectors":{"total":54,"type":4,"class":50,"id":0,"pseudoClass":15,"pseudoElement":49,"values":[".tooltipped",".tooltipped::after",".tooltipped::before","from","to","from","to",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-s::before",".tooltipped-se::before",".tooltipped-sw::before",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-n::before",".tooltipped-ne::before",".tooltipped-nw::before",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-w::before",".tooltipped-e::after",".tooltipped-e::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-multiline::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after",".tooltipped-w::after"],"specificity":{"max":21,"average":13.944444444444445}},"declarations":{"total":112,"unique":82,"properties":{"position":["relative","absolute","absolute"],"z-index":["1000000","1000001"],"display":["none","none","inline-block","table-cell","inline-block","table-cell"],"padding":["5px 8px"],"font":["normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"-webkit-font-smoothing":["subpixel-antialiased"],"color":["#fff","rgba(27,31,35,0.8)"],"text-align":["center"],"text-decoration":["none","none"],"text-shadow":["none"],"text-transform":["none"],"letter-spacing":["normal"],"word-wrap":["break-word","break-word"],"white-space":["pre","pre-line"],"pointer-events":["none","none"],"content":["attr(aria-label)","\"\""],"background":["rgba(27,31,35,0.8)"],"border-radius":["3px"],"opacity":["0","0","0","1","0","1","1"],"width":["0","-webkit-max-content","-moz-max-content","max-content","250px"],"height":["0"],"border":["5px solid transparent"],"-webkit-animation-name":["tooltip-appear"],"animation-name":["tooltip-appear"],"-webkit-animation-duration":[".1s"],"animation-duration":[".1s"],"-webkit-animation-fill-mode":["forwards"],"animation-fill-mode":["forwards"],"-webkit-animation-timing-function":["ease-in"],"animation-timing-function":["ease-in"],"-webkit-animation-delay":[".4s"],"animation-delay":[".4s"],"-webkit-animation":["none"],"animation":["none"],"top":["100%","auto","-5px","50%","50%"],"right":["50%","50%","auto","50%","50%","auto","100%","-5px","auto","100%"],"margin-top":["5px","-5px","-5px"],"bottom":["-5px","100%","auto","50%","50%","50%","50%"],"margin-right":["-5px","-15px","-5px","-15px","5px","4.5px"],"border-bottom-color":["rgba(27,31,35,0.8)"],"left":["50%","50%","-5px","100%","50%"],"margin-left":["-15px","-15px","5px"],"margin-bottom":["5px"],"border-top-color":["rgba(27,31,35,0.8)"],"-webkit-transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)"],"border-left-color":["rgba(27,31,35,0.8)"],"border-right-color":["rgba(27,31,35,0.8)"],"max-width":["250px"],"border-collapse":["separate"]}},"mediaQueries":{"total":2,"unique":2,"values":["screen and (min-width: 0\\0)","only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"],"contents":[{"value":"screen and (min-width: 0\\0)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-multiline::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"width":["250px"]}}},{"value":"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-w::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"margin-right":["4.5px"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-tooltips/index.scss b/node_modules/primer-tooltips/index.scss new file mode 100644 index 000000000..688f6f56e --- /dev/null +++ b/node_modules/primer-tooltips/index.scss @@ -0,0 +1,2 @@ +@import "primer-support/index.scss"; +@import "./lib/tooltips.scss"; diff --git a/node_modules/primer-tooltips/lib/tooltips.scss b/node_modules/primer-tooltips/lib/tooltips.scss new file mode 100644 index 000000000..84aa51c62 --- /dev/null +++ b/node_modules/primer-tooltips/lib/tooltips.scss @@ -0,0 +1,280 @@ +.tooltipped { + position: relative; +} + +// This is the tooltip bubble +.tooltipped::after { + position: absolute; + z-index: 1000000; + display: none; + padding: 5px $spacer-2; + font: normal normal 11px/1.5 $body-font; + -webkit-font-smoothing: subpixel-antialiased; + color: $tooltip-text-color; + text-align: center; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-wrap: break-word; + white-space: pre; + pointer-events: none; + content: attr(aria-label); + background: $tooltip-background-color; + border-radius: 3px; + opacity: 0; +} + +// This is the tooltip arrow +.tooltipped::before { + position: absolute; + z-index: 1000001; + display: none; + width: 0; + height: 0; + color: $tooltip-background-color; + pointer-events: none; + content: ""; + border: 5px solid transparent; + opacity: 0; +} + +// delay animation for tooltip +@keyframes tooltip-appear { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +// This will indicate when we'll activate the tooltip +.tooltipped:hover, +.tooltipped:active, +.tooltipped:focus { + &::before, + &::after { + display: inline-block; + text-decoration: none; + animation-name: tooltip-appear; + animation-duration: $tooltip-duration; + animation-fill-mode: forwards; + animation-timing-function: ease-in; + animation-delay: $tooltip-delay; + } +} + +.tooltipped-no-delay:hover, +.tooltipped-no-delay:active, +.tooltipped-no-delay:focus { + &::before, + &::after { + opacity: 1; + animation: none; + } +} + +.tooltipped-multiline:hover, +.tooltipped-multiline:active, +.tooltipped-multiline:focus { + &::after { + display: table-cell; + } +} + +// Tooltipped south +.tooltipped-s, +.tooltipped-se, +.tooltipped-sw { + &::after { + top: 100%; + right: 50%; + margin-top: 5px; + } + + &::before { + top: auto; + right: 50%; + bottom: -5px; + margin-right: -5px; + border-bottom-color: $tooltip-background-color; + } +} + +.tooltipped-se { + &::after { + right: auto; + left: 50%; + margin-left: -15px; + } +} + +.tooltipped-sw::after { + margin-right: -15px; +} + +// Tooltips above the object +.tooltipped-n, +.tooltipped-ne, +.tooltipped-nw { + &::after { + right: 50%; + bottom: 100%; + margin-bottom: 5px; + } + + &::before { + top: -5px; + right: 50%; + bottom: auto; + margin-right: -5px; + border-top-color: $tooltip-background-color; + } +} + +.tooltipped-ne { + &::after { + right: auto; + left: 50%; + margin-left: -15px; + } +} + +.tooltipped-nw::after { + margin-right: -15px; +} + +// Move the tooltip body to the center of the object. +.tooltipped-s::after, +.tooltipped-n::after { + transform: translateX(50%); +} + +// Tooltipped to the left +.tooltipped-w { + &::after { + right: 100%; + bottom: 50%; + margin-right: 5px; + transform: translateY(50%); + } + + &::before { + top: 50%; + bottom: 50%; + left: -5px; + margin-top: -5px; + border-left-color: $tooltip-background-color; + } +} + +// tooltipped to the right +.tooltipped-e { + &::after { + bottom: 50%; + left: 100%; + margin-left: 5px; + transform: translateY(50%); + } + + &::before { + top: 50%; + right: -5px; + bottom: 50%; + margin-top: -5px; + border-right-color: $tooltip-background-color; + } +} + +// Multiline tooltips +// +// `.tooltipped-multiline` Add this class when you have long content. +// The downside is you cannot preformat the text with newlines and `[w,e]` +// are always `$tooltip-max-width` wide. +.tooltipped-multiline { + &::after { + width: max-content; + max-width: $tooltip-max-width; + word-wrap: break-word; + white-space: pre-line; + border-collapse: separate; + } + + &.tooltipped-s::after, + &.tooltipped-n::after { + right: auto; + left: 50%; + transform: translateX(-50%); + } + + &.tooltipped-w::after, + &.tooltipped-e::after { + right: 100%; + } +} + +@media screen and (min-width: 0\0) { + // IE11 + .tooltipped-multiline::after { + width: $tooltip-max-width; + } +} + +// Sticky tooltips +// +// Always show the tooltip. +.tooltipped-sticky { + &::before, + &::after { + display: inline-block; + } + + &.tooltipped-multiline { + &::after { + display: table-cell; + } + } +} + +// Alert tooltips +// +// Colors for different alert states. +@mixin colorizeTooltip($text-color, $background-color) { + &::after { + color: $text-color; + background: $background-color; + } + + &.tooltipped-s, + &.tooltipped-se, + &.tooltipped-sw { + &::before { + border-bottom-color: $background-color; + } + } + + &.tooltipped-n, + &.tooltipped-ne, + &.tooltipped-nw { + &::before { + border-top-color: $background-color; + } + } + + &.tooltipped-e::before { + border-right-color: $background-color; + } + + &.tooltipped-w::before { + border-left-color: $background-color; + } +} + +@include retina-media-query { + .tooltipped-w::after { + // weird bug on retina + margin-right: 4.5px; + } +} diff --git a/node_modules/primer-tooltips/package.json b/node_modules/primer-tooltips/package.json new file mode 100644 index 000000000..f1b56e267 --- /dev/null +++ b/node_modules/primer-tooltips/package.json @@ -0,0 +1,142 @@ +{ + "_args": [ + [ + { + "raw": "primer-tooltips@1.3.0", + "scope": null, + "escapedName": "primer-tooltips", + "name": "primer-tooltips", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-tooltips@1.3.0", + "_id": "primer-tooltips@1.3.0", + "_inCache": true, + "_location": "/primer-tooltips", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-tooltips-1.3.0.tgz_1502924200213_0.08120175660587847" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-tooltips@1.3.0", + "scope": null, + "escapedName": "primer-tooltips", + "name": "primer-tooltips", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.3.0.tgz", + "_shasum": "ea3b4955c6b3d6de5a26d30379e7a58b93331ea3", + "_shrinkwrap": null, + "_spec": "primer-tooltips@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Add tooltips built entirely in CSS to nearly any element.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "ea3b4955c6b3d6de5a26d30379e7a58b93331ea3", + "tarball": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-tooltips", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "components" + }, + "readme": "# Primer CSS Tooltips\n\n[![npm version](http://img.shields.io/npm/v/primer-tooltips.svg)](https://www.npmjs.org/package/primer-tooltips)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an aria-label attribute.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-tooltips` with this command.\n\n```\n$ npm install --save primer-tooltips\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-tooltips/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\nAdd tooltips built entirely in CSS to nearly any element. Just add a few classes and an `aria-label` attribute.\n\n**Attention**: we use `aria-label` for tooltips instead of something like `data-tooltip` because it is crucial that the tooltip content is available for screen reader users as well. However, `aria-label` **replaces** the text content of an element for screen reader users, so only use tooltip if there is no better way to present the information, or consider using `title` for supplement information.\n\nIn addition, you'll want to specify a direction:\n\n- `.tooltipped-n`\n- `.tooltipped-ne`\n- `.tooltipped-e`\n- `.tooltipped-se`\n- `.tooltipped-s`\n- `.tooltipped-sw`\n- `.tooltipped-w`\n- `.tooltipped-nw`\n\nTooltip classes will conflict with Octicon classes, and as such, must go on a parent element instead of the icon.\n\n```html\n\n Tooltip North\n\n\n Tooltip North East\n\n\n Tooltip East\n\n\n Tooltip South East\n\n\n Tooltip South\n\n\n Tooltip South West\n\n\n Tooltip West\n\n\n Tooltip North West\n\n```\n\n#### Tooltips with multiple lines\nUse `.tooltipped-multiline` when you have long content. This style has some limitations: you cannot pre-format the text with newlines, and tooltips are limited to a max-width of `250px`.\n\n\n```html\n\n Tooltip with multiple lines\n\n```\n\n#### Tooltips No Delay\n\nBy default the tooltips have a slight delay before appearing. This is to keep multiple tooltips in the UI from being distracting. There is a modifier class you can use to override this. `.tooltipped-no-delay`\n\n```html\n\n Tooltip no delay\n\n```\n\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-tooltips" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint test-docs", + "test-docs": "ava --verbose ../../tests/modules/test-*.js" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-truncate/LICENSE b/node_modules/primer-truncate/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-truncate/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-truncate/README.md b/node_modules/primer-truncate/README.md new file mode 100644 index 000000000..a679ce657 --- /dev/null +++ b/node_modules/primer-truncate/README.md @@ -0,0 +1,68 @@ +# Primer CSS Truncate + +[![npm version](http://img.shields.io/npm/v/primer-truncate.svg)](https://www.npmjs.org/package/primer-truncate) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> .css-truncate will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of the .css-truncate-target. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-truncate` with this command. + +``` +$ npm install --save primer-truncate +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-truncate/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + + + +`.css-truncate` will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of `.css-truncate-target`. Unless the full text is so long that it affects performace, always add `title` to the truncated element so the full text can still be seen. + +```html + + really-long-branch-name + +``` + +You can reveal the entire string on hover with the addition of `.expandable`. + +```html + +``` + + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-truncate/build/build.css b/node_modules/primer-truncate/build/build.css new file mode 100644 index 000000000..eed10e529 --- /dev/null +++ b/node_modules/primer-truncate/build/build.css @@ -0,0 +1 @@ +.css-truncate.css-truncate-target,.css-truncate .css-truncate-target{display:inline-block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target{max-width:10000px !important} diff --git a/node_modules/primer-truncate/build/index.js b/node_modules/primer-truncate/build/index.js new file mode 100644 index 000000000..7d8e35d74 --- /dev/null +++ b/node_modules/primer-truncate/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":453,"gzipSize":196,"humanizedSize":"453B","humanizedGzipSize":"196B","rules":{"total":2,"size":{"graph":[6,1],"max":6,"average":3.5}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".css-truncate.expandable:hover.css-truncate-target"],"specificity":{"max":40,"average":33.333333333333336}},"declarations":{"total":7,"unique":7,"properties":{"display":["inline-block"],"max-width":["125px","10000px"],"overflow":["hidden"],"text-overflow":["ellipsis"],"white-space":["nowrap"],"vertical-align":["top"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}} \ No newline at end of file diff --git a/node_modules/primer-truncate/index.scss b/node_modules/primer-truncate/index.scss new file mode 100644 index 000000000..61e518ace --- /dev/null +++ b/node_modules/primer-truncate/index.scss @@ -0,0 +1 @@ +@import "./lib/truncate.scss"; diff --git a/node_modules/primer-truncate/lib/truncate.scss b/node_modules/primer-truncate/lib/truncate.scss new file mode 100644 index 000000000..7e38d828c --- /dev/null +++ b/node_modules/primer-truncate/lib/truncate.scss @@ -0,0 +1,27 @@ +// Truncate +// +// css-truncate will shorten text with an ellipsis. + +.css-truncate { + // Truncate double target + // + // css-truncate will shorten text with an ellipsis. The maximum width + // of the truncated text can be changed by overriding the max-width + // of the .css-truncate-target + &.css-truncate-target, + .css-truncate-target { + display: inline-block; + max-width: 125px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: top; + } + + &.expandable.zeroclipboard-is-hover .css-truncate-target, + &.expandable.zeroclipboard-is-hover.css-truncate-target, + &.expandable:hover .css-truncate-target, + &.expandable:hover.css-truncate-target { + max-width: 10000px !important; + } +} diff --git a/node_modules/primer-truncate/package.json b/node_modules/primer-truncate/package.json new file mode 100644 index 000000000..52840ef76 --- /dev/null +++ b/node_modules/primer-truncate/package.json @@ -0,0 +1,145 @@ +{ + "_args": [ + [ + { + "raw": "primer-truncate@1.3.0", + "scope": null, + "escapedName": "primer-truncate", + "name": "primer-truncate", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-truncate@1.3.0", + "_id": "primer-truncate@1.3.0", + "_inCache": true, + "_location": "/primer-truncate", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-truncate-1.3.0.tgz_1502924203728_0.019793469225987792" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-truncate@1.3.0", + "scope": null, + "escapedName": "primer-truncate", + "name": "primer-truncate", + "rawSpec": "1.3.0", + "spec": "1.3.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-1.3.0.tgz", + "_shasum": "44ebbfe5e4bf295093f69317bad562f538a51d86", + "_shrinkwrap": null, + "_spec": "primer-truncate@1.3.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Shorten text with an ellipsis.", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "44ebbfe5e4bf295093f69317bad562f538a51d86", + "tarball": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-1.3.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss", + "truncate", + "ellipsis", + "text" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-truncate", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "components" + }, + "readme": "# Primer CSS Truncate\n\n[![npm version](http://img.shields.io/npm/v/primer-truncate.svg)](https://www.npmjs.org/package/primer-truncate)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> .css-truncate will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of the .css-truncate-target.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-truncate` with this command.\n\n```\n$ npm install --save primer-truncate\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-truncate/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n\n\n`.css-truncate` will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of `.css-truncate-target`. Unless the full text is so long that it affects performace, always add `title` to the truncated element so the full text can still be seen.\n\n```html\n\n really-long-branch-name\n\n```\n\nYou can reveal the entire string on hover with the addition of `.expandable`.\n\n```html\n\n this-is-a-really-long-branch-name\n\n```\n\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-truncate" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint test-docs", + "test-docs": "ava --verbose ../../tests/modules/test-*.js" + }, + "style": "index.scss", + "version": "1.3.0" +} diff --git a/node_modules/primer-utilities/LICENSE b/node_modules/primer-utilities/LICENSE new file mode 100644 index 000000000..5715c1369 --- /dev/null +++ b/node_modules/primer-utilities/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016 GitHub Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/node_modules/primer-utilities/README.md b/node_modules/primer-utilities/README.md new file mode 100644 index 000000000..cb48019cc --- /dev/null +++ b/node_modules/primer-utilities/README.md @@ -0,0 +1,48 @@ +# Primer CSS Utilities + +[![npm version](http://img.shields.io/npm/v/primer-utilities.svg)](https://www.npmjs.org/package/primer-utilities) +[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css) + +> There are a handful of utilities in Primer for quick behaviors, floats, colors, alignment, and more. + +This repository is a module of the full [primer-css][primer-css] repository. + +## Install + +This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-utilities` with this command. + +``` +$ npm install --save primer-utilities +``` + +## Usage + +The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this. + +```scss +@import "primer-utilities/index.scss"; +``` + +You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._ + +## Build + +For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package. + +``` +$ npm run build +``` + +## Documentation + +You can read more about utilities in the [docs folder](./docs/). + +## License + +[MIT](./LICENSE) © [GitHub](https://github.com/) + +[primer-css]: https://github.com/primer/primer +[docs]: http://primercss.io/ +[npm]: https://www.npmjs.com/ +[install-npm]: https://docs.npmjs.com/getting-started/installing-node +[sass]: http://sass-lang.com/ diff --git a/node_modules/primer-utilities/build/build.css b/node_modules/primer-utilities/build/build.css new file mode 100644 index 000000000..45b3e54ad --- /dev/null +++ b/node_modules/primer-utilities/build/build.css @@ -0,0 +1 @@ +.anim-fade-in{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.anim-fade-in.fast{-webkit-animation-duration:300ms;animation-duration:300ms}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.anim-fade-up{opacity:0;-webkit-animation-name:fade-up;animation-name:fade-up;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0.8;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.anim-fade-down{-webkit-animation-name:fade-down;animation-name:fade-down;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes fade-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0.5;-webkit-transform:translateY(100%);transform:translateY(100%)}}.anim-grow-x{width:0%;-webkit-animation-name:grow-x;animation-name:grow-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes grow-x{to{width:100%}}@keyframes grow-x{to{width:100%}}.anim-shrink-x{-webkit-animation-name:shrink-x;animation-name:shrink-x;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0.5s;animation-delay:0.5s}@-webkit-keyframes shrink-x{to{width:0%}}@keyframes shrink-x{to{width:0%}}.anim-scale-in{-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.anim-pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}@keyframes pulse{0%{opacity:0.3}10%{opacity:1}100%{opacity:0.3}}.anim-pulse-in{-webkit-animation-name:pulse-in;animation-name:pulse-in;-webkit-animation-duration:0.5s;animation-duration:0.5s}@-webkit-keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse-in{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.border{border:1px #e1e4e8 solid !important}.border-top{border-top:1px #e1e4e8 solid !important}.border-right{border-right:1px #e1e4e8 solid !important}.border-bottom{border-bottom:1px #e1e4e8 solid !important}.border-left{border-left:1px #e1e4e8 solid !important}.border-y{border-top:1px #e1e4e8 solid !important;border-bottom:1px #e1e4e8 solid !important}.border-dashed{border-style:dashed !important}.border-blue{border-color:#0366d6 !important}.border-blue-light{border-color:#c8e1ff !important}.border-green{border-color:#34d058 !important}.border-green-light{border-color:#a2cbac !important}.border-red{border-color:#d73a49 !important}.border-red-light{border-color:#cea0a5 !important}.border-purple{border-color:#6f42c1 !important}.border-yellow{border-color:#d9d0a5 !important}.border-gray-light{border-color:#eaecef !important}.border-gray-dark{border-color:#d1d5da !important}.border-black-fade{border-color:rgba(27,31,35,0.15) !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:3px !important}.rounded-2{border-radius:6px !important}.box-shadow{box-shadow:0 1px 1px rgba(27,31,35,0.1) !important}.box-shadow-medium{box-shadow:0 1px 5px rgba(27,31,35,0.15) !important}.box-shadow-large{box-shadow:0 1px 15px rgba(27,31,35,0.15) !important}.box-shadow-extra-large{box-shadow:0 10px 50px rgba(27,31,35,0.07) !important}.box-shadow-none{box-shadow:none !important}.bg-white{background-color:#fff !important}.bg-blue{background-color:#0366d6 !important}.bg-blue-light{background-color:#f1f8ff !important}.bg-gray-dark{background-color:#24292e !important}.bg-gray{background-color:#f6f8fa !important}.bg-gray-light{background-color:#fafbfc !important}.bg-green{background-color:#28a745 !important}.bg-green-light{background-color:#dcffe4 !important}.bg-red{background-color:#d73a49 !important}.bg-red-light{background-color:#ffdce0 !important}.bg-yellow{background-color:#ffd33d !important}.bg-yellow-light{background-color:#fff5b1 !important}.bg-purple{background-color:#6f42c1 !important}.bg-purple-light{background-color:#f5f0ff !important}.bg-shade-gradient{background-image:linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0)) !important;background-repeat:no-repeat !important;background-size:100% 200px !important}.text-blue{color:#0366d6 !important}.text-red{color:#cb2431 !important}.text-gray-light{color:#6a737d !important}.text-gray{color:#586069 !important}.text-gray-dark{color:#24292e !important}.text-green{color:#28a745 !important}.text-orange{color:#a04100 !important}.text-orange-light{color:#e36209 !important}.text-purple{color:#6f42c1 !important}.text-white{color:#fff !important}.text-inherit{color:inherit !important}.text-pending{color:#b08800 !important}.bg-pending{color:#dbab09 !important}.link-gray{color:#586069 !important}.link-gray:hover{color:#0366d6 !important}.link-gray-dark{color:#24292e !important}.link-gray-dark:hover{color:#0366d6 !important}.link-hover-blue:hover{color:#0366d6 !important}.muted-link{color:#586069 !important}.muted-link:hover{color:#0366d6 !important;text-decoration:none}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-justify-around{justify-content:space-around !important}.flex-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-content-start{align-content:flex-start !important}.flex-content-end{align-content:flex-end !important}.flex-content-center{align-content:center !important}.flex-content-between{align-content:space-between !important}.flex-content-around{align-content:space-around !important}.flex-content-stretch{align-content:stretch !important}.flex-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-shrink-0{flex-shrink:0 !important}.flex-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-self-start{align-self:flex-start !important}.flex-self-end{align-self:flex-end !important}.flex-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-self-baseline{align-self:baseline !important}.flex-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}@media (min-width: 544px){.flex-sm-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-sm-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-sm-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-sm-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-sm-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-sm-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-sm-justify-around{justify-content:space-around !important}.flex-sm-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-sm-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-sm-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-sm-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-sm-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-sm-content-start{align-content:flex-start !important}.flex-sm-content-end{align-content:flex-end !important}.flex-sm-content-center{align-content:center !important}.flex-sm-content-between{align-content:space-between !important}.flex-sm-content-around{align-content:space-around !important}.flex-sm-content-stretch{align-content:stretch !important}.flex-sm-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-sm-self-start{align-self:flex-start !important}.flex-sm-self-end{align-self:flex-end !important}.flex-sm-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-sm-self-baseline{align-self:baseline !important}.flex-sm-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-sm-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 768px){.flex-md-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-md-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-md-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-md-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-md-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-md-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-md-justify-around{justify-content:space-around !important}.flex-md-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-md-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-md-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-md-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-md-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-md-content-start{align-content:flex-start !important}.flex-md-content-end{align-content:flex-end !important}.flex-md-content-center{align-content:center !important}.flex-md-content-between{align-content:space-between !important}.flex-md-content-around{align-content:space-around !important}.flex-md-content-stretch{align-content:stretch !important}.flex-md-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-md-self-start{align-self:flex-start !important}.flex-md-self-end{align-self:flex-end !important}.flex-md-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-md-self-baseline{align-self:baseline !important}.flex-md-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-md-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1012px){.flex-lg-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-lg-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-lg-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-lg-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-lg-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-lg-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-lg-justify-around{justify-content:space-around !important}.flex-lg-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-lg-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-lg-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-lg-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-lg-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-lg-content-start{align-content:flex-start !important}.flex-lg-content-end{align-content:flex-end !important}.flex-lg-content-center{align-content:center !important}.flex-lg-content-between{align-content:space-between !important}.flex-lg-content-around{align-content:space-around !important}.flex-lg-content-stretch{align-content:stretch !important}.flex-lg-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-lg-self-start{align-self:flex-start !important}.flex-lg-self-end{align-self:flex-end !important}.flex-lg-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-lg-self-baseline{align-self:baseline !important}.flex-lg-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-lg-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}@media (min-width: 1280px){.flex-xl-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;flex-direction:row !important}.flex-xl-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;flex-direction:row-reverse !important}.flex-xl-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;flex-direction:column !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-justify-start{-webkit-box-pack:start !important;justify-content:flex-start !important}.flex-xl-justify-end{-webkit-box-pack:end !important;justify-content:flex-end !important}.flex-xl-justify-center{-webkit-box-pack:center !important;justify-content:center !important}.flex-xl-justify-between{-webkit-box-pack:justify !important;justify-content:space-between !important}.flex-xl-justify-around{justify-content:space-around !important}.flex-xl-items-start{-webkit-box-align:start !important;align-items:flex-start !important}.flex-xl-items-end{-webkit-box-align:end !important;align-items:flex-end !important}.flex-xl-items-center{-webkit-box-align:center !important;align-items:center !important}.flex-xl-items-baseline{-webkit-box-align:baseline !important;align-items:baseline !important}.flex-xl-items-stretch{-webkit-box-align:stretch !important;align-items:stretch !important}.flex-xl-content-start{align-content:flex-start !important}.flex-xl-content-end{align-content:flex-end !important}.flex-xl-content-center{align-content:center !important}.flex-xl-content-between{align-content:space-between !important}.flex-xl-content-around{align-content:space-around !important}.flex-xl-content-stretch{align-content:stretch !important}.flex-xl-auto{-webkit-box-flex:1 !important;flex:1 1 auto !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-self-auto{-ms-grid-row-align:auto !important;align-self:auto !important}.flex-xl-self-start{align-self:flex-start !important}.flex-xl-self-end{align-self:flex-end !important}.flex-xl-self-center{-ms-grid-row-align:center !important;align-self:center !important}.flex-xl-self-baseline{align-self:baseline !important}.flex-xl-self-stretch{-ms-grid-row-align:stretch !important;align-self:stretch !important}.flex-xl-item-equal{-webkit-box-flex:1;flex-grow:1;flex-basis:0}}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.top-0{top:0 !important}.right-0{right:0 !important}.bottom-0{bottom:0 !important}.left-0{left:0 !important}.v-align-middle{vertical-align:middle !important}.v-align-top{vertical-align:top !important}.v-align-bottom{vertical-align:bottom !important}.v-align-text-top{vertical-align:text-top !important}.v-align-text-bottom{vertical-align:text-bottom !important}.overflow-hidden{overflow:hidden !important}.overflow-scroll{overflow:scroll !important}.overflow-auto{overflow:auto !important}.clearfix::before{display:table;content:""}.clearfix::after{display:table;clear:both;content:""}.float-right{float:right !important}.float-left{float:left !important}.float-none{float:none !important}@media (min-width: 544px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media (min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media (min-width: 1012px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media (min-width: 1280px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.width-fit{max-width:100% !important}.width-full{width:100% !important}.height-full{height:100% !important}.min-width-0{min-width:0 !important}.direction-rtl{direction:rtl !important}.direction-ltr{direction:ltr !important}@media (min-width: 544px){.direction-sm-rtl{direction:rtl !important}.direction-sm-ltr{direction:ltr !important}}@media (min-width: 768px){.direction-md-rtl{direction:rtl !important}.direction-md-ltr{direction:ltr !important}}@media (min-width: 1012px){.direction-lg-rtl{direction:rtl !important}.direction-lg-ltr{direction:ltr !important}}@media (min-width: 1280px){.direction-xl-rtl{direction:rtl !important}.direction-xl-ltr{direction:ltr !important}}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mt-n0{margin-top:-0 !important}.mr-n0{margin-right:-0 !important}.mb-n0{margin-bottom:-0 !important}.ml-n0{margin-left:-0 !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:4px !important}.mt-1{margin-top:4px !important}.mr-1{margin-right:4px !important}.mb-1{margin-bottom:4px !important}.ml-1{margin-left:4px !important}.mt-n1{margin-top:-4px !important}.mr-n1{margin-right:-4px !important}.mb-n1{margin-bottom:-4px !important}.ml-n1{margin-left:-4px !important}.mx-1{margin-right:4px !important;margin-left:4px !important}.my-1{margin-top:4px !important;margin-bottom:4px !important}.m-2{margin:8px !important}.mt-2{margin-top:8px !important}.mr-2{margin-right:8px !important}.mb-2{margin-bottom:8px !important}.ml-2{margin-left:8px !important}.mt-n2{margin-top:-8px !important}.mr-n2{margin-right:-8px !important}.mb-n2{margin-bottom:-8px !important}.ml-n2{margin-left:-8px !important}.mx-2{margin-right:8px !important;margin-left:8px !important}.my-2{margin-top:8px !important;margin-bottom:8px !important}.m-3{margin:16px !important}.mt-3{margin-top:16px !important}.mr-3{margin-right:16px !important}.mb-3{margin-bottom:16px !important}.ml-3{margin-left:16px !important}.mt-n3{margin-top:-16px !important}.mr-n3{margin-right:-16px !important}.mb-n3{margin-bottom:-16px !important}.ml-n3{margin-left:-16px !important}.mx-3{margin-right:16px !important;margin-left:16px !important}.my-3{margin-top:16px !important;margin-bottom:16px !important}.m-4{margin:24px !important}.mt-4{margin-top:24px !important}.mr-4{margin-right:24px !important}.mb-4{margin-bottom:24px !important}.ml-4{margin-left:24px !important}.mt-n4{margin-top:-24px !important}.mr-n4{margin-right:-24px !important}.mb-n4{margin-bottom:-24px !important}.ml-n4{margin-left:-24px !important}.mx-4{margin-right:24px !important;margin-left:24px !important}.my-4{margin-top:24px !important;margin-bottom:24px !important}.m-5{margin:32px !important}.mt-5{margin-top:32px !important}.mr-5{margin-right:32px !important}.mb-5{margin-bottom:32px !important}.ml-5{margin-left:32px !important}.mt-n5{margin-top:-32px !important}.mr-n5{margin-right:-32px !important}.mb-n5{margin-bottom:-32px !important}.ml-n5{margin-left:-32px !important}.mx-5{margin-right:32px !important;margin-left:32px !important}.my-5{margin-top:32px !important;margin-bottom:32px !important}.m-6{margin:40px !important}.mt-6{margin-top:40px !important}.mr-6{margin-right:40px !important}.mb-6{margin-bottom:40px !important}.ml-6{margin-left:40px !important}.mt-n6{margin-top:-40px !important}.mr-n6{margin-right:-40px !important}.mb-n6{margin-bottom:-40px !important}.ml-n6{margin-left:-40px !important}.mx-6{margin-right:40px !important;margin-left:40px !important}.my-6{margin-top:40px !important;margin-bottom:40px !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}@media (min-width: 544px){.m-sm-0{margin:0 !important}.mt-sm-0{margin-top:0 !important}.mr-sm-0{margin-right:0 !important}.mb-sm-0{margin-bottom:0 !important}.ml-sm-0{margin-left:0 !important}.mt-sm-n0{margin-top:-0 !important}.mr-sm-n0{margin-right:-0 !important}.mb-sm-n0{margin-bottom:-0 !important}.ml-sm-n0{margin-left:-0 !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 544px){.m-sm-1{margin:4px !important}.mt-sm-1{margin-top:4px !important}.mr-sm-1{margin-right:4px !important}.mb-sm-1{margin-bottom:4px !important}.ml-sm-1{margin-left:4px !important}.mt-sm-n1{margin-top:-4px !important}.mr-sm-n1{margin-right:-4px !important}.mb-sm-n1{margin-bottom:-4px !important}.ml-sm-n1{margin-left:-4px !important}.mx-sm-1{margin-right:4px !important;margin-left:4px !important}.my-sm-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 544px){.m-sm-2{margin:8px !important}.mt-sm-2{margin-top:8px !important}.mr-sm-2{margin-right:8px !important}.mb-sm-2{margin-bottom:8px !important}.ml-sm-2{margin-left:8px !important}.mt-sm-n2{margin-top:-8px !important}.mr-sm-n2{margin-right:-8px !important}.mb-sm-n2{margin-bottom:-8px !important}.ml-sm-n2{margin-left:-8px !important}.mx-sm-2{margin-right:8px !important;margin-left:8px !important}.my-sm-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 544px){.m-sm-3{margin:16px !important}.mt-sm-3{margin-top:16px !important}.mr-sm-3{margin-right:16px !important}.mb-sm-3{margin-bottom:16px !important}.ml-sm-3{margin-left:16px !important}.mt-sm-n3{margin-top:-16px !important}.mr-sm-n3{margin-right:-16px !important}.mb-sm-n3{margin-bottom:-16px !important}.ml-sm-n3{margin-left:-16px !important}.mx-sm-3{margin-right:16px !important;margin-left:16px !important}.my-sm-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 544px){.m-sm-4{margin:24px !important}.mt-sm-4{margin-top:24px !important}.mr-sm-4{margin-right:24px !important}.mb-sm-4{margin-bottom:24px !important}.ml-sm-4{margin-left:24px !important}.mt-sm-n4{margin-top:-24px !important}.mr-sm-n4{margin-right:-24px !important}.mb-sm-n4{margin-bottom:-24px !important}.ml-sm-n4{margin-left:-24px !important}.mx-sm-4{margin-right:24px !important;margin-left:24px !important}.my-sm-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 544px){.m-sm-5{margin:32px !important}.mt-sm-5{margin-top:32px !important}.mr-sm-5{margin-right:32px !important}.mb-sm-5{margin-bottom:32px !important}.ml-sm-5{margin-left:32px !important}.mt-sm-n5{margin-top:-32px !important}.mr-sm-n5{margin-right:-32px !important}.mb-sm-n5{margin-bottom:-32px !important}.ml-sm-n5{margin-left:-32px !important}.mx-sm-5{margin-right:32px !important;margin-left:32px !important}.my-sm-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 544px){.m-sm-6{margin:40px !important}.mt-sm-6{margin-top:40px !important}.mr-sm-6{margin-right:40px !important}.mb-sm-6{margin-bottom:40px !important}.ml-sm-6{margin-left:40px !important}.mt-sm-n6{margin-top:-40px !important}.mr-sm-n6{margin-right:-40px !important}.mb-sm-n6{margin-bottom:-40px !important}.ml-sm-n6{margin-left:-40px !important}.mx-sm-6{margin-right:40px !important;margin-left:40px !important}.my-sm-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0{margin-top:0 !important}.mr-md-0{margin-right:0 !important}.mb-md-0{margin-bottom:0 !important}.ml-md-0{margin-left:0 !important}.mt-md-n0{margin-top:-0 !important}.mr-md-n0{margin-right:-0 !important}.mb-md-n0{margin-bottom:-0 !important}.ml-md-n0{margin-left:-0 !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 768px){.m-md-1{margin:4px !important}.mt-md-1{margin-top:4px !important}.mr-md-1{margin-right:4px !important}.mb-md-1{margin-bottom:4px !important}.ml-md-1{margin-left:4px !important}.mt-md-n1{margin-top:-4px !important}.mr-md-n1{margin-right:-4px !important}.mb-md-n1{margin-bottom:-4px !important}.ml-md-n1{margin-left:-4px !important}.mx-md-1{margin-right:4px !important;margin-left:4px !important}.my-md-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 768px){.m-md-2{margin:8px !important}.mt-md-2{margin-top:8px !important}.mr-md-2{margin-right:8px !important}.mb-md-2{margin-bottom:8px !important}.ml-md-2{margin-left:8px !important}.mt-md-n2{margin-top:-8px !important}.mr-md-n2{margin-right:-8px !important}.mb-md-n2{margin-bottom:-8px !important}.ml-md-n2{margin-left:-8px !important}.mx-md-2{margin-right:8px !important;margin-left:8px !important}.my-md-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 768px){.m-md-3{margin:16px !important}.mt-md-3{margin-top:16px !important}.mr-md-3{margin-right:16px !important}.mb-md-3{margin-bottom:16px !important}.ml-md-3{margin-left:16px !important}.mt-md-n3{margin-top:-16px !important}.mr-md-n3{margin-right:-16px !important}.mb-md-n3{margin-bottom:-16px !important}.ml-md-n3{margin-left:-16px !important}.mx-md-3{margin-right:16px !important;margin-left:16px !important}.my-md-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 768px){.m-md-4{margin:24px !important}.mt-md-4{margin-top:24px !important}.mr-md-4{margin-right:24px !important}.mb-md-4{margin-bottom:24px !important}.ml-md-4{margin-left:24px !important}.mt-md-n4{margin-top:-24px !important}.mr-md-n4{margin-right:-24px !important}.mb-md-n4{margin-bottom:-24px !important}.ml-md-n4{margin-left:-24px !important}.mx-md-4{margin-right:24px !important;margin-left:24px !important}.my-md-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 768px){.m-md-5{margin:32px !important}.mt-md-5{margin-top:32px !important}.mr-md-5{margin-right:32px !important}.mb-md-5{margin-bottom:32px !important}.ml-md-5{margin-left:32px !important}.mt-md-n5{margin-top:-32px !important}.mr-md-n5{margin-right:-32px !important}.mb-md-n5{margin-bottom:-32px !important}.ml-md-n5{margin-left:-32px !important}.mx-md-5{margin-right:32px !important;margin-left:32px !important}.my-md-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 768px){.m-md-6{margin:40px !important}.mt-md-6{margin-top:40px !important}.mr-md-6{margin-right:40px !important}.mb-md-6{margin-bottom:40px !important}.ml-md-6{margin-left:40px !important}.mt-md-n6{margin-top:-40px !important}.mr-md-n6{margin-right:-40px !important}.mb-md-n6{margin-bottom:-40px !important}.ml-md-n6{margin-left:-40px !important}.mx-md-6{margin-right:40px !important;margin-left:40px !important}.my-md-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1012px){.m-lg-0{margin:0 !important}.mt-lg-0{margin-top:0 !important}.mr-lg-0{margin-right:0 !important}.mb-lg-0{margin-bottom:0 !important}.ml-lg-0{margin-left:0 !important}.mt-lg-n0{margin-top:-0 !important}.mr-lg-n0{margin-right:-0 !important}.mb-lg-n0{margin-bottom:-0 !important}.ml-lg-n0{margin-left:-0 !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1012px){.m-lg-1{margin:4px !important}.mt-lg-1{margin-top:4px !important}.mr-lg-1{margin-right:4px !important}.mb-lg-1{margin-bottom:4px !important}.ml-lg-1{margin-left:4px !important}.mt-lg-n1{margin-top:-4px !important}.mr-lg-n1{margin-right:-4px !important}.mb-lg-n1{margin-bottom:-4px !important}.ml-lg-n1{margin-left:-4px !important}.mx-lg-1{margin-right:4px !important;margin-left:4px !important}.my-lg-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1012px){.m-lg-2{margin:8px !important}.mt-lg-2{margin-top:8px !important}.mr-lg-2{margin-right:8px !important}.mb-lg-2{margin-bottom:8px !important}.ml-lg-2{margin-left:8px !important}.mt-lg-n2{margin-top:-8px !important}.mr-lg-n2{margin-right:-8px !important}.mb-lg-n2{margin-bottom:-8px !important}.ml-lg-n2{margin-left:-8px !important}.mx-lg-2{margin-right:8px !important;margin-left:8px !important}.my-lg-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1012px){.m-lg-3{margin:16px !important}.mt-lg-3{margin-top:16px !important}.mr-lg-3{margin-right:16px !important}.mb-lg-3{margin-bottom:16px !important}.ml-lg-3{margin-left:16px !important}.mt-lg-n3{margin-top:-16px !important}.mr-lg-n3{margin-right:-16px !important}.mb-lg-n3{margin-bottom:-16px !important}.ml-lg-n3{margin-left:-16px !important}.mx-lg-3{margin-right:16px !important;margin-left:16px !important}.my-lg-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1012px){.m-lg-4{margin:24px !important}.mt-lg-4{margin-top:24px !important}.mr-lg-4{margin-right:24px !important}.mb-lg-4{margin-bottom:24px !important}.ml-lg-4{margin-left:24px !important}.mt-lg-n4{margin-top:-24px !important}.mr-lg-n4{margin-right:-24px !important}.mb-lg-n4{margin-bottom:-24px !important}.ml-lg-n4{margin-left:-24px !important}.mx-lg-4{margin-right:24px !important;margin-left:24px !important}.my-lg-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1012px){.m-lg-5{margin:32px !important}.mt-lg-5{margin-top:32px !important}.mr-lg-5{margin-right:32px !important}.mb-lg-5{margin-bottom:32px !important}.ml-lg-5{margin-left:32px !important}.mt-lg-n5{margin-top:-32px !important}.mr-lg-n5{margin-right:-32px !important}.mb-lg-n5{margin-bottom:-32px !important}.ml-lg-n5{margin-left:-32px !important}.mx-lg-5{margin-right:32px !important;margin-left:32px !important}.my-lg-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1012px){.m-lg-6{margin:40px !important}.mt-lg-6{margin-top:40px !important}.mr-lg-6{margin-right:40px !important}.mb-lg-6{margin-bottom:40px !important}.ml-lg-6{margin-left:40px !important}.mt-lg-n6{margin-top:-40px !important}.mr-lg-n6{margin-right:-40px !important}.mb-lg-n6{margin-bottom:-40px !important}.ml-lg-n6{margin-left:-40px !important}.mx-lg-6{margin-right:40px !important;margin-left:40px !important}.my-lg-6{margin-top:40px !important;margin-bottom:40px !important}}@media (min-width: 1280px){.m-xl-0{margin:0 !important}.mt-xl-0{margin-top:0 !important}.mr-xl-0{margin-right:0 !important}.mb-xl-0{margin-bottom:0 !important}.ml-xl-0{margin-left:0 !important}.mt-xl-n0{margin-top:-0 !important}.mr-xl-n0{margin-right:-0 !important}.mb-xl-n0{margin-bottom:-0 !important}.ml-xl-n0{margin-left:-0 !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}}@media (min-width: 1280px){.m-xl-1{margin:4px !important}.mt-xl-1{margin-top:4px !important}.mr-xl-1{margin-right:4px !important}.mb-xl-1{margin-bottom:4px !important}.ml-xl-1{margin-left:4px !important}.mt-xl-n1{margin-top:-4px !important}.mr-xl-n1{margin-right:-4px !important}.mb-xl-n1{margin-bottom:-4px !important}.ml-xl-n1{margin-left:-4px !important}.mx-xl-1{margin-right:4px !important;margin-left:4px !important}.my-xl-1{margin-top:4px !important;margin-bottom:4px !important}}@media (min-width: 1280px){.m-xl-2{margin:8px !important}.mt-xl-2{margin-top:8px !important}.mr-xl-2{margin-right:8px !important}.mb-xl-2{margin-bottom:8px !important}.ml-xl-2{margin-left:8px !important}.mt-xl-n2{margin-top:-8px !important}.mr-xl-n2{margin-right:-8px !important}.mb-xl-n2{margin-bottom:-8px !important}.ml-xl-n2{margin-left:-8px !important}.mx-xl-2{margin-right:8px !important;margin-left:8px !important}.my-xl-2{margin-top:8px !important;margin-bottom:8px !important}}@media (min-width: 1280px){.m-xl-3{margin:16px !important}.mt-xl-3{margin-top:16px !important}.mr-xl-3{margin-right:16px !important}.mb-xl-3{margin-bottom:16px !important}.ml-xl-3{margin-left:16px !important}.mt-xl-n3{margin-top:-16px !important}.mr-xl-n3{margin-right:-16px !important}.mb-xl-n3{margin-bottom:-16px !important}.ml-xl-n3{margin-left:-16px !important}.mx-xl-3{margin-right:16px !important;margin-left:16px !important}.my-xl-3{margin-top:16px !important;margin-bottom:16px !important}}@media (min-width: 1280px){.m-xl-4{margin:24px !important}.mt-xl-4{margin-top:24px !important}.mr-xl-4{margin-right:24px !important}.mb-xl-4{margin-bottom:24px !important}.ml-xl-4{margin-left:24px !important}.mt-xl-n4{margin-top:-24px !important}.mr-xl-n4{margin-right:-24px !important}.mb-xl-n4{margin-bottom:-24px !important}.ml-xl-n4{margin-left:-24px !important}.mx-xl-4{margin-right:24px !important;margin-left:24px !important}.my-xl-4{margin-top:24px !important;margin-bottom:24px !important}}@media (min-width: 1280px){.m-xl-5{margin:32px !important}.mt-xl-5{margin-top:32px !important}.mr-xl-5{margin-right:32px !important}.mb-xl-5{margin-bottom:32px !important}.ml-xl-5{margin-left:32px !important}.mt-xl-n5{margin-top:-32px !important}.mr-xl-n5{margin-right:-32px !important}.mb-xl-n5{margin-bottom:-32px !important}.ml-xl-n5{margin-left:-32px !important}.mx-xl-5{margin-right:32px !important;margin-left:32px !important}.my-xl-5{margin-top:32px !important;margin-bottom:32px !important}}@media (min-width: 1280px){.m-xl-6{margin:40px !important}.mt-xl-6{margin-top:40px !important}.mr-xl-6{margin-right:40px !important}.mb-xl-6{margin-bottom:40px !important}.ml-xl-6{margin-left:40px !important}.mt-xl-n6{margin-top:-40px !important}.mr-xl-n6{margin-right:-40px !important}.mb-xl-n6{margin-bottom:-40px !important}.ml-xl-n6{margin-left:-40px !important}.mx-xl-6{margin-right:40px !important;margin-left:40px !important}.my-xl-6{margin-top:40px !important;margin-bottom:40px !important}}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-right:0 !important;padding-left:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:4px !important}.pt-1{padding-top:4px !important}.pr-1{padding-right:4px !important}.pb-1{padding-bottom:4px !important}.pl-1{padding-left:4px !important}.px-1{padding-right:4px !important;padding-left:4px !important}.py-1{padding-top:4px !important;padding-bottom:4px !important}.p-2{padding:8px !important}.pt-2{padding-top:8px !important}.pr-2{padding-right:8px !important}.pb-2{padding-bottom:8px !important}.pl-2{padding-left:8px !important}.px-2{padding-right:8px !important;padding-left:8px !important}.py-2{padding-top:8px !important;padding-bottom:8px !important}.p-3{padding:16px !important}.pt-3{padding-top:16px !important}.pr-3{padding-right:16px !important}.pb-3{padding-bottom:16px !important}.pl-3{padding-left:16px !important}.px-3{padding-right:16px !important;padding-left:16px !important}.py-3{padding-top:16px !important;padding-bottom:16px !important}.p-4{padding:24px !important}.pt-4{padding-top:24px !important}.pr-4{padding-right:24px !important}.pb-4{padding-bottom:24px !important}.pl-4{padding-left:24px !important}.px-4{padding-right:24px !important;padding-left:24px !important}.py-4{padding-top:24px !important;padding-bottom:24px !important}.p-5{padding:32px !important}.pt-5{padding-top:32px !important}.pr-5{padding-right:32px !important}.pb-5{padding-bottom:32px !important}.pl-5{padding-left:32px !important}.px-5{padding-right:32px !important;padding-left:32px !important}.py-5{padding-top:32px !important;padding-bottom:32px !important}.p-6{padding:40px !important}.pt-6{padding-top:40px !important}.pr-6{padding-right:40px !important}.pb-6{padding-bottom:40px !important}.pl-6{padding-left:40px !important}.px-6{padding-right:40px !important;padding-left:40px !important}.py-6{padding-top:40px !important;padding-bottom:40px !important}@media (min-width: 544px){.p-sm-0{padding:0 !important}.pt-sm-0{padding-top:0 !important}.pr-sm-0{padding-right:0 !important}.pb-sm-0{padding-bottom:0 !important}.pl-sm-0{padding-left:0 !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 544px){.p-sm-1{padding:4px !important}.pt-sm-1{padding-top:4px !important}.pr-sm-1{padding-right:4px !important}.pb-sm-1{padding-bottom:4px !important}.pl-sm-1{padding-left:4px !important}.px-sm-1{padding-right:4px !important;padding-left:4px !important}.py-sm-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 544px){.p-sm-2{padding:8px !important}.pt-sm-2{padding-top:8px !important}.pr-sm-2{padding-right:8px !important}.pb-sm-2{padding-bottom:8px !important}.pl-sm-2{padding-left:8px !important}.px-sm-2{padding-right:8px !important;padding-left:8px !important}.py-sm-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 544px){.p-sm-3{padding:16px !important}.pt-sm-3{padding-top:16px !important}.pr-sm-3{padding-right:16px !important}.pb-sm-3{padding-bottom:16px !important}.pl-sm-3{padding-left:16px !important}.px-sm-3{padding-right:16px !important;padding-left:16px !important}.py-sm-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 544px){.p-sm-4{padding:24px !important}.pt-sm-4{padding-top:24px !important}.pr-sm-4{padding-right:24px !important}.pb-sm-4{padding-bottom:24px !important}.pl-sm-4{padding-left:24px !important}.px-sm-4{padding-right:24px !important;padding-left:24px !important}.py-sm-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 544px){.p-sm-5{padding:32px !important}.pt-sm-5{padding-top:32px !important}.pr-sm-5{padding-right:32px !important}.pb-sm-5{padding-bottom:32px !important}.pl-sm-5{padding-left:32px !important}.px-sm-5{padding-right:32px !important;padding-left:32px !important}.py-sm-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 544px){.p-sm-6{padding:40px !important}.pt-sm-6{padding-top:40px !important}.pr-sm-6{padding-right:40px !important}.pb-sm-6{padding-bottom:40px !important}.pl-sm-6{padding-left:40px !important}.px-sm-6{padding-right:40px !important;padding-left:40px !important}.py-sm-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 768px){.p-md-0{padding:0 !important}.pt-md-0{padding-top:0 !important}.pr-md-0{padding-right:0 !important}.pb-md-0{padding-bottom:0 !important}.pl-md-0{padding-left:0 !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 768px){.p-md-1{padding:4px !important}.pt-md-1{padding-top:4px !important}.pr-md-1{padding-right:4px !important}.pb-md-1{padding-bottom:4px !important}.pl-md-1{padding-left:4px !important}.px-md-1{padding-right:4px !important;padding-left:4px !important}.py-md-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 768px){.p-md-2{padding:8px !important}.pt-md-2{padding-top:8px !important}.pr-md-2{padding-right:8px !important}.pb-md-2{padding-bottom:8px !important}.pl-md-2{padding-left:8px !important}.px-md-2{padding-right:8px !important;padding-left:8px !important}.py-md-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 768px){.p-md-3{padding:16px !important}.pt-md-3{padding-top:16px !important}.pr-md-3{padding-right:16px !important}.pb-md-3{padding-bottom:16px !important}.pl-md-3{padding-left:16px !important}.px-md-3{padding-right:16px !important;padding-left:16px !important}.py-md-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 768px){.p-md-4{padding:24px !important}.pt-md-4{padding-top:24px !important}.pr-md-4{padding-right:24px !important}.pb-md-4{padding-bottom:24px !important}.pl-md-4{padding-left:24px !important}.px-md-4{padding-right:24px !important;padding-left:24px !important}.py-md-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 768px){.p-md-5{padding:32px !important}.pt-md-5{padding-top:32px !important}.pr-md-5{padding-right:32px !important}.pb-md-5{padding-bottom:32px !important}.pl-md-5{padding-left:32px !important}.px-md-5{padding-right:32px !important;padding-left:32px !important}.py-md-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 768px){.p-md-6{padding:40px !important}.pt-md-6{padding-top:40px !important}.pr-md-6{padding-right:40px !important}.pb-md-6{padding-bottom:40px !important}.pl-md-6{padding-left:40px !important}.px-md-6{padding-right:40px !important;padding-left:40px !important}.py-md-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1012px){.p-lg-0{padding:0 !important}.pt-lg-0{padding-top:0 !important}.pr-lg-0{padding-right:0 !important}.pb-lg-0{padding-bottom:0 !important}.pl-lg-0{padding-left:0 !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1012px){.p-lg-1{padding:4px !important}.pt-lg-1{padding-top:4px !important}.pr-lg-1{padding-right:4px !important}.pb-lg-1{padding-bottom:4px !important}.pl-lg-1{padding-left:4px !important}.px-lg-1{padding-right:4px !important;padding-left:4px !important}.py-lg-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1012px){.p-lg-2{padding:8px !important}.pt-lg-2{padding-top:8px !important}.pr-lg-2{padding-right:8px !important}.pb-lg-2{padding-bottom:8px !important}.pl-lg-2{padding-left:8px !important}.px-lg-2{padding-right:8px !important;padding-left:8px !important}.py-lg-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1012px){.p-lg-3{padding:16px !important}.pt-lg-3{padding-top:16px !important}.pr-lg-3{padding-right:16px !important}.pb-lg-3{padding-bottom:16px !important}.pl-lg-3{padding-left:16px !important}.px-lg-3{padding-right:16px !important;padding-left:16px !important}.py-lg-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1012px){.p-lg-4{padding:24px !important}.pt-lg-4{padding-top:24px !important}.pr-lg-4{padding-right:24px !important}.pb-lg-4{padding-bottom:24px !important}.pl-lg-4{padding-left:24px !important}.px-lg-4{padding-right:24px !important;padding-left:24px !important}.py-lg-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1012px){.p-lg-5{padding:32px !important}.pt-lg-5{padding-top:32px !important}.pr-lg-5{padding-right:32px !important}.pb-lg-5{padding-bottom:32px !important}.pl-lg-5{padding-left:32px !important}.px-lg-5{padding-right:32px !important;padding-left:32px !important}.py-lg-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1012px){.p-lg-6{padding:40px !important}.pt-lg-6{padding-top:40px !important}.pr-lg-6{padding-right:40px !important}.pb-lg-6{padding-bottom:40px !important}.pl-lg-6{padding-left:40px !important}.px-lg-6{padding-right:40px !important;padding-left:40px !important}.py-lg-6{padding-top:40px !important;padding-bottom:40px !important}}@media (min-width: 1280px){.p-xl-0{padding:0 !important}.pt-xl-0{padding-top:0 !important}.pr-xl-0{padding-right:0 !important}.pb-xl-0{padding-bottom:0 !important}.pl-xl-0{padding-left:0 !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}}@media (min-width: 1280px){.p-xl-1{padding:4px !important}.pt-xl-1{padding-top:4px !important}.pr-xl-1{padding-right:4px !important}.pb-xl-1{padding-bottom:4px !important}.pl-xl-1{padding-left:4px !important}.px-xl-1{padding-right:4px !important;padding-left:4px !important}.py-xl-1{padding-top:4px !important;padding-bottom:4px !important}}@media (min-width: 1280px){.p-xl-2{padding:8px !important}.pt-xl-2{padding-top:8px !important}.pr-xl-2{padding-right:8px !important}.pb-xl-2{padding-bottom:8px !important}.pl-xl-2{padding-left:8px !important}.px-xl-2{padding-right:8px !important;padding-left:8px !important}.py-xl-2{padding-top:8px !important;padding-bottom:8px !important}}@media (min-width: 1280px){.p-xl-3{padding:16px !important}.pt-xl-3{padding-top:16px !important}.pr-xl-3{padding-right:16px !important}.pb-xl-3{padding-bottom:16px !important}.pl-xl-3{padding-left:16px !important}.px-xl-3{padding-right:16px !important;padding-left:16px !important}.py-xl-3{padding-top:16px !important;padding-bottom:16px !important}}@media (min-width: 1280px){.p-xl-4{padding:24px !important}.pt-xl-4{padding-top:24px !important}.pr-xl-4{padding-right:24px !important}.pb-xl-4{padding-bottom:24px !important}.pl-xl-4{padding-left:24px !important}.px-xl-4{padding-right:24px !important;padding-left:24px !important}.py-xl-4{padding-top:24px !important;padding-bottom:24px !important}}@media (min-width: 1280px){.p-xl-5{padding:32px !important}.pt-xl-5{padding-top:32px !important}.pr-xl-5{padding-right:32px !important}.pb-xl-5{padding-bottom:32px !important}.pl-xl-5{padding-left:32px !important}.px-xl-5{padding-right:32px !important;padding-left:32px !important}.py-xl-5{padding-top:32px !important;padding-bottom:32px !important}}@media (min-width: 1280px){.p-xl-6{padding:40px !important}.pt-xl-6{padding-top:40px !important}.pr-xl-6{padding-right:40px !important}.pb-xl-6{padding-bottom:40px !important}.pl-xl-6{padding-left:40px !important}.px-xl-6{padding-right:40px !important;padding-left:40px !important}.py-xl-6{padding-top:40px !important;padding-bottom:40px !important}}.p-responsive{padding-right:16px !important;padding-left:16px !important}@media (min-width: 544px){.p-responsive{padding-right:40px !important;padding-left:40px !important}}@media (min-width: 1012px){.p-responsive{padding-right:16px !important;padding-left:16px !important}}.h1{font-size:26px !important}@media (min-width: 768px){.h1{font-size:32px !important}}.h2{font-size:22px !important}@media (min-width: 768px){.h2{font-size:24px !important}}.h3{font-size:18px !important}@media (min-width: 768px){.h3{font-size:20px !important}}.h4{font-size:16px !important}.h5{font-size:14px !important}.h6{font-size:12px !important}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600 !important}.f1{font-size:26px !important}@media (min-width: 768px){.f1{font-size:32px !important}}.f2{font-size:22px !important}@media (min-width: 768px){.f2{font-size:24px !important}}.f3{font-size:18px !important}@media (min-width: 768px){.f3{font-size:20px !important}}.f4{font-size:16px !important}@media (min-width: 768px){.f4{font-size:16px !important}}.f5{font-size:14px !important}.f6{font-size:12px !important}.f00-light{font-size:40px !important;font-weight:300 !important}@media (min-width: 768px){.f00-light{font-size:48px !important}}.f0-light{font-size:32px !important;font-weight:300 !important}@media (min-width: 768px){.f0-light{font-size:40px !important}}.f1-light{font-size:26px !important;font-weight:300 !important}@media (min-width: 768px){.f1-light{font-size:32px !important}}.f2-light{font-size:22px !important;font-weight:300 !important}@media (min-width: 768px){.f2-light{font-size:24px !important}}.f3-light{font-size:18px !important;font-weight:300 !important}@media (min-width: 768px){.f3-light{font-size:20px !important}}.text-small{font-size:12px !important}.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#586069}.lh-condensed-ultra{line-height:1 !important}.lh-condensed{line-height:1.25 !important}.lh-default{line-height:1.5 !important}.text-right{text-align:right !important}.text-left{text-align:left !important}.text-center{text-align:center !important}@media (min-width: 544px){.text-sm-right{text-align:right !important}.text-sm-left{text-align:left !important}.text-sm-center{text-align:center !important}}@media (min-width: 768px){.text-md-right{text-align:right !important}.text-md-left{text-align:left !important}.text-md-center{text-align:center !important}}@media (min-width: 1012px){.text-lg-right{text-align:right !important}.text-lg-left{text-align:left !important}.text-lg-center{text-align:center !important}}@media (min-width: 1280px){.text-xl-right{text-align:right !important}.text-xl-left{text-align:left !important}.text-xl-center{text-align:center !important}}.text-normal{font-weight:400 !important}.text-bold{font-weight:600 !important}.text-italic{font-style:italic !important}.text-uppercase{text-transform:uppercase !important}.no-underline{text-decoration:none !important}.no-wrap{white-space:nowrap !important}.ws-normal{white-space:normal !important}.wb-break-all{word-break:break-all !important}.text-emphasized{font-weight:600;color:#24292e}.list-style-none{list-style:none !important}.text-shadow-dark{text-shadow:0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)}.text-shadow-light{text-shadow:0 1px 0 rgba(255,255,255,0.5)}.v-hidden{visibility:hidden !important}.v-visible{visibility:visible !important}.d-table{display:table !important}.d-table-cell{display:table-cell !important}.table-fixed{table-layout:fixed !important}.d-block{display:block !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-flex{display:-webkit-box !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-none{display:none !important}@media (min-width: 544px){.d-sm-table{display:table !important}.d-sm-table-cell{display:table-cell !important}.d-sm-block{display:block !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-flex{display:-webkit-box !important;display:flex !important}.d-sm-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-sm-none{display:none !important}}@media (min-width: 768px){.d-md-table{display:table !important}.d-md-table-cell{display:table-cell !important}.d-md-block{display:block !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-flex{display:-webkit-box !important;display:flex !important}.d-md-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-md-none{display:none !important}}@media (min-width: 1012px){.d-lg-table{display:table !important}.d-lg-table-cell{display:table-cell !important}.d-lg-block{display:block !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-flex{display:-webkit-box !important;display:flex !important}.d-lg-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-lg-none{display:none !important}}@media (min-width: 1280px){.d-xl-table{display:table !important}.d-xl-table-cell{display:table-cell !important}.d-xl-block{display:block !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-flex{display:-webkit-box !important;display:flex !important}.d-xl-inline-flex{display:-webkit-inline-box !important;display:inline-flex !important}.d-xl-none{display:none !important}}@media (max-width: 544px){.hide-sm{display:none !important}}@media (min-width: 544px) and (max-width: 768px){.hide-md{display:none !important}}@media (min-width: 768px) and (max-width: 1012px){.hide-lg{display:none !important}}@media (min-width: 1012px){.hide-xl{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);word-wrap:normal;border:0}.show-on-focus{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.show-on-focus:focus{z-index:20;width:auto;height:auto;clip:auto} diff --git a/node_modules/primer-utilities/build/index.js b/node_modules/primer-utilities/build/index.js new file mode 100644 index 000000000..aa10613e0 --- /dev/null +++ b/node_modules/primer-utilities/build/index.js @@ -0,0 +1 @@ +module.exports = {"cssstats":{"size":55468,"gzipSize":6754,"humanizedSize":"54kB","humanizedGzipSize":"7kB","rules":{"total":1050,"size":{"graph":[6,2,1,1,1,1,11,3,3,3,3,8,3,3,3,3,11,1,1,10,1,1,6,3,3,3,3,8,1,1,1,1,1,1,4,2,2,2,2,2,2,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,3,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,2,1,2,1,2,1,2,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,1,2,2,1,1,1,1,1,8,6,4],"max":11,"average":1.359047619047619}},"selectors":{"total":1055,"type":4,"class":1023,"id":0,"pseudoClass":5,"pseudoElement":2,"values":[".anim-fade-in",".anim-fade-in.fast","0%","100%","0%","100%",".anim-fade-up","0%","100%","0%","100%",".anim-fade-down","0%","100%","0%","100%",".anim-grow-x","to","to",".anim-shrink-x","to","to",".anim-scale-in","0%","100%","0%","100%",".anim-pulse","0%","10%","100%","0%","10%","100%",".anim-pulse-in","0%","50%","100%","0%","50%","100%",".border",".border-top",".border-right",".border-bottom",".border-left",".border-y",".border-dashed",".border-blue",".border-blue-light",".border-green",".border-green-light",".border-red",".border-red-light",".border-purple",".border-yellow",".border-gray-light",".border-gray-dark",".border-black-fade",".border-0",".border-top-0",".border-right-0",".border-bottom-0",".border-left-0",".rounded-0",".rounded-1",".rounded-2",".box-shadow",".box-shadow-medium",".box-shadow-large",".box-shadow-extra-large",".box-shadow-none",".bg-white",".bg-blue",".bg-blue-light",".bg-gray-dark",".bg-gray",".bg-gray-light",".bg-green",".bg-green-light",".bg-red",".bg-red-light",".bg-yellow",".bg-yellow-light",".bg-purple",".bg-purple-light",".bg-shade-gradient",".text-blue",".text-red",".text-gray-light",".text-gray",".text-gray-dark",".text-green",".text-orange",".text-orange-light",".text-purple",".text-white",".text-inherit",".text-pending",".bg-pending",".link-gray",".link-gray:hover",".link-gray-dark",".link-gray-dark:hover",".link-hover-blue:hover",".muted-link",".muted-link:hover",".flex-row",".flex-row-reverse",".flex-column",".flex-wrap",".flex-nowrap",".flex-justify-start",".flex-justify-end",".flex-justify-center",".flex-justify-between",".flex-justify-around",".flex-items-start",".flex-items-end",".flex-items-center",".flex-items-baseline",".flex-items-stretch",".flex-content-start",".flex-content-end",".flex-content-center",".flex-content-between",".flex-content-around",".flex-content-stretch",".flex-auto",".flex-shrink-0",".flex-self-auto",".flex-self-start",".flex-self-end",".flex-self-center",".flex-self-baseline",".flex-self-stretch",".flex-item-equal",".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal",".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal",".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal",".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal",".position-static",".position-relative",".position-absolute",".position-fixed",".top-0",".right-0",".bottom-0",".left-0",".v-align-middle",".v-align-top",".v-align-bottom",".v-align-text-top",".v-align-text-bottom",".overflow-hidden",".overflow-scroll",".overflow-auto",".clearfix::before",".clearfix::after",".float-right",".float-left",".float-none",".float-sm-left",".float-sm-right",".float-sm-none",".float-md-left",".float-md-right",".float-md-none",".float-lg-left",".float-lg-right",".float-lg-none",".float-xl-left",".float-xl-right",".float-xl-none",".width-fit",".width-full",".height-full",".min-width-0",".direction-rtl",".direction-ltr",".direction-sm-rtl",".direction-sm-ltr",".direction-md-rtl",".direction-md-ltr",".direction-lg-rtl",".direction-lg-ltr",".direction-xl-rtl",".direction-xl-ltr",".m-0",".mt-0",".mr-0",".mb-0",".ml-0",".mt-n0",".mr-n0",".mb-n0",".ml-n0",".mx-0",".my-0",".m-1",".mt-1",".mr-1",".mb-1",".ml-1",".mt-n1",".mr-n1",".mb-n1",".ml-n1",".mx-1",".my-1",".m-2",".mt-2",".mr-2",".mb-2",".ml-2",".mt-n2",".mr-n2",".mb-n2",".ml-n2",".mx-2",".my-2",".m-3",".mt-3",".mr-3",".mb-3",".ml-3",".mt-n3",".mr-n3",".mb-n3",".ml-n3",".mx-3",".my-3",".m-4",".mt-4",".mr-4",".mb-4",".ml-4",".mt-n4",".mr-n4",".mb-n4",".ml-n4",".mx-4",".my-4",".m-5",".mt-5",".mr-5",".mb-5",".ml-5",".mt-n5",".mr-n5",".mb-n5",".ml-n5",".mx-5",".my-5",".m-6",".mt-6",".mr-6",".mb-6",".ml-6",".mt-n6",".mr-n6",".mb-n6",".ml-n6",".mx-6",".my-6",".mx-auto",".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0",".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1",".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2",".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3",".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4",".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5",".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6",".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0",".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1",".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2",".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3",".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4",".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5",".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6",".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0",".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1",".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2",".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3",".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4",".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5",".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6",".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0",".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1",".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2",".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3",".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4",".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5",".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6",".p-0",".pt-0",".pr-0",".pb-0",".pl-0",".px-0",".py-0",".p-1",".pt-1",".pr-1",".pb-1",".pl-1",".px-1",".py-1",".p-2",".pt-2",".pr-2",".pb-2",".pl-2",".px-2",".py-2",".p-3",".pt-3",".pr-3",".pb-3",".pl-3",".px-3",".py-3",".p-4",".pt-4",".pr-4",".pb-4",".pl-4",".px-4",".py-4",".p-5",".pt-5",".pr-5",".pb-5",".pl-5",".px-5",".py-5",".p-6",".pt-6",".pr-6",".pb-6",".pl-6",".px-6",".py-6",".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0",".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1",".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2",".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3",".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4",".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5",".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6",".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0",".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1",".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2",".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3",".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4",".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5",".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6",".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0",".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1",".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2",".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3",".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4",".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5",".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6",".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0",".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1",".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2",".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3",".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4",".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5",".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6",".p-responsive",".p-responsive",".p-responsive",".h1",".h1",".h2",".h2",".h3",".h3",".h4",".h5",".h6",".h1",".h2",".h3",".h4",".h5",".h6",".f1",".f1",".f2",".f2",".f3",".f3",".f4",".f4",".f5",".f6",".f00-light",".f00-light",".f0-light",".f0-light",".f1-light",".f1-light",".f2-light",".f2-light",".f3-light",".f3-light",".text-small",".lead",".lh-condensed-ultra",".lh-condensed",".lh-default",".text-right",".text-left",".text-center",".text-sm-right",".text-sm-left",".text-sm-center",".text-md-right",".text-md-left",".text-md-center",".text-lg-right",".text-lg-left",".text-lg-center",".text-xl-right",".text-xl-left",".text-xl-center",".text-normal",".text-bold",".text-italic",".text-uppercase",".no-underline",".no-wrap",".ws-normal",".wb-break-all",".text-emphasized",".list-style-none",".text-shadow-dark",".text-shadow-light",".v-hidden",".v-visible",".d-table",".d-table-cell",".table-fixed",".d-block",".d-inline",".d-inline-block",".d-flex",".d-inline-flex",".d-none",".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none",".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none",".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none",".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none",".hide-sm",".hide-md",".hide-lg",".hide-xl",".sr-only",".show-on-focus",".show-on-focus:focus"],"specificity":{"max":20,"average":9.785781990521327}},"declarations":{"total":1427,"unique":353,"properties":{"-webkit-animation-name":["fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"animation-name":["fade-in","fade-up","fade-down","grow-x","shrink-x","scale-in","pulse","pulse-in"],"-webkit-animation-duration":["1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"animation-duration":["1s","300ms","0.3s","0.3s","0.3s","0.3s","0.15s","2s","0.5s"],"-webkit-animation-timing-function":["ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"animation-timing-function":["ease-in-out","ease-out","ease-in","ease","ease-in-out","cubic-bezier(0.2, 0, 0.13, 1.5)","linear"],"opacity":["0","1","0","1","0","0.8","1","0.8","1","1","0.5","1","0.5","0","1","0","1","0.3","1","0.3","0.3","1","0.3"],"-webkit-animation-fill-mode":["forwards","forwards","forwards","forwards"],"animation-fill-mode":["forwards","forwards","forwards","forwards"],"-webkit-animation-delay":["1s","0.5s","0.5s"],"animation-delay":["1s","0.5s","0.5s"],"-webkit-transform":["translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"transform":["translateY(100%)","translateY(0)","translateY(100%)","translateY(0)","translateY(0)","translateY(100%)","translateY(0)","translateY(100%)","scale(0.5)","scale(1)","scale(0.5)","scale(1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)","scale3d(1, 1, 1)","scale3d(1.1, 1.1, 1.1)","scale3d(1, 1, 1)"],"width":["0%","100%","100%","0%","0%","100%","1px","1px","auto"],"-webkit-animation-iteration-count":["infinite"],"animation-iteration-count":["infinite"],"border":["1px #e1e4e8 solid","0","0"],"border-top":["1px #e1e4e8 solid","1px #e1e4e8 solid","0"],"border-right":["1px #e1e4e8 solid","0"],"border-bottom":["1px #e1e4e8 solid","1px #e1e4e8 solid","0"],"border-left":["1px #e1e4e8 solid","0"],"border-style":["dashed"],"border-color":["#0366d6","#c8e1ff","#34d058","#a2cbac","#d73a49","#cea0a5","#6f42c1","#d9d0a5","#eaecef","#d1d5da","rgba(27,31,35,0.15)"],"border-radius":["0","3px","6px"],"box-shadow":["0 1px 1px rgba(27,31,35,0.1)","0 1px 5px rgba(27,31,35,0.15)","0 1px 15px rgba(27,31,35,0.15)","0 10px 50px rgba(27,31,35,0.07)","none"],"background-color":["#fff","#0366d6","#f1f8ff","#24292e","#f6f8fa","#fafbfc","#28a745","#dcffe4","#d73a49","#ffdce0","#ffd33d","#fff5b1","#6f42c1","#f5f0ff"],"background-image":["linear-gradient(180deg, rgba(27,31,35,0.065), rgba(27,31,35,0))"],"background-repeat":["no-repeat"],"background-size":["100% 200px"],"color":["#0366d6","#cb2431","#6a737d","#586069","#24292e","#28a745","#a04100","#e36209","#6f42c1","#fff","inherit","#b08800","#dbab09","#586069","#0366d6","#24292e","#0366d6","#0366d6","#586069","#0366d6","#586069","#24292e"],"text-decoration":["none","none"],"-webkit-box-orient":["horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical","horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal","normal","reverse","normal"],"flex-direction":["row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column","row","row-reverse","column"],"flex-wrap":["wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap","wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify","start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around","flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch","start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch","flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch","flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1","1","1","1","1","1","1","1","1"],"flex":["1 1 auto","1 1 auto","1 1 auto","1 1 auto","1 1 auto"],"flex-shrink":["0","0","0","0","0"],"-ms-grid-row-align":["auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch","auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch","auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1","1","1","1","1"],"flex-basis":["0","0","0","0","0"],"position":["static","relative","absolute","fixed","absolute","absolute"],"top":["0"],"right":["0"],"bottom":["0"],"left":["0"],"vertical-align":["middle","top","bottom","text-top","text-bottom"],"overflow":["hidden","scroll","auto","hidden","hidden"],"display":["table","table","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none","none","none","none","none"],"content":["\"\"","\"\""],"clear":["both"],"float":["right","left","none","left","right","none","left","right","none","left","right","none","left","right","none"],"max-width":["100%"],"height":["100%","1px","1px","auto"],"min-width":["0"],"direction":["rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr","rtl","ltr"],"margin":["0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0"],"margin-top":["0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"margin-right":["0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"margin-bottom":["0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","30px"],"margin-left":["0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","auto","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px","0","-0","0","4px","-4px","4px","8px","-8px","8px","16px","-16px","16px","24px","-24px","24px","32px","-32px","32px","40px","-40px","40px"],"padding":["0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0","4px","8px","16px","24px","32px","40px","0"],"padding-top":["0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px"],"padding-right":["0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px"],"padding-bottom":["0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px"],"padding-left":["0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","0","0","4px","4px","8px","8px","16px","16px","24px","24px","32px","32px","40px","40px","16px","40px","16px"],"font-size":["26px","32px","22px","24px","18px","20px","16px","14px","12px","26px","32px","22px","24px","18px","20px","16px","16px","14px","12px","40px","48px","32px","40px","26px","32px","22px","24px","18px","20px","12px","20px"],"font-weight":["600","300","300","300","300","300","300","400","600","600"],"line-height":["1","1.25","1.5"],"text-align":["right","left","center","right","left","center","right","left","center","right","left","center","right","left","center"],"font-style":["italic"],"text-transform":["uppercase"],"white-space":["nowrap","normal"],"word-break":["break-all"],"list-style":["none"],"text-shadow":["0 1px 1px rgba(27,31,35,0.25),0 1px 25px rgba(27,31,35,0.75)","0 1px 0 rgba(255,255,255,0.5)"],"visibility":["hidden","visible"],"table-layout":["fixed"],"clip":["rect(0, 0, 0, 0)","rect(1px, 1px, 1px, 1px)","auto"],"word-wrap":["normal"],"z-index":["20"]}},"mediaQueries":{"total":94,"unique":7,"values":["(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 1012px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 768px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(max-width: 544px)","(min-width: 544px) and (max-width: 768px)","(min-width: 768px) and (max-width: 1012px)","(min-width: 1012px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-sm-row",".flex-sm-row-reverse",".flex-sm-column",".flex-sm-wrap",".flex-sm-nowrap",".flex-sm-justify-start",".flex-sm-justify-end",".flex-sm-justify-center",".flex-sm-justify-between",".flex-sm-justify-around",".flex-sm-items-start",".flex-sm-items-end",".flex-sm-items-center",".flex-sm-items-baseline",".flex-sm-items-stretch",".flex-sm-content-start",".flex-sm-content-end",".flex-sm-content-center",".flex-sm-content-between",".flex-sm-content-around",".flex-sm-content-stretch",".flex-sm-auto",".flex-sm-shrink-0",".flex-sm-self-auto",".flex-sm-self-start",".flex-sm-self-end",".flex-sm-self-center",".flex-sm-self-baseline",".flex-sm-self-stretch",".flex-sm-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 768px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-md-row",".flex-md-row-reverse",".flex-md-column",".flex-md-wrap",".flex-md-nowrap",".flex-md-justify-start",".flex-md-justify-end",".flex-md-justify-center",".flex-md-justify-between",".flex-md-justify-around",".flex-md-items-start",".flex-md-items-end",".flex-md-items-center",".flex-md-items-baseline",".flex-md-items-stretch",".flex-md-content-start",".flex-md-content-end",".flex-md-content-center",".flex-md-content-between",".flex-md-content-around",".flex-md-content-stretch",".flex-md-auto",".flex-md-shrink-0",".flex-md-self-auto",".flex-md-self-start",".flex-md-self-end",".flex-md-self-center",".flex-md-self-baseline",".flex-md-self-stretch",".flex-md-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1012px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-lg-row",".flex-lg-row-reverse",".flex-lg-column",".flex-lg-wrap",".flex-lg-nowrap",".flex-lg-justify-start",".flex-lg-justify-end",".flex-lg-justify-center",".flex-lg-justify-between",".flex-lg-justify-around",".flex-lg-items-start",".flex-lg-items-end",".flex-lg-items-center",".flex-lg-items-baseline",".flex-lg-items-stretch",".flex-lg-content-start",".flex-lg-content-end",".flex-lg-content-center",".flex-lg-content-between",".flex-lg-content-around",".flex-lg-content-stretch",".flex-lg-auto",".flex-lg-shrink-0",".flex-lg-self-auto",".flex-lg-self-start",".flex-lg-self-end",".flex-lg-self-center",".flex-lg-self-baseline",".flex-lg-self-stretch",".flex-lg-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 1280px)","rules":{"total":30,"size":{"graph":[3,3,3,1,1,2,2,2,2,1,2,2,2,2,2,1,1,1,1,1,1,2,1,2,1,1,2,1,2,3],"max":3,"average":1.7}},"selectors":{"total":30,"type":0,"class":30,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".flex-xl-row",".flex-xl-row-reverse",".flex-xl-column",".flex-xl-wrap",".flex-xl-nowrap",".flex-xl-justify-start",".flex-xl-justify-end",".flex-xl-justify-center",".flex-xl-justify-between",".flex-xl-justify-around",".flex-xl-items-start",".flex-xl-items-end",".flex-xl-items-center",".flex-xl-items-baseline",".flex-xl-items-stretch",".flex-xl-content-start",".flex-xl-content-end",".flex-xl-content-center",".flex-xl-content-between",".flex-xl-content-around",".flex-xl-content-stretch",".flex-xl-auto",".flex-xl-shrink-0",".flex-xl-self-auto",".flex-xl-self-start",".flex-xl-self-end",".flex-xl-self-center",".flex-xl-self-baseline",".flex-xl-self-stretch",".flex-xl-item-equal"],"specificity":{"max":10,"average":10}},"declarations":{"total":51,"unique":48,"properties":{"-webkit-box-orient":["horizontal","horizontal","vertical"],"-webkit-box-direction":["normal","reverse","normal"],"flex-direction":["row","row-reverse","column"],"flex-wrap":["wrap","nowrap"],"-webkit-box-pack":["start","end","center","justify"],"justify-content":["flex-start","flex-end","center","space-between","space-around"],"-webkit-box-align":["start","end","center","baseline","stretch"],"align-items":["flex-start","flex-end","center","baseline","stretch"],"align-content":["flex-start","flex-end","center","space-between","space-around","stretch"],"-webkit-box-flex":["1","1"],"flex":["1 1 auto"],"flex-shrink":["0"],"-ms-grid-row-align":["auto","center","stretch"],"align-self":["auto","flex-start","flex-end","center","baseline","stretch"],"flex-grow":["1"],"flex-basis":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-sm-left",".float-sm-right",".float-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-md-left",".float-md-right",".float-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-lg-left",".float-lg-right",".float-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".float-xl-left",".float-xl-right",".float-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"float":["left","right","none"]}}},{"value":"(min-width: 544px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-sm-rtl",".direction-sm-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-md-rtl",".direction-md-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1012px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-lg-rtl",".direction-lg-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 1280px)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".direction-xl-rtl",".direction-xl-ltr"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"direction":["rtl","ltr"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-0",".mt-sm-0",".mr-sm-0",".mb-sm-0",".ml-sm-0",".mt-sm-n0",".mr-sm-n0",".mb-sm-n0",".ml-sm-n0",".mx-sm-0",".my-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-1",".mt-sm-1",".mr-sm-1",".mb-sm-1",".ml-sm-1",".mt-sm-n1",".mr-sm-n1",".mb-sm-n1",".ml-sm-n1",".mx-sm-1",".my-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-2",".mt-sm-2",".mr-sm-2",".mb-sm-2",".ml-sm-2",".mt-sm-n2",".mr-sm-n2",".mb-sm-n2",".ml-sm-n2",".mx-sm-2",".my-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-3",".mt-sm-3",".mr-sm-3",".mb-sm-3",".ml-sm-3",".mt-sm-n3",".mr-sm-n3",".mb-sm-n3",".ml-sm-n3",".mx-sm-3",".my-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-4",".mt-sm-4",".mr-sm-4",".mb-sm-4",".ml-sm-4",".mt-sm-n4",".mr-sm-n4",".mb-sm-n4",".ml-sm-n4",".mx-sm-4",".my-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-5",".mt-sm-5",".mr-sm-5",".mb-sm-5",".ml-sm-5",".mt-sm-n5",".mr-sm-n5",".mb-sm-n5",".ml-sm-n5",".mx-sm-5",".my-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-sm-6",".mt-sm-6",".mr-sm-6",".mb-sm-6",".ml-sm-6",".mt-sm-n6",".mr-sm-n6",".mb-sm-n6",".ml-sm-n6",".mx-sm-6",".my-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-0",".mt-md-0",".mr-md-0",".mb-md-0",".ml-md-0",".mt-md-n0",".mr-md-n0",".mb-md-n0",".ml-md-n0",".mx-md-0",".my-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-1",".mt-md-1",".mr-md-1",".mb-md-1",".ml-md-1",".mt-md-n1",".mr-md-n1",".mb-md-n1",".ml-md-n1",".mx-md-1",".my-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-2",".mt-md-2",".mr-md-2",".mb-md-2",".ml-md-2",".mt-md-n2",".mr-md-n2",".mb-md-n2",".ml-md-n2",".mx-md-2",".my-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-3",".mt-md-3",".mr-md-3",".mb-md-3",".ml-md-3",".mt-md-n3",".mr-md-n3",".mb-md-n3",".ml-md-n3",".mx-md-3",".my-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-4",".mt-md-4",".mr-md-4",".mb-md-4",".ml-md-4",".mt-md-n4",".mr-md-n4",".mb-md-n4",".ml-md-n4",".mx-md-4",".my-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-5",".mt-md-5",".mr-md-5",".mb-md-5",".ml-md-5",".mt-md-n5",".mr-md-n5",".mb-md-n5",".ml-md-n5",".mx-md-5",".my-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-md-6",".mt-md-6",".mr-md-6",".mb-md-6",".ml-md-6",".mt-md-n6",".mr-md-n6",".mb-md-n6",".ml-md-n6",".mx-md-6",".my-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-0",".mt-lg-0",".mr-lg-0",".mb-lg-0",".ml-lg-0",".mt-lg-n0",".mr-lg-n0",".mb-lg-n0",".ml-lg-n0",".mx-lg-0",".my-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-1",".mt-lg-1",".mr-lg-1",".mb-lg-1",".ml-lg-1",".mt-lg-n1",".mr-lg-n1",".mb-lg-n1",".ml-lg-n1",".mx-lg-1",".my-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-2",".mt-lg-2",".mr-lg-2",".mb-lg-2",".ml-lg-2",".mt-lg-n2",".mr-lg-n2",".mb-lg-n2",".ml-lg-n2",".mx-lg-2",".my-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-3",".mt-lg-3",".mr-lg-3",".mb-lg-3",".ml-lg-3",".mt-lg-n3",".mr-lg-n3",".mb-lg-n3",".ml-lg-n3",".mx-lg-3",".my-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-4",".mt-lg-4",".mr-lg-4",".mb-lg-4",".ml-lg-4",".mt-lg-n4",".mr-lg-n4",".mb-lg-n4",".ml-lg-n4",".mx-lg-4",".my-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-5",".mt-lg-5",".mr-lg-5",".mb-lg-5",".ml-lg-5",".mt-lg-n5",".mr-lg-n5",".mb-lg-n5",".ml-lg-n5",".mx-lg-5",".my-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-lg-6",".mt-lg-6",".mr-lg-6",".mb-lg-6",".ml-lg-6",".mt-lg-n6",".mr-lg-n6",".mb-lg-n6",".ml-lg-n6",".mx-lg-6",".my-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-0",".mt-xl-0",".mr-xl-0",".mb-xl-0",".ml-xl-0",".mt-xl-n0",".mr-xl-n0",".mb-xl-n0",".ml-xl-n0",".mx-xl-0",".my-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["0"],"margin-top":["0","-0","0"],"margin-right":["0","-0","0"],"margin-bottom":["0","-0","0"],"margin-left":["0","-0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-1",".mt-xl-1",".mr-xl-1",".mb-xl-1",".ml-xl-1",".mt-xl-n1",".mr-xl-n1",".mb-xl-n1",".ml-xl-n1",".mx-xl-1",".my-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["4px"],"margin-top":["4px","-4px","4px"],"margin-right":["4px","-4px","4px"],"margin-bottom":["4px","-4px","4px"],"margin-left":["4px","-4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-2",".mt-xl-2",".mr-xl-2",".mb-xl-2",".ml-xl-2",".mt-xl-n2",".mr-xl-n2",".mb-xl-n2",".ml-xl-n2",".mx-xl-2",".my-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["8px"],"margin-top":["8px","-8px","8px"],"margin-right":["8px","-8px","8px"],"margin-bottom":["8px","-8px","8px"],"margin-left":["8px","-8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-3",".mt-xl-3",".mr-xl-3",".mb-xl-3",".ml-xl-3",".mt-xl-n3",".mr-xl-n3",".mb-xl-n3",".ml-xl-n3",".mx-xl-3",".my-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["16px"],"margin-top":["16px","-16px","16px"],"margin-right":["16px","-16px","16px"],"margin-bottom":["16px","-16px","16px"],"margin-left":["16px","-16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-4",".mt-xl-4",".mr-xl-4",".mb-xl-4",".ml-xl-4",".mt-xl-n4",".mr-xl-n4",".mb-xl-n4",".ml-xl-n4",".mx-xl-4",".my-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["24px"],"margin-top":["24px","-24px","24px"],"margin-right":["24px","-24px","24px"],"margin-bottom":["24px","-24px","24px"],"margin-left":["24px","-24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-5",".mt-xl-5",".mr-xl-5",".mb-xl-5",".ml-xl-5",".mt-xl-n5",".mr-xl-n5",".mb-xl-n5",".ml-xl-n5",".mx-xl-5",".my-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["32px"],"margin-top":["32px","-32px","32px"],"margin-right":["32px","-32px","32px"],"margin-bottom":["32px","-32px","32px"],"margin-left":["32px","-32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,2,2],"max":2,"average":1.1818181818181819}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".m-xl-6",".mt-xl-6",".mr-xl-6",".mb-xl-6",".ml-xl-6",".mt-xl-n6",".mr-xl-n6",".mb-xl-n6",".ml-xl-n6",".mx-xl-6",".my-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":13,"unique":9,"properties":{"margin":["40px"],"margin-top":["40px","-40px","40px"],"margin-right":["40px","-40px","40px"],"margin-bottom":["40px","-40px","40px"],"margin-left":["40px","-40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-0",".pt-sm-0",".pr-sm-0",".pb-sm-0",".pl-sm-0",".px-sm-0",".py-sm-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-1",".pt-sm-1",".pr-sm-1",".pb-sm-1",".pl-sm-1",".px-sm-1",".py-sm-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-2",".pt-sm-2",".pr-sm-2",".pb-sm-2",".pl-sm-2",".px-sm-2",".py-sm-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-3",".pt-sm-3",".pr-sm-3",".pb-sm-3",".pl-sm-3",".px-sm-3",".py-sm-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-4",".pt-sm-4",".pr-sm-4",".pb-sm-4",".pl-sm-4",".px-sm-4",".py-sm-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-5",".pt-sm-5",".pr-sm-5",".pb-sm-5",".pl-sm-5",".px-sm-5",".py-sm-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 544px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-sm-6",".pt-sm-6",".pr-sm-6",".pb-sm-6",".pl-sm-6",".px-sm-6",".py-sm-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-0",".pt-md-0",".pr-md-0",".pb-md-0",".pl-md-0",".px-md-0",".py-md-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-1",".pt-md-1",".pr-md-1",".pb-md-1",".pl-md-1",".px-md-1",".py-md-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-2",".pt-md-2",".pr-md-2",".pb-md-2",".pl-md-2",".px-md-2",".py-md-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-3",".pt-md-3",".pr-md-3",".pb-md-3",".pl-md-3",".px-md-3",".py-md-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-4",".pt-md-4",".pr-md-4",".pb-md-4",".pl-md-4",".px-md-4",".py-md-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-5",".pt-md-5",".pr-md-5",".pb-md-5",".pl-md-5",".px-md-5",".py-md-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 768px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-md-6",".pt-md-6",".pr-md-6",".pb-md-6",".pl-md-6",".px-md-6",".py-md-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-0",".pt-lg-0",".pr-lg-0",".pb-lg-0",".pl-lg-0",".px-lg-0",".py-lg-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-1",".pt-lg-1",".pr-lg-1",".pb-lg-1",".pl-lg-1",".px-lg-1",".py-lg-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-2",".pt-lg-2",".pr-lg-2",".pb-lg-2",".pl-lg-2",".px-lg-2",".py-lg-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-3",".pt-lg-3",".pr-lg-3",".pb-lg-3",".pl-lg-3",".px-lg-3",".py-lg-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-4",".pt-lg-4",".pr-lg-4",".pb-lg-4",".pl-lg-4",".px-lg-4",".py-lg-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-5",".pt-lg-5",".pr-lg-5",".pb-lg-5",".pl-lg-5",".px-lg-5",".py-lg-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1012px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-lg-6",".pt-lg-6",".pr-lg-6",".pb-lg-6",".pl-lg-6",".px-lg-6",".py-lg-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-0",".pt-xl-0",".pr-xl-0",".pb-xl-0",".pl-xl-0",".px-xl-0",".py-xl-0"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["0"],"padding-top":["0","0"],"padding-right":["0","0"],"padding-bottom":["0","0"],"padding-left":["0","0"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-1",".pt-xl-1",".pr-xl-1",".pb-xl-1",".pl-xl-1",".px-xl-1",".py-xl-1"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["4px"],"padding-top":["4px","4px"],"padding-right":["4px","4px"],"padding-bottom":["4px","4px"],"padding-left":["4px","4px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-2",".pt-xl-2",".pr-xl-2",".pb-xl-2",".pl-xl-2",".px-xl-2",".py-xl-2"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["8px"],"padding-top":["8px","8px"],"padding-right":["8px","8px"],"padding-bottom":["8px","8px"],"padding-left":["8px","8px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-3",".pt-xl-3",".pr-xl-3",".pb-xl-3",".pl-xl-3",".px-xl-3",".py-xl-3"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["16px"],"padding-top":["16px","16px"],"padding-right":["16px","16px"],"padding-bottom":["16px","16px"],"padding-left":["16px","16px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-4",".pt-xl-4",".pr-xl-4",".pb-xl-4",".pl-xl-4",".px-xl-4",".py-xl-4"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["24px"],"padding-top":["24px","24px"],"padding-right":["24px","24px"],"padding-bottom":["24px","24px"],"padding-left":["24px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-5",".pt-xl-5",".pr-xl-5",".pb-xl-5",".pl-xl-5",".px-xl-5",".py-xl-5"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["32px"],"padding-top":["32px","32px"],"padding-right":["32px","32px"],"padding-bottom":["32px","32px"],"padding-left":["32px","32px"]}}},{"value":"(min-width: 1280px)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,2,2],"max":2,"average":1.2857142857142858}},"selectors":{"total":7,"type":0,"class":7,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-xl-6",".pt-xl-6",".pr-xl-6",".pb-xl-6",".pl-xl-6",".px-xl-6",".py-xl-6"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":5,"properties":{"padding":["40px"],"padding-top":["40px","40px"],"padding-right":["40px","40px"],"padding-bottom":["40px","40px"],"padding-left":["40px","40px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["40px"],"padding-left":["40px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".p-responsive"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-right":["16px"],"padding-left":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".h3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f4"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["16px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f00-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["48px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f0-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["40px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f1-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["32px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f2-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["24px"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".f3-light"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["20px"]}}},{"value":"(min-width: 544px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-sm-right",".text-sm-left",".text-sm-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-md-right",".text-md-left",".text-md-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1012px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-lg-right",".text-lg-left",".text-lg-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 1280px)","rules":{"total":3,"size":{"graph":[1,1,1],"max":1,"average":1}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".text-xl-right",".text-xl-left",".text-xl-center"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"properties":{"text-align":["right","left","center"]}}},{"value":"(min-width: 544px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-sm-table",".d-sm-table-cell",".d-sm-block",".d-sm-inline",".d-sm-inline-block",".d-sm-flex",".d-sm-inline-flex",".d-sm-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 768px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-md-table",".d-md-table-cell",".d-md-block",".d-md-inline",".d-md-inline-block",".d-md-flex",".d-md-inline-flex",".d-md-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1012px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-lg-table",".d-lg-table-cell",".d-lg-block",".d-lg-inline",".d-lg-inline-block",".d-lg-flex",".d-lg-inline-flex",".d-lg-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(min-width: 1280px)","rules":{"total":8,"size":{"graph":[1,1,1,1,1,2,2,1],"max":2,"average":1.25}},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".d-xl-table",".d-xl-table-cell",".d-xl-block",".d-xl-inline",".d-xl-inline-block",".d-xl-flex",".d-xl-inline-flex",".d-xl-none"],"specificity":{"max":10,"average":10}},"declarations":{"total":10,"unique":10,"properties":{"display":["table","table-cell","block","inline","inline-block","-webkit-box","flex","-webkit-inline-box","inline-flex","none"]}}},{"value":"(max-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-sm"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px) and (max-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-md"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 768px) and (max-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-lg"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".hide-xl"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}}]}}} \ No newline at end of file diff --git a/node_modules/primer-utilities/docs/animations.md b/node_modules/primer-utilities/docs/animations.md new file mode 100644 index 000000000..8ee6b0d97 --- /dev/null +++ b/node_modules/primer-utilities/docs/animations.md @@ -0,0 +1,57 @@ +--- +title: Animations +example_layout: toggle +status: Stable +--- + +Animations are reusable animation classes that you can use to emphasize an element. All of these animations will animate if you toggle their visibility using the "Toggle" button. + +{:toc} + +## Fade In + +The `.anim-fade-in` class is used to fade in an element on the page. This will run once when the element is revealed. + +```html +<%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub! +``` + +## Fade Up + +The `.anim-fade-up` class is used to reveal an element on the page by sliding it up from below the fold. You should use this in a container with `overflow: hidden;` or on the bottom of the page. + +```html +
<%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!
+``` + +## Fade Down + +The `.anim-fade-down` class is used to slide an element down hiding it. You should use this in a container with `overflow: hidden;` or on the bottom of the page. + +```html +
<%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!
+``` + +## Scale In + +The `.anim-scale-in` class will scale the element in. This is useful on menus when you want them to appear more friendly. + +```html +
<%= octicon("mark-github") %>
+``` + +## Grow X + +The `.anim-grow-x` class will grow an element width from 0-:100: real quick. + +```html +
+``` + +## Pulse + +The `.anim-pulse` class will pulse an element infinitely. + +```html +<%= octicon("mark-github", :class => "anim-pulse") %> +``` diff --git a/node_modules/primer-utilities/docs/borders.md b/node_modules/primer-utilities/docs/borders.md new file mode 100644 index 000000000..b20eff9e9 --- /dev/null +++ b/node_modules/primer-utilities/docs/borders.md @@ -0,0 +1,124 @@ +--- +title: Borders +status: New release +status_issue: https://github.com/github/design-systems/issues/72 +--- + +Utilities for borders, border radius, and box shadows. + +{:toc} + +## Default border + +The default border utility applies a solid, 1px border, with a default gray color. + +```html +
+ .border +
+``` + +Borders can be applied to a specific edge or to the Y axis. + +```html +
+
+ .border-left +
+
+ .border-top +
+
+ .border-bottom +
+
+ .border-right +
+
+
+ .border-y +
+``` + +Remove borders from all sides or a single side with `.border-0`, `.border-top-0`, `.border-right-0`, `.border-bottom-0`, `.border-left-0`. + +```html +
+ .border-top-0 +
+``` + +## Border colors + +Override default border colors with blue, green, red, purple, yellow, and gray border color utilities. + +```html +
+ .border-blue +
+
+ .border-blue-light +
+
+ .border-green +
+
+ .border-green-light +
+
+ .border-red +
+
+ .border-red-light +
+
+ .border-purple +
+
+ .border-yellow +
+
+ .border-gray-light +
+
+ .border-gray-dark +
+``` + +### Borders with alpha transparency +Use `border-black-fade` to add an rgba black border with an alpha transparency of `0.15`. This is useful when you want a border that tints the background color. The shade of black we use matches the hue of the GitHub dark header and our gray color palette: `rgba(27,31,35, 0.15)`. + +```html +
+ .border-black-fade .bg-blue-light +
+
+ .border-black-fade .bg-red-light +
+``` + +## Border style + +Use `border-dashed` to give an element a dashed border. + +```html +
+ .border-dashed +
+``` + +## Rounded corners + +Add or remove rounded corners: `rounded-0` removes rounded corners, `rounded-1` applies a border radius of 3px, `rounded-2` applies a border radius of 6px. + +```html +
+ .rounded-0 +
+
+ .rounded-1 +
+
+ .rounded-2 +
+``` diff --git a/node_modules/primer-utilities/docs/box-shadow.md b/node_modules/primer-utilities/docs/box-shadow.md new file mode 100644 index 000000000..b7805b1e4 --- /dev/null +++ b/node_modules/primer-utilities/docs/box-shadow.md @@ -0,0 +1,107 @@ +--- +title: Box shadow +status: New release +status_issue: https://github.com/github/design-systems/issues/269 +--- + +Box shadows are used to make content appear elevated. They are typically applied to containers of content that users need to pay attention to or content that appears on top of (overlapping) other elements on the page (like a pop-over or modal). + +{:toc} + +## Default + +Default shadows are mainly used on things that need to appear slightly elevated, like pricing cards or UI elements containing important information. + +```html +
+ .box-shadow +
+``` + +These types of shadows are typically applied to elements with borders, like [`Box`](/styleguide/css/styles/core/components/box). + +```html +
+
+
+

Organization

+
+
+

+ Taxidermy live-edge mixtape, keytar tumeric locavore meh selvage deep v letterpress vexillologist lo-fi tousled church-key thundercats. Brooklyn bicycle rights tousled, marfa actually. +

+
+
+ +
+
+
+``` + +## Medium + +Medium box shadows are more diffused and slightly larger than small box shadows. + +```html +
+ .box-shadow-medium +
+``` + +Medium box shadows are typically used on editorialized content that needs to appear elevated. Most of the time, the elements using this level of shadow will be clickable. + +```html + +``` + +## Large + +Large box shadows are very diffused and used sparingly in the product UI. + +```html +
+ .box-shadow-large +
+``` + +These shadows are used for marketing content, UI screenshots, and content that appears on top of other page elements. + +```html +
+ " class="img-responsive" alt="NASA is on GitHub"> +
+``` + +## Extra Large + +Extra large box shadows are even more diffused. + +```html +
+ .box-shadow-extra-large +
+``` + +These shadows are used for marketing content and content that appears on top of other page elements. + +## Remove a box shadow + +Additionally there is a `box-shadow-none` class that removes `box-shadow`: + +```html +
+ .box-shadow-none +
+``` diff --git a/node_modules/primer-utilities/docs/colors.md b/node_modules/primer-utilities/docs/colors.md new file mode 100644 index 000000000..d66842fb6 --- /dev/null +++ b/node_modules/primer-utilities/docs/colors.md @@ -0,0 +1,232 @@ +--- +title: Colors +status: New release +status_issue: https://github.com/github/design-systems/issues/97 +--- + +Use color utilities to apply color to the background of elements, text, and borders. + +* [Background colors](#background-colors) +* [Text colors](#text-colors) +* [Link colors](#link-colors) +* [Border colors](#border-colors) + +## Background colors + +Background colors are most commonly used for filling large blocks of content or areas with a color. When selecting a background color, make sure the foreground color contrast passes a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). Meeting these standards ensures that content is accessible by everyone, regardless of disability or user device. You can [check your color combination with this demo site](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](/styleguide/css/principles/accessibility). + +### Gray + +
+
+
.bg-gray
+ #f5f5f5, $bg-gray +
+
+
+
+
+
.bg-gray-dark
+ #333, $bg-gray-dark +
+
+
+
.bg-gray-light
+ #fafafa, $bg-gray-light +
+
+
+
+
+ +### Blue + +
+
+
.bg-blue
+ #4078c0, $bg-blue +
+
+
+
+
.bg-blue-light
+ #f2f8fa, $bg-blue-light +
+
+
+
+ +### Yellow + +
+
+
.bg-yellow
+ #ffd36b, $bg-yellow +
+
+
+
+
.bg-yellow-light
+ #fff9ea, $bg-yellow-light +
+
+
+
+ +### Red + +
+
+
.bg-red
+ #bd2c00, $bg-red +
+
+
+
+
.bg-red-light
+ #fcdede, $bg-red-light +
+
+
+
+ +### Green + +
+
+
.bg-green
+ #6cc644, $bg-green +
+
+
+
+
.bg-green-light
+ #eaffea, $bg-green-light +
+
+
+
+ + +### Purple + +
+
+
.bg-purple
+ #6e5494, $bg-purple +
+
+
+
+
.bg-purple-light
+ #f5f0ff, $bg-purple-light +
+
+
+
+ +## Text colors + +Use text color utilities to set text or [octicons](/styleguide/css/styles/core/components/octicons) to a specific color. Color contrast must pass a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). This ensures that viewers who cannot see the full color spectrum are able to read the text. To customize outside of the suggested combinations below, we recommend using this [color contrast testing tool](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](/styleguide/css/principles/accessibility). + +These are our most common text with background color combinations. They don't all pass accessibility standards currently, but will be updated in the future. **Any of the combinations with a warning icon must be used with caution**. + +### Text on white background + +```html +
+ .text-blue on white +
+
+ .text-gray-dark on white +
+
+ .text-gray on white +
+
+ .text-red on white +
+
+ .text-orange on white +
+<%= octicon("alert") %> +
+ .text-orange-light on white +
+<%= octicon("alert") %> +
+ .text-green on white +
+
+ .text-purple on white +
+``` + +### Text on colored backgrounds + +```html +
+ .text-white on .bg-blue +
+
+ .text-gray-dark on .bg-blue-light +
+
+ .text-white on .bg-red +
+
+ .text-red on .bg-red-light +
+
+ .text-gray-dark on .bg-green-light +
+
+ .text-gray-dark on .bg-yellow +
+
+ .text-gray-dark on .bg-yellow-light +
+
+ .text-white on .bg-purple +
+
+ .text-white on .bg-gray-dark +
+
+ .text-gray-dark on .bg-gray +
+``` + +## Link colors + +Base link styles turn links blue and apply an underline on hover. You can override the base link styles with text color utilities and the following link utilities. **Bear in mind that link styles are easier for more people to see and interact with when the changes in styles do not rely on color alone.** + +Use `link-gray` to turn the link color to `$text-gray` and remain hover on blue. + +```html +link-gray +``` + +Use `link-gray-dark` to turn the link color to `$text-gray-dark` and remain hover on blue. + +```html +link-gray-dark +``` + +Use `.muted-link` to turn the link light gray in color, and blue on hover or focus with no underline. + +```html +muted-link +``` + +Use `link-hover-blue` to make any text color used with links to turn blue on hover. This is useful when you want only part of a link to turn blue on hover. + +```html + + A link with only part of it is blue on hover. + +``` + +## Border colors + +Border colors are documented on the [border utilities page](/styleguide/css/styles/core/utilities/borders#border-width-style-and-color-utilities). diff --git a/node_modules/primer-utilities/docs/flexbox.md b/node_modules/primer-utilities/docs/flexbox.md new file mode 100644 index 000000000..653d57b7f --- /dev/null +++ b/node_modules/primer-utilities/docs/flexbox.md @@ -0,0 +1,665 @@ +--- +title: Flexbox +status: New release +source: /app/assets/stylesheets/primer-core/utilities/lib/layout.scss +status_issue: https://github.com/github/design-systems/issues/157 +--- + +Flex utilities can be used to apply `flexbox` behaviors to elements by using utility classes. + +{:toc} + +## Required reading + +Before using these utilities, **you should be familiar with CSS3 Flexible Box spec**. If you are not, check out MDN's guide: + +:book: **[Using CSS Flexible Boxes](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes)** + +## Flex container + +Use these classes to make an element lay out its content using the flexbox model. Each **direct** child of the flex container will become a flex item. + +#### CSS + +```css +.d-flex { display: flex; } +.d-inline-flex { display: inline-flex; } +``` + +#### Classes + +| Class | Description | +| --- | --- | +| `.d-flex` | The element behaves like a block and lays out its content using the flexbox model. | +| `.d-inline-flex` | The element behaves like an inline element and lays out its content using the flexbox model. | + +#### Example using `.d-flex` + +```html + +
+
flex item 1
+
flex item 2
+
flex item 3
+
+``` + +#### Example using `.d-inline-flex` + +```html + +
+
flex item 1
+
flex item 2
+
flex item 3
+
+``` + +## Flex direction + +Use these classes to define the orientation of the main axis (`row` or `column`). By default, flex items will display in a row. Use `.flex-column` to change the direction of the main axis to vertical. + +#### CSS + +```css +.flex-row { flex-direction: row; } +.flex-row-reverse { flex-direction: row-reverse; } +.flex-column { flex-direction: column; } +``` + +#### Classes + +| Class | Description | +| --- | --- | +| `.flex-row` | The main axis runs left to right (default). | +| `.flex-row-reverse` | The main axis runs right to left. | +| `.flex-column` | The main axis runs top to bottom. | + +#### Example using `.flex-column` + +```html +
+
Item 1
+
Item 2
+
Item 3
+
+``` + +#### Example using `.flex-row` + +This example uses the responsive variant `.flex-md-row` to override `.flex-column` Learn more about responsive flexbox utilities **[here](#responsive-flex-utilities)**. + +```html +
+
Item 1
+
Item 2
+
Item 3
+
+``` + +#### Example using `.flex-row-reverse` + +This example uses the responsive variant `.flex-md-row-reverse` to override `.flex-column` Learn more about responsive flexbox utilities **[here](#responsive-flex-utilities)**. + +```html +
+
Item 1
+
Item 2
+
Item 3
+
+``` + +## Flex wrap + +You can choose whether flex items are forced into a single line or wrapped onto multiple lines. + +#### CSS + +```css +.flex-wrap { flex-wrap: wrap; } +.flex-nowrap { flex-wrap: nowrap; } +``` + +#### Classes + +| Class | Description | +| --- | --- | +| `.flex-wrap` | Flex items will break onto multiple lines (default) | +| `.flex-nowrap` | Flex items are laid out in a single line, even if they overflow | + +#### `flex-wrap` example + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
+``` + +#### `flex-nowrap` example + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
+``` + +## Justify content + +Use these classes to distribute space between and around flex items along the **main axis** of the container. + +#### CSS + +```CSS +.flex-justify-start { justify-content: flex-start; } +.flex-justify-end { justify-content: flex-end; } +.flex-justify-center { justify-content: center; } +.flex-justify-between { justify-content: space-between; } +.flex-justify-around { justify-content: space-around; } +``` + +#### Classes + +| Class | Default behavior | +| --- | --- | +| `.flex-justify-start` | Justify all items to the left | +| `.flex-justify-end` | Justify all items to the right | +| `.flex-justify-center` | Justify items to the center of the container | +| `.flex-justify-between` | Distribute items evenly. First item is on the start line, last item is on the end line. | +| `.flex-justify-around` | Distribute items evenly with equal space around them | + +#### flex-justify-start + +Use `.flex-justify-start` to align items to the start line. By default this will be on the left side of the container. If you are using `.flex-column`, the end line will be at the top of the container. + +```html +
+
1
+
2
+
3
+
+``` + +#### flex-justify-end + +Use `.flex-justify-end` to align items to the end line. By default this will be on the right side of the container. If you are using `.flex-column`, the end line will be at the bottom of the container. + +```html +
+
1
+
2
+
3
+
+``` + +#### flex-justify-center + +Use `.flex-justify-center` to align items in the middle of the container. + +```html +
+
1
+
2
+
3
+
+``` + +#### flex-justify-between + +Use `.flex-justify-between` to distribute items evenly in the container. The first items will be on the start line and the last item will be on the end line. + +```html +
+
1
+
2
+
3
+
+``` + +#### flex-justify-around + +Use `.flex-justify-around` to distribute items evenly, with an equal amount of space around them. Visually the spaces won't look equal, since each item has the same unit of space around it. For example, the first item only has one unit of space between it and the start line, but it has two units of space between it and the next item. + +```html +
+
1
+
2
+
3
+
+``` + +## Align items + +Use these classes to align items on the **cross axis**. + +The cross axis runs perpendicular to the main axis. By default the main axis runs horizontally, so your items will align vertically on the cross axis. If you use [flex-column](#flex-direction) to make the main axis run vertically, your items will be aligned horizontally. + +#### CSS + +```css +.flex-items-start { align-items: flex-start; } +.flex-items-end { align-items: flex-end; } +.flex-items-center { align-items: center; } +.flex-items-baseline { align-items: baseline; } +.flex-items-stretch { align-items: stretch; } +``` + +#### Classes + +| Class | Behavior | +| --- | --- | +| `.flex-items-start` | Align items to the start of the cross axis | +| `.flex-items-end` | Align items to the end of the cross axis | +| `.flex-items-center` | Align items to the center of the cross axis | +| `.flex-items-baseline` | Align items along their baselines | +| `.flex-items-stretch` | Stretch items from start of cross axis to end of cross axis | + +#### flex-items-start + +```html +
+
1
+
2
+
3
+
4
+
+``` + +#### flex-items-end + +```html +
+
1
+
2
+
3
+
4
+
+``` + +#### flex-items-center + +```html +
+
1
+
2
+
3
+
4
+
+``` + +#### flex-items-baseline + +With `.flex-items-baseline`, items will be aligned along their baselines even if they have different font sizes. + +```html +
+
1
+
2
+
3
+
4
+
+``` + +#### flex-items-stretch + +```html +
+
1
+
2
+
3
+
4
+
+``` + +## Align content + +When the main axis wraps, this creates multiple main axis lines and adds extra space in the cross axis. Use these classes to align the lines of the main axis on the cross axis. + +#### CSS + +```css +.flex-content-start { align-content: flex-start; } +.flex-content-end { align-content: flex-end; } +.flex-content-center { align-content: center; } +.flex-content-between { align-content: space-between; } +.flex-content-around { align-content: space-around; } +.flex-content-stretch { align-content: stretch; } +``` + +#### Classes + +| Class | Description | +| --- | --- | +| `.flex-content-start` | Align content to the start of the cross axis | +| `.flex-content-end` | Align content to the end of the cross axis | +| `.flex-content-center` | Align content to the center of the cross axis | +| `.flex-content-between` | Distribute content evenly. First line is on the start of the cross axis, last line is on the end of the cross axis. | +| `.flex-content-around` | Stretch items from the start of the cross axis to the end of the cross axis. | +| `.flex-content-stretch` | Lines stretch to occupy available space. | + +#### flex-content-start + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +#### flex-content-end + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +#### flex-content-center + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +#### flex-content-between + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +#### flex-content-around + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +#### flex-content-stretch + +```html +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+``` + +## Flex + +Use this class to specify the ability of a flex item to alter its dimensions to fill available space. + +```CSS +.flex-auto { flex: 1 1 auto; } +``` + +| Class | Description | +| --- | --- | +| `.flex-auto` | Sets default values for `flex-grow` (1), `flex-shrink` (1) and `flex-basis` (auto) | + +#### flex-auto + +```html +
+
.flex-auto
+
.flex-auto
+
.flex-auto
+
+``` + +## Align self + +Use these classes to adjust the alignment of an individual flex item on the cross axis. This overrides any `align-items` property applied to the flex container. + +#### CSS + +```css +.flex-self-auto { align-self: auto; } +.flex-self-start { align-self: flex-start; } +.flex-self-end { align-self: flex-end; } +.flex-self-center { align-self: center; } +.flex-self-baseline { align-self: baseline; } +.flex-self-stretch { align-self: stretch; } +``` + +#### Classes + +| Class | Description | +| --- | --- | +| `.flex-self-auto` | Inherit alignment from parent | +| `.flex-self-start` | Align to the start of the cross axis | +| `.flex-self-end` | Align to the end of the cross axis | +| `.flex-self-center` | Align to center of cross axis | +| `.flex-self-baseline` | Align baseline to the start of the cross axis | +| `.flex-self-stretch` | Stretch item from start of cross axis to end of cross axis. | + +#### flex-self-auto + +```html +
+
.flex-self-auto
+
 
+
 
+
+``` + +#### flex-self-start + +```html +
+
.flex-self-start
+
 
+
 
+
+``` + +#### flex-self-end + +```html +
+
.flex-self-end
+
 
+
 
+
+``` + +#### flex-self-center + +```html +
+
.flex-self-center
+
 
+
 
+
+``` + +#### flex-self-baseline + +```html +
+
.flex-self-baseline
+
item
+
item
+
+``` + +#### flex-self-stretch + +```html +
+
.flex-self-stretch
+
 
+
 
+
+``` + +## Responsive flex utilities + +All flexbox utilities can be adjust per [breakpoint](/styleguide/css/modules/grid#breakpoints) using the following formulas: + +- `d-[breakpoint]-[property]` for `display` +- `flex-[breakpoint]-[property]-[behavior]` for various flex properties +- `flex-[breakpoint]-item-equal` for equal width and equal height flex items + +Each responsive style is applied to the specified breakpoint and up. + +#### Example classes + +```css +/* Example classes */ + +.d-sm-flex {} +.d-md-inline-flex {} + +.flex-lg-row {} +.flex-xl-column {} + +.flex-sm-wrap {} +.flex-lg-nowrap {} + +.flex-lg-self-start {} + +.flex-md-item-equal {} +``` + +#### Example usage + +Mixing flex properties: + +```html +
+
.flex-self-stretch
+
 
+
 
+
+``` + +Using the equal width, equal height utilities: + +```html +
+
Stuff and things
+
More stuff
on multiple lines
+
Hi mom
+
+``` + +## Example components + +The flex utilities can be used to create a number of components. Here are some examples. + +### Media object + +You can use flex utilities to make a simple media object, like this: + +```html +
+
image
+

Body Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.

+
+``` + +### Responsive media object + +Here is an example of a media object that is **vertically centered on large screens**, but converts to a stacked column layout on small screens. + +```html +
+
+ +
+
+

Body Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.

+
+
+ <%= octicon "mark-github", :height => '32' %> +
+
+``` + +## Flexbox bugs + +This section lists flexbox bugs that affect browsers we [currently support](.../styles#user-content-browser-support). + +**1. Minimum content sizing of flex items not honored:** Some browsers don't respect flex item size. Instead of respecting the minimum content size, items shrink below their minimum size which can create some undesirable results, such as overflowing text. The workaround is to apply `flex-shrink: 0;` to the items using `d-flex`. This can be applied with the `flex-shrink-0` utility. For more information read [philipwalton/flexbugs](https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored). diff --git a/node_modules/primer-utilities/docs/layout.md b/node_modules/primer-utilities/docs/layout.md new file mode 100644 index 000000000..521683ee6 --- /dev/null +++ b/node_modules/primer-utilities/docs/layout.md @@ -0,0 +1,290 @@ +--- +title: Layout +status: Stable +--- + +Change the document layout with display, float, alignment, and other utilities. + +{:toc} + +## Display +Adjust the display of an element with `.d-block`, `.d-none`, `.d-inline`, `.d-inline-block`, `.d-table`, `.d-table-cell` utilities. + +```html +
+ .d-inline +
+ .d-inline-block +
+ .d-block +
+
+ .d-table-cell +
+
+
+ .d-table-cell +
+
+ .d-none +
+
+``` + +There are known issues with using `display:table` and wrapping long strings, particularly in Firefox. You may need to use `table-fixed` on elements with `d-table` and apply column widths to table cells, which you can do with our [column width styles](/styleguide/css/modules/grid#column-widths). + +```html +
+
+ .d-table-cell +
+
+ d-table-cell .col-10 +
+
+``` + +### Responsive display +A selection of display utilities are able to be applied or changed per [breakpoint](/styleguide/css/modules/grid#breakpoints). `.d-block`, `.d-none`, `.d-inline`, and `.d-inline-block` are available as responsive utilities using the following formula: `d-[breakpoint]-[property]`. For example: `d-md-inline-block`. Each responsive display utility is applied to the specified breakpoint and up. + +In the following example, the `ul` element switches from `display: block` on mobile to `display: inline-block` at the `md` breakpoint, while the list items remain inline. + +```html +
.d-md-inline-block
+
    +
  • .d-inline
  • +
  • .d-inline
  • +
+``` + +### Responsive hide +Hide utilities are able to be applied or changed per breakpoint using the following formula:
`hide-[breakpoint]`, for example: `hide-sm`. Hide utilities act differently from other responsive styles and are applied to each **breakpoint-range only**. + +| Shorthand | Range | +| --- | --- | +| -sm | 0—544px | +| -md | 544px—768px | +| -lg | 768px—1004px | +| -xl | 1004px and above | + +```html +
+

Potato update

+ Opened by broccolini + Updated 3 hours ago +
+``` + +### Text direction +`.direction-ltr` or `.direction-rtl` can be used to change the text direction. This is especially helpful when paired with `.d-table`, `.d-table-cell`, and `.v-align-middle` to create equal height, vertically centered, alternating content. + +## Visibility +Adjust the visibility of an element with `.v-hidden` and `.v-visible`. + +## Overflow +Adjust element overflow with `.overflow-hidden`, `.overflow-scroll`, and `.overflow-auto`. `.overflow-hidden` can also be used to create a new [block formatting context](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context) or clear floats. + +## Floats +Use `.float-left` and `.float-right` to set floats, and `.clearfix` to clear. +```html +
+
+ .float-left +
+
+ .float-right +
+
+``` +### Responsive floats +Float utilities can be applied or changed per [breakpoint](/styleguide/css/modules/grid#breakpoints). This can be useful for responsive layouts when you want an element to be full width on mobile but floated at a larger breakpoint. + +Each responsive float utility is applied to the specified breakpoint and up, using the following formula: `float-[breakpoint]-[property]`. For example: `float-md-left`. Remember to use `.clearfix` to clear. + +```html +
+
+ .float-md-left +
+
+ .float-md-right +
+
+``` + +## Alignment +Adjust the alignment of an element with `.v-align-baseline`, `.v-align-top`, `.v-align-middle` or `.v-align-bottom`. The vertical-align property only applies to inline or table-cell boxes. + +```html +
+

Potatoes

+
.v-align-baseline
+
.v-align-top
+
.v-align-middle
+
.v-align-bottom
+
+``` + +Use `v-align-text-top` or `v-align-text-bottom` to adjust the alignment of an element with the top or bottom of the parent element's font. + +```html +
+

Potatoes + .v-align-text-top + .v-align-text-bottom +

+
+``` + +## Width and height + +Use `.width-fit` to set max-width 100%. + +```html +
+ width fitted octocat +
+``` + +Use `.width-full` to set width to 100%. + +```html +
+
+ +
+
+``` + +Use `.height-full` to set height to 100%. + +```html +
+
+ <%= octicon "three-bars" %> +
+
+ Bacon ipsum dolor amet meatball flank beef tail pig boudin ham hock chicken capicola. Shoulder ham spare ribs turducken pork tongue. Bresaola corned beef sausage jowl ribeye kielbasa tenderloin andouille leberkas tongue. Ribeye tri-tip tenderloin pig, chuck ground round chicken tongue corned beef biltong. +
+
+``` + +## Position +Position utilities can be used to alter the default document flow. **Be careful when using positioning, it's often unnecessary and commonly misused.** + +Use `.position-relative` to create a new stacking context. + +_Note how the other elements are displayed as if "Two" were in its normal position and taking up space._ +```html +
+ One +
+
+ Two +
+
+ Three +
+
+ Four +
+``` + +Use `.position-absolute` to take elements out of the normal document flow. + +```html +
+ + +
+``` + +Use `.position-fixed` to position an element relative to the viewport. **Be careful when using fixed positioning. It is tricky to use and can lead to unwanted side effects.** + +_Note: fixed positioning has been disabled here for demonstration only._ + +```html +
+ .position-fixed +
+``` + +Use `top-0`, `right-0`, `bottom-0`, and `left-0` with `position-absolute`, `position-fixed`, or `position-relative` to further specify an elements position. + +```html +
+
+ .top-0 .left-0 +
+
+ .top-0 .right-0 +
+
+ .bottom-0 .right-0 +
+
+ .bottom-0 .left-0 +
+
+``` + +To fill an entire width or height, use opposing directions. + +_Note: fixed positioning has been disabled here for demonstration only._ + +```html +
+ .position-fixed .left-0 .right-0 +
+``` + +### Screen reader only + +Use `.sr-only` to position an element outside of the viewport for screen reader access only. **Even though the element can't be seen, make sure it still has a sensible tab order.** + +```html +
+ + +
+ Button activated! +
+
+``` + +## The media object + +Create a media object with utilities. + +```html +
+
+ Image +
+
+

Body Bacon ipsum dolor amet shankle rump tenderloin pork chop meatball strip steak bresaola doner sirloin capicola biltong shank pig. Alcatra frankfurter ham hock, ribeye prosciutto hamburger kevin brisket chuck burgdoggen short loin.

+
+
+``` +Create a double-sided media object for a container with a flexible center. + +```html +
+
+ Image +
+
+ Image +
+
+

Body Bacon ipsum dolor amet shankle rump tenderloin pork chop meatball strip steak bresaola doner sirloin capicola biltong shank pig. Alcatra frankfurter ham hock, ribeye prosciutto hamburger kevin brisket chuck burgdoggen short loin.

+
+
+``` + +You can also create a media object with [flexbox utilities](./flexbox#media-object) instead of floats which can be useful for changing the vertical alignment. diff --git a/node_modules/primer-utilities/docs/margin.md b/node_modules/primer-utilities/docs/margin.md new file mode 100644 index 000000000..ed1447a20 --- /dev/null +++ b/node_modules/primer-utilities/docs/margin.md @@ -0,0 +1,126 @@ +--- +title: Margin +status: Stable +--- + +Margin utilities are based on a global [spacing scale](/styleguide/css/styles/core/support/spacing) which helps keep horizontal and vertical spacing consistent. These utilities help us reduce the amount of custom CSS that share the same properties, and allows to achieve many different page layouts using the same styles. + +{:toc} + +## Naming convention + +Since margin utilities have many variations and will be used in many places, we use a shorthand naming convention to help keep class names succinct. + + +| Shorthand | Description | +| --- | --- | +| m | margin | +| t | top | +| r | right | +| b | bottom | +| l | left | +| x | horizontal, left & right | +| y | vertical, top & bottom | +| 0 | 0 | +| 1 | 4px | +| 2 | 8px | +| 3 | 16px | +| 4 | 24px | +| 5 | 32px | +| 6 | 40px | + +_**Note:** The blue in the examples represents the element, and the orange represents the margin_ + +## Uniform spacing + +Use uniform spacing utilities to apply equal margin to all sides of an element. These utilities can change or override default margins, and can be used with a spacing scale from 0-6. + +```html +
+
.m-0
+
+
+
.m-1
+
+
+
.m-2
+
+
+
.m-3
+
+
+
.m-4
+
+
+
.m-5
+
+
+
.m-6
+
+``` + +## Directional spacing + +Use directional utilities to apply margin to an individual side, or the X and Y axis of an element. Directional utilities can change or override default margins, and can be used with a spacing scale of 0-6. + +```html +
+
.mt-3
+
+
+
.mr-3
+
+
+
.mb-3
+
+
+
.ml-3
+
+
+
.my-3
+
+
+
.mx-3
+
+``` + +## Center elements + +Use `mx-auto`to center block elements with a set width. + +```html +
+
.mx-auto
+
+``` + +## Reset margins +Reset margins built into typography elements or other components with `m-0`, `mt-0`, `mr-0`, `mb-0`, `ml-0`, `mx-0`, and `my-0`. + +```html +

No bottom margin on this paragraph.

+``` + +## Responsive margins + +All margin utilities, except `mx-auto`, can be adjusted per [breakpoint](/styleguide/css/modules/grid#breakpoints) using the following formula: `m[direction]-[breakpoint]-[spacer]`. Each responsive style is applied to the specified breakpoint and up. + +```html +
+
+ .mx-sm-2 .mx-lg-4 +
+
+``` + +## Negative margins + +You can add negative margins to the top, right, bottom, or left of an item by adding a negative margin utility. The formula for this is: `m[direction]-n[spacer]`. This also works responsively, with the following formula: `m[direction]-[breakpoint]-n[spacer]`. + +```html +
+
+ .mt-n4 .mr-lg-n6 +
+
+``` diff --git a/node_modules/primer-utilities/docs/padding.md b/node_modules/primer-utilities/docs/padding.md new file mode 100644 index 000000000..94289f01d --- /dev/null +++ b/node_modules/primer-utilities/docs/padding.md @@ -0,0 +1,110 @@ +--- +title: Padding +status: Stable +--- + +Padding utilities are based on a global [spacing scale](/styleguide/css/styles/core/support/spacing) which helps keep horizontal and vertical spacing consistent. These utilities help us reduce the amount of custom CSS that could share the same properties, and allows to achieve many different page layouts using the same styles. + +{:toc} + +## Shorthand + +Since padding utilities have many variations and will be used in many places, we use a shorthand naming convention to help keep class names succinct. + +| Shorthand | Description | +| --- | --- | +| p | padding | +| t | top | +| r | right | +| b | bottom | +| l | left | +| x | horizontal, left & right | +| y | vertical, top & bottom | +| 0 | 0 | +| 1 | 4px | +| 2 | 8px | +| 3 | 16px | +| 4 | 24px | +| 5 | 32px | +| 6 | 40px | + +_**Note:** The blue in the examples below represents the element, and the green represents the padding._ + +## Uniform spacing + +Use uniform spacing utilities to apply equal padding to all sides of an element. These utilities can be used with a spacing scale from 0-6. + +```html +
+
.p-0
+
+
+
.p-1
+
+
+
.p-2
+
+
+
.p-3
+
+
+
.p-4
+
+
+
.p-5
+
+
+
.p-6
+
+``` + +## Directional spacing + +Use directional utilities to apply padding to an individual side, or the X and Y axis of an element. Directional utilities can change or override default padding, and can be used with a spacing scale of 0-6. + +```html +
+
.pt-3
+
+
+
.pr-3
+
+
+
.pb-3
+
+
+
.pl-3
+
+
+
.py-3
+
+
+
.px-3
+
+``` + +## Responsive padding + +All padding utilities can be adjusted per [breakpoint](/styleguide/css/styles/core/support/breakpoints) using the following formula:
`p-[direction]-[breakpoint]-[spacer]`. Each responsive style is applied to the specified breakpoint and up. + +```html +
+
+ .px-sm-2 .px-lg-4 +
+
+``` + +## Responsive container padding + +`.p-responsive` is a padding class that adds padding on the left and right sides of an element. On small screens, it gives the element padding of `$spacer-3`, on mid-sized screens it gives the element padding of `$spacer-6`, and on large screens, it gives the element padding of `$spacer-3`. + +It is intended to be used with [container styles](/styleguide/css/styles/core/objects/grid#containers) + +```html +
+
+ .container-lg .p-responsive +
+
+``` diff --git a/node_modules/primer-utilities/docs/typography.md b/node_modules/primer-utilities/docs/typography.md new file mode 100644 index 000000000..eb8297269 --- /dev/null +++ b/node_modules/primer-utilities/docs/typography.md @@ -0,0 +1,138 @@ +--- +title: Typography +status: Stable +--- + +Type utilities are designed to work in combination with line-height utilities so as to result in more sensible numbers wherever possible. These also exist as [variables](/styleguide/css/styles/core/support/typography#typography-variables) that you can use in components or custom CSS. + +{:toc} + +Font sizes are smaller on mobile and scale up at the `md` [breakpoint](/styleguide/css/styles/core/support/breakpoints) to be larger on desktop. + +| Scale | Font size: mobile | Font size: desktop | 1.25 line height | 1.5 line height | +| --- | --- | --- | --- | --- | +| 00 | 40px | 48px | 60 | 72 | +| 0 | 32px | 40px | 50 | 60 | +| 1 | 26px | 32px | 40 | 48 | +| 2 | 22px | 24px | 30 | 36 | +| 3 | 18px | 20px | 25 | 30 | +| 4 | 16px | 16px | 20 | 24 | +| 5 | 14px | 14px | 17.5 | 21 | +| 6 | 12px | 12px | 15 | 18 | + + +## Heading utilities + +Use `.h1` – `.h6` to change an elements font size and weight to match our heading styles. + +```html +

Pizza 1

+

Pizza 2

+

Pizza 3

+

Pizza 4

+

Pizza 5

+

Pizza 6

+``` + +These are particularly useful for changing the visual appearance while keeping the markup semantically correct. Be sure you keep the hierarchy appropriate for the page. + +```html +

Looks like a heading 1, semantically a heading 2

+``` + +## Type scale utilities + +Use `.f1` – `.f6` to change an elements font size while keeping inline with our type scale. + +```html +

Focaccia

+

Focaccia

+

Focaccia

+

Focaccia

+

Focaccia

+

Focaccia

+``` + +Lighter font-weight utilities are available in a limited range. Lighter font-weights reduce the legibility of text, particularly at small font sizes, so the scale only goes down to `f3` at 20px. The larger sizes`f0` and `f00` allow for lighter and larger type that is in keeping with our marketing styles. + +```html +

Potato chips

+

Potato chips

+

Potato chips

+

Potato chips

+

Potato chips

+``` + +## Line height styles +Change the line height density with these utilities. + +```html +

+ Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami. +

+

+ Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami. +

+

+ Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami. +

+``` + +## Typographic styles +Change the font weight, styles, and alignment with these utilities. + +```html +

Normal

+

Italic

+

Bold

+

Uppercase

+

No wrap

+

Normal whitespace

+

Line break long lines

+

No underline

+

Emphasized

+

Small

+

Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.

+``` + +## Text alignment + + Use text alignment utilities to left align, center, or right align text. + +```html +

Left align

+

Center

+

Right align

+``` +## Responsive text alignment + +Use the following formula to make a text alignment utility responsive: `.text-[breakpoint]-[alignment]` + +```html +

Left in a small viewport, centered in mid-sized viewports, and right aligned in larger viewports

+``` + +## List styles + +Remove bullets from an unordered list or numbers from an ordered list by applying `.list-style-none` to the `
    `. + +```html +
      +
    • First list item
    • +
    • Second list item
    • +
    • Third list item
    • +
    +``` + +## Text Shadows + +Text shadows can be used to help readability and to add some depth on colored backgrounds. + +```html +
    +

    .text-shadow-dark helps white text stand out on dark or photographic backgrounds

    +
    +
    +

    .text-shadow-light creates an embossed effect for dark text

    +
    +``` diff --git a/node_modules/primer-utilities/index.scss b/node_modules/primer-utilities/index.scss new file mode 100644 index 000000000..ff916bbdf --- /dev/null +++ b/node_modules/primer-utilities/index.scss @@ -0,0 +1,13 @@ +@import "primer-support/index.scss"; +// utilities +@import "./lib/animations.scss"; +@import "./lib/borders.scss"; +@import "./lib/box-shadow.scss"; +@import "./lib/colors.scss"; +@import "./lib/flexbox.scss"; +@import "./lib/layout.scss"; +@import "./lib/margin.scss"; +@import "./lib/padding.scss"; +@import "./lib/typography.scss"; +// Visibility and display should always come last in the imports so that they override other utilities with !important +@import "./lib/visibility-display.scss"; diff --git a/node_modules/primer-utilities/lib/animations.scss b/node_modules/primer-utilities/lib/animations.scss new file mode 100644 index 000000000..ef751cc88 --- /dev/null +++ b/node_modules/primer-utilities/lib/animations.scss @@ -0,0 +1,153 @@ +// This file contains reusable animations for github. +// stylelint-disable primer/selector-no-utility +// Fade in +// A class to fade in an element on the page. +.anim-fade-in { + animation-name: fade-in; + animation-duration: 1s; + animation-timing-function: ease-in-out; + + &.fast { + animation-duration: 300ms; + } +} + +@keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Fade in and slide up an element */ +.anim-fade-up { + opacity: 0; + animation-name: fade-up; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: ease-out; + animation-delay: 1s; +} + +@keyframes fade-up { + 0% { + opacity: 0.8; + transform: translateY(100%); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +/* Fade an element out and slide down */ +.anim-fade-down { + animation-name: fade-down; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: ease-in; +} + +@keyframes fade-down { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0.5; + transform: translateY(100%); + } +} + +/* Grow an element width from 0 to 100% */ +.anim-grow-x { + width: 0%; + animation-name: grow-x; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: ease; + animation-delay: 0.5s; +} + +@keyframes grow-x { + to { width: 100%; } +} + +/* Shrink an element from 100% to 0% */ +.anim-shrink-x { + animation-name: shrink-x; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: ease-in-out; + animation-delay: 0.5s; +} + +@keyframes shrink-x { + to { width: 0%; } +} + +/* Fade in an element and scale it fast */ +.anim-scale-in { + animation-name: scale-in; + animation-duration: 0.15s; + animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); +} + +@keyframes scale-in { + 0% { + opacity: 0; + transform: scale(0.5); + } + + 100% { + opacity: 1; + transform: scale(1); + } +} + +/* Pulse an element's opacity */ +.anim-pulse { + animation-name: pulse; + animation-duration: 2s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} + +@keyframes pulse { + 0% { + opacity: 0.3; + } + + 10% { + opacity: 1; + } + + 100% { + opacity: 0.3; + } +} + +/* Pulse in an element */ +.anim-pulse-in { + animation-name: pulse-in; + animation-duration: 0.5s; +} + +@keyframes pulse-in { + 0% { + transform: scale3d(1, 1, 1); + } + + 50% { + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + transform: scale3d(1, 1, 1); + } +} diff --git a/node_modules/primer-utilities/lib/borders.scss b/node_modules/primer-utilities/lib/borders.scss new file mode 100644 index 000000000..ead6f66ac --- /dev/null +++ b/node_modules/primer-utilities/lib/borders.scss @@ -0,0 +1,63 @@ +// Border utilities +// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility, comment-empty-line-before + +/* Add a gray border */ +.border { border: $border !important; } +/* Add a gray border to the top */ +.border-top { border-top: $border !important; } +/* Add a gray border to the right */ +.border-right { border-right: $border !important; } +/* Add a gray border to the bottom */ +.border-bottom { border-bottom: $border !important; } +/* Add a gray border to the left */ +.border-left { border-left: $border !important; } +/* Add a gray border to the left and right */ +.border-y { + border-top: $border !important; + border-bottom: $border !important; +} + +.border-dashed { border-style: dashed !important; } + +/* Use with .border to turn the border blue */ +.border-blue { border-color: $border-blue !important; } +/* Use with .border to turn the border blue-light */ +.border-blue-light { border-color: $border-blue-light !important; } +/* Use with .border to turn the border green */ +.border-green { border-color: $border-green !important; } +/* Use with .border to turn the border green light */ +.border-green-light { border-color: $border-green-light !important; } +/* Use with .border to turn the border red */ +.border-red { border-color: $border-red !important; } +/* Use with .border to turn the border red-light */ +.border-red-light { border-color: $border-red-light !important; } +/* Use with .border to turn the border purple */ +.border-purple { border-color: $border-purple !important; } +/* Use with .border to turn the border yellow */ +.border-yellow { border-color: $border-yellow !important; } +/* Use with .border to turn the border gray-light */ +.border-gray-light { border-color: $border-gray-light !important; } +/* Use with .border to turn the border gray-dark */ +.border-gray-dark { border-color: $border-gray-dark !important; } +/* Use with .border to turn the border rgba black 0.15 */ +.border-black-fade { border-color: $border-black-fade !important; } + +// Without borders +/* Remove all borders */ +.border-0 { border: 0 !important; } +/* Remove the top border */ +.border-top-0 { border-top: 0 !important; } +/* Remove the right border */ +.border-right-0 { border-right: 0 !important; } +/* Remove the bottom border */ +.border-bottom-0 { border-bottom: 0 !important; } +/* Remove the left border */ +.border-left-0 { border-left: 0 !important; } + +// Rounded corners +/* Remove the border-radius */ +.rounded-0 { border-radius: 0 !important; } +/* Add a border-radius to all corners */ +.rounded-1 { border-radius: $border-radius !important; } +/* Add a 2x border-radius to all corners */ +.rounded-2 { border-radius: $border-radius * 2 !important; } diff --git a/node_modules/primer-utilities/lib/box-shadow.scss b/node_modules/primer-utilities/lib/box-shadow.scss new file mode 100644 index 000000000..9093da305 --- /dev/null +++ b/node_modules/primer-utilities/lib/box-shadow.scss @@ -0,0 +1,26 @@ +// Box shadow utilities +// stylelint-disable primer/selector-no-utility + +// Box shadows + +.box-shadow { + box-shadow: $box-shadow !important; +} + +.box-shadow-medium { + box-shadow: $box-shadow-medium !important; +} + +.box-shadow-large { + box-shadow: $box-shadow-large !important; +} + +.box-shadow-extra-large { + box-shadow: $box-shadow-extra-large !important; +} + +// Turn off box shadow + +.box-shadow-none { + box-shadow: none !important; +} diff --git a/node_modules/primer-utilities/lib/colors.scss b/node_modules/primer-utilities/lib/colors.scss new file mode 100644 index 000000000..0f22a810d --- /dev/null +++ b/node_modules/primer-utilities/lib/colors.scss @@ -0,0 +1,106 @@ +// Color utilities +// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility +// stylelint-disable comment-empty-line-before + +// background colors +/* Set the background to $bg-white */ +.bg-white { background-color: $bg-white !important; } +/* Set the background to $bg-blue */ +.bg-blue { background-color: $bg-blue !important; } +/* Set the background to $bg-blue-light */ +.bg-blue-light { background-color: $bg-blue-light !important; } +/* Set the background to $bg-gray-dark */ +.bg-gray-dark { background-color: $bg-gray-dark !important; } +/* Set the background to $bg-gray */ +.bg-gray { background-color: $bg-gray !important; } +/* Set the background to $bg-gray-light */ +.bg-gray-light { background-color: $bg-gray-light !important; } +/* Set the background to $bg-green */ +.bg-green { background-color: $bg-green !important; } +/* Set the background to $bg-green-light */ +.bg-green-light { background-color: $bg-green-light !important; } +/* Set the background to $bg-red */ +.bg-red { background-color: $bg-red !important; } +/* Set the background to $bg-red-light */ +.bg-red-light { background-color: $bg-red-light !important; } +/* Set the background to $bg-yellow */ +.bg-yellow { background-color: $bg-yellow !important; } +/* Set the background to $bg-yellow-light */ +.bg-yellow-light { background-color: $bg-yellow-light !important; } +/* Set the background to $bg-purple */ +.bg-purple { background-color: $bg-purple !important; } +/* Set the background to $bg-purple-light */ +.bg-purple-light { background-color: $bg-purple-light !important; } + +.bg-shade-gradient { + background-image: linear-gradient(180deg, rgba($black, 0.065), rgba($black, 0)) !important; + background-repeat: no-repeat !important; + background-size: 100% 200px !important; +} + +// text colors +/* Set the text color to $text-blue */ +.text-blue { color: $text-blue !important; } +/* Set the text color to $text-red */ +.text-red { color: $text-red !important; } +/* Set the text color to $text-gray-light */ +.text-gray-light { color: $text-gray-light !important; } +/* Set the text color to $text-gray */ +.text-gray { color: $text-gray !important; } +/* Set the text color to $text-gray-dark */ +.text-gray-dark { color: $text-gray-dark !important; } +/* Set the text color to $text-green */ +.text-green { color: $text-green !important; } +/* Set the text color to $text-orange */ +.text-orange { color: $text-orange !important; } +/* Set the text color to $text-orange-light */ +.text-orange-light { color: $text-orange-light !important; } +/* Set the text color to $text-purple */ +.text-purple { color: $text-purple !important; } +/* Set the text color to $text-white */ +.text-white { color: $text-white !important; } +/* Set the text color to inherit */ +.text-inherit { color: inherit !important; } + +// Text states +// These can probably all be regular utilities +.text-pending { color: $yellow-800 !important; } +// Separate text and background colors in future to improve a11y +.bg-pending { color: $yellow-700 !important; } + +// Link colors +// Sets the links color to $text-gray and $text-blue on hover +.link-gray { + color: $text-gray !important; + + &:hover { + color: $text-blue !important; + } +} + +// Sets the links color to $text-gray-dark and $text-blue on hover +.link-gray-dark { + color: $text-gray-dark !important; + + &:hover { + color: $text-blue !important; + } +} + +/* Set the link color to $text-blue on hover + Useful when you want only part of a link to turn blue on hover */ +.link-hover-blue { + &:hover { + color: $text-blue !important; + } +} + +/* Make a link $text-gray, then $text-blue on hover and removes the underline */ +.muted-link { + color: $text-gray !important; + + &:hover { + color: $text-blue !important; + text-decoration: none; + } +} diff --git a/node_modules/primer-utilities/lib/flexbox.scss b/node_modules/primer-utilities/lib/flexbox.scss new file mode 100644 index 000000000..1a89e3f04 --- /dev/null +++ b/node_modules/primer-utilities/lib/flexbox.scss @@ -0,0 +1,80 @@ +// Flex utility classes + +// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before +// stylelint-disable comment-empty-line-before + +// - - - - - - - - - - - - - - - - - - - - - - - +// This is a template for generating the flex utility classes. +// A version of each class will be generated without a breakpoint, +// along with a variant for each breakpoint. +// - - - - - - - - - - - - - - - - - - - - - - - + +@mixin flexUtility($breakpoint: 0) { + + // This is the breakpoint that will be inserted into class names + $breakstring: -#{$breakpoint}; // example: `.d-sm-flex` + + // If there's no breakpoint, the $breakstring value will be blank. + @if $breakpoint == 0 { + $breakstring: ""; // example: `.d-flex` + } + + // Flexbox classes + // Container + + .flex#{$breakstring}-row { flex-direction: row !important; } + .flex#{$breakstring}-row-reverse { flex-direction: row-reverse !important; } + .flex#{$breakstring}-column { flex-direction: column !important; } + + .flex#{$breakstring}-wrap { flex-wrap: wrap !important; } + .flex#{$breakstring}-nowrap { flex-wrap: nowrap !important; } + + .flex#{$breakstring}-justify-start { justify-content: flex-start !important; } + .flex#{$breakstring}-justify-end { justify-content: flex-end !important; } + .flex#{$breakstring}-justify-center { justify-content: center !important; } + .flex#{$breakstring}-justify-between { justify-content: space-between !important; } + .flex#{$breakstring}-justify-around { justify-content: space-around !important; } + + .flex#{$breakstring}-items-start { align-items: flex-start !important; } + .flex#{$breakstring}-items-end { align-items: flex-end !important; } + .flex#{$breakstring}-items-center { align-items: center !important; } + .flex#{$breakstring}-items-baseline { align-items: baseline !important; } + .flex#{$breakstring}-items-stretch { align-items: stretch !important; } + + .flex#{$breakstring}-content-start { align-content: flex-start !important; } + .flex#{$breakstring}-content-end { align-content: flex-end !important; } + .flex#{$breakstring}-content-center { align-content: center !important; } + .flex#{$breakstring}-content-between { align-content: space-between !important; } + .flex#{$breakstring}-content-around { align-content: space-around !important; } + .flex#{$breakstring}-content-stretch { align-content: stretch !important; } + + // Item + .flex#{$breakstring}-auto { flex: 1 1 auto !important; } + .flex#{$breakstring}-shrink-0 { flex-shrink: 0 !important; } + + .flex#{$breakstring}-self-auto { align-self: auto !important; } + .flex#{$breakstring}-self-start { align-self: flex-start !important; } + .flex#{$breakstring}-self-end { align-self: flex-end !important; } + .flex#{$breakstring}-self-center { align-self: center !important; } + .flex#{$breakstring}-self-baseline { align-self: baseline !important; } + .flex#{$breakstring}-self-stretch { align-self: stretch !important; } + + // Shorthand for equal width and height cols + .flex#{$breakstring}-item-equal { + flex-grow: 1; + flex-basis: 0; + } +} + +// Generate basic flexbox classes +@include flexUtility(); + +// Loop through the breakpoint values to create responsive classes +@each $breakpoint in map-keys($breakpoints) { + + // Loop through the spacer values + @include breakpoint($breakpoint) { + @include flexUtility($breakpoint); + } + +} diff --git a/node_modules/primer-utilities/lib/layout.scss b/node_modules/primer-utilities/lib/layout.scss new file mode 100644 index 000000000..5a2bada8d --- /dev/null +++ b/node_modules/primer-utilities/lib/layout.scss @@ -0,0 +1,96 @@ +// Layout +// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility +// stylelint-disable comment-empty-line-before + +/* Set position to static */ +.position-static { position: static !important; } +/* Set position to relative */ +.position-relative { position: relative !important; } +/* Set position to absolute */ +.position-absolute { position: absolute !important; } +/* Set position to fixed */ +.position-fixed { position: fixed !important; } + +/* Set top 0 */ +.top-0 { top: 0 !important; } +/* Set right 0 */ +.right-0 { right: 0 !important; } +/* Set bottom 0 */ +.bottom-0 { bottom: 0 !important; } +/* Set left 0 */ +.left-0 { left: 0 !important; } + +/* Vertical align middle */ +.v-align-middle { vertical-align: middle !important; } +/* Vertical align top */ +.v-align-top { vertical-align: top !important; } +/* Vertical align bottom */ +.v-align-bottom { vertical-align: bottom !important; } +/* Vertical align to the top of the text */ +.v-align-text-top { vertical-align: text-top !important; } +/* Vertical align to the bottom of the text */ +.v-align-text-bottom { vertical-align: text-bottom !important; } + +// Overflow utilities +// overflow-hidden can also be used to create a new +// block formatting context or clear floats. +/* Set the overflow hidden */ +.overflow-hidden { overflow: hidden !important; } +/* Set the overflow scroll */ +.overflow-scroll { overflow: scroll !important; } +/* Set the overflow auto */ +.overflow-auto { overflow: auto !important; } + +// Clear floats +/* Clear floats around the element */ +.clearfix { + @include clearfix; +} + +// Floats +/* Float to the right */ +.float-right { float: right !important; } +/* Float to the left */ +.float-left { float: left !important; } +/* Don't float left or right */ +.float-none { float: none !important; } + +// Responsive float utlities +// .float-md-left, .float-lg-right, ... +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + /* Float to the left at the #{$breakpoint} breakpoint */ + .float-#{$breakpoint}-left { float: left !important; } + /* Float to the right at the #{$breakpoint} breakpoint */ + .float-#{$breakpoint}-right { float: right !important; } + /* No float at the #{$breakpoint} breakpoint */ + .float-#{$breakpoint}-none { float: none !important; } + } +} + +// Width and height utilities, helpful in combination +// with display-table utilities and images +/* Max width 100% */ +.width-fit { max-width: 100% !important; } +/* Set the width to 100% */ +.width-full { width: 100% !important; } +/* Set the height to 100% */ +.height-full { height: 100% !important; } + +/* Remove min-width from element */ +.min-width-0 { min-width: 0 !important; } + +// Direction utilities + +.direction-rtl { direction: rtl !important; } + +.direction-ltr { direction: ltr !important; } + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + /* Set the direction to ltr at the #{$breakpoint} breakpoint */ + .direction-#{$breakpoint}-rtl { direction: rtl !important; } + /* Set the direction to ltr at the #{$breakpoint} breakpoint */ + .direction-#{$breakpoint}-ltr { direction: ltr !important; } + } +} diff --git a/node_modules/primer-utilities/lib/margin.scss b/node_modules/primer-utilities/lib/margin.scss new file mode 100644 index 000000000..3e421cdcf --- /dev/null +++ b/node_modules/primer-utilities/lib/margin.scss @@ -0,0 +1,86 @@ +// Margin spacer utilities +// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, primer/selector-no-utility, comment-empty-line-before +@for $i from 1 through length($spacers) { + $size: #{nth($spacers, $i)}; + $scale: #{$i - 1}; + + /* Set a #{$size} margin to all sides */ + .m-#{$scale} { margin : #{$size} !important; } + /* Set a #{$size} margin on the top */ + .mt-#{$scale} { margin-top : #{$size} !important; } + /* Set a #{$size} margin on the right */ + .mr-#{$scale} { margin-right : #{$size} !important; } + /* Set a #{$size} margin on the bottom */ + .mb-#{$scale} { margin-bottom: #{$size} !important; } + /* Set a #{$size} margin on the left */ + .ml-#{$scale} { margin-left : #{$size} !important; } + /* Set a negative #{$size} margin on top */ + .mt-n#{$scale} { margin-top : -#{$size} !important; } + /* Set a negative #{$size} margin on the right */ + .mr-n#{$scale} { margin-right : -#{$size} !important; } + /* Set a negative #{$size} margin on the bottom */ + .mb-n#{$scale} { margin-bottom: -#{$size} !important; } + /* Set a negative #{$size} margin on the left */ + .ml-n#{$scale} { margin-left : -#{$size} !important; } + + /* Set a #{$size} margin on the left & right */ + .mx-#{$scale} { + margin-right: #{$size} !important; + margin-left : #{$size} !important; + } + + /* Set a #{$size} margin on the top & bottom */ + .my-#{$scale} { + margin-top : #{$size} !important; + margin-bottom: #{$size} !important; + } +} + +/* Set an auto margin on left & right */ +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +// Loop through the breakpoint values +@each $breakpoint in map-keys($breakpoints) { + + // Loop through the spacer values + @for $i from 1 through length($spacers) { + @include breakpoint($breakpoint) { + $size: #{nth($spacers, $i)}; // sm, md, lg, xl + $scale: #{$i - 1}; // 0, 1, 2, 3, 4, 5, 6 + + /* Set a #{$size} margin to all sides at the breakpoint #{$breakpoint} */ + .m-#{$breakpoint}-#{$scale} { margin: #{$size} !important; } + /* Set a #{$size} margin on the top at the breakpoint #{$breakpoint} */ + .mt-#{$breakpoint}-#{$scale} { margin-top: #{$size} !important; } + /* Set a #{$size} margin on the right at the breakpoint #{$breakpoint} */ + .mr-#{$breakpoint}-#{$scale} { margin-right: #{$size} !important; } + /* Set a #{$size} margin on the bottom at the breakpoint #{$breakpoint} */ + .mb-#{$breakpoint}-#{$scale} { margin-bottom: #{$size} !important; } + /* Set a #{$size} margin on the left at the breakpoint #{$breakpoint} */ + .ml-#{$breakpoint}-#{$scale} { margin-left: #{$size} !important; } + /* Set a negative #{$size} margin on top at the breakpoint #{$breakpoint} */ + .mt-#{$breakpoint}-n#{$scale} { margin-top : -#{$size} !important; } + /* Set a negative #{$size} margin on the right at the breakpoint #{$breakpoint} */ + .mr-#{$breakpoint}-n#{$scale} { margin-right : -#{$size} !important; } + /* Set a negative #{$size} margin on the bottom at the breakpoint #{$breakpoint} */ + .mb-#{$breakpoint}-n#{$scale} { margin-bottom: -#{$size} !important; } + /* Set a negative #{$size} margin on the left at the breakpoint #{$breakpoint} */ + .ml-#{$breakpoint}-n#{$scale} { margin-left : -#{$size} !important; } + + /* Set a #{$size} margin on the left & right at the breakpoint #{$breakpoint} */ + .mx-#{$breakpoint}-#{$scale} { + margin-right: #{$size} !important; + margin-left: #{$size} !important; + } + + /* Set a #{$size} margin on the top & bottom at the breakpoint #{$breakpoint} */ + .my-#{$breakpoint}-#{$scale} { + margin-top: #{$size} !important; + margin-bottom: #{$size} !important; + } + } + } +} diff --git a/node_modules/primer-utilities/lib/padding.scss b/node_modules/primer-utilities/lib/padding.scss new file mode 100644 index 000000000..f62d7e40d --- /dev/null +++ b/node_modules/primer-utilities/lib/padding.scss @@ -0,0 +1,84 @@ +// Padding spacer utilities +// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before +// stylelint-disable comment-empty-line-before +@for $i from 1 through length($spacers) { + $size: #{nth($spacers, $i)}; + $scale: #{$i - 1}; + + /* Set a #{$size} padding to all sides */ + .p-#{$scale} { padding : #{$size} !important; } + /* Set a #{$size} padding to the top */ + .pt-#{$scale} { padding-top : #{$size} !important; } + /* Set a #{$size} padding to the right */ + .pr-#{$scale} { padding-right : #{$size} !important; } + /* Set a #{$size} padding to the bottom */ + .pb-#{$scale} { padding-bottom: #{$size} !important; } + /* Set a #{$size} padding to the left */ + .pl-#{$scale} { padding-left : #{$size} !important; } + + /* Set a #{$size} padding to the left & right */ + .px-#{$scale} { + padding-right: #{$size} !important; + padding-left: #{$size} !important; + } + + /* Set a #{$size} padding to the top & bottom */ + .py-#{$scale} { + padding-top: #{$size} !important; + padding-bottom: #{$size} !important; + } +} + +// Responsive padding spacer utilities + +// Loop through the breakpoint values +@each $breakpoint in map-keys($breakpoints) { + + // Loop through the spacer values + @for $i from 1 through length($spacers) { + @include breakpoint($breakpoint) { + $size: #{nth($spacers, $i)}; // xs, sm, md, lg, xl + $scale: #{$i - 1}; // 0, 1, 2, 3, 4, 5, 6 + + /* Set a #{$size} padding to all sides at the #{$breakpoint} breakpoint */ + .p-#{$breakpoint}-#{$scale} { padding: #{$size} !important; } + /* Set a #{$size} padding to the top at the #{$breakpoint} breakpoint */ + .pt-#{$breakpoint}-#{$scale} { padding-top: #{$size} !important; } + /* Set a #{$size} padding to the right at the #{$breakpoint} breakpoint */ + .pr-#{$breakpoint}-#{$scale} { padding-right: #{$size} !important; } + /* Set a #{$size} padding to the bottom at the #{$breakpoint} breakpoint */ + .pb-#{$breakpoint}-#{$scale} { padding-bottom: #{$size} !important; } + /* Set a #{$size} padding to the left at the #{$breakpoint} breakpoint */ + .pl-#{$breakpoint}-#{$scale} { padding-left: #{$size} !important; } + + /* Set a #{$size} padding to the left & right at the #{$breakpoint} breakpoint */ + .px-#{$breakpoint}-#{$scale} { + padding-right: #{$size} !important; + padding-left: #{$size} !important; + } + + /* Set a #{$size} padding to the top & bottom at the #{$breakpoint} breakpoint */ + .py-#{$breakpoint}-#{$scale} { + padding-top: #{$size} !important; + padding-bottom: #{$size} !important; + } + } + } +} + +// responsive padding for containers +// stylelint-disable-next-line primer/selector-no-utility +.p-responsive { + padding-right: $spacer-3 !important; + padding-left: $spacer-3 !important; + + @include breakpoint(sm) { + padding-right: $spacer-6 !important; + padding-left: $spacer-6 !important; + } + + @include breakpoint(lg) { + padding-right: $spacer-3 !important; + padding-left: $spacer-3 !important; + } +} diff --git a/node_modules/primer-utilities/lib/typography.scss b/node_modules/primer-utilities/lib/typography.scss new file mode 100644 index 000000000..f580f5967 --- /dev/null +++ b/node_modules/primer-utilities/lib/typography.scss @@ -0,0 +1,216 @@ +// stylelint-disable block-closing-brace-space-before, primer/selector-no-utility, selector-list-comma-newline-after +// stylelint-disable comment-empty-line-before +// Type scale variables found in primer-support/lib/variables.scss +// $h00-size-mobile: 40px; +// $h0-size-mobile: 32px; +// $h1-size-mobile: 26px; +// $h2-size-mobile: 22px; +// $h3-size-mobile: 18px; +// $h00-size: 48px; +// $h0-size: 40px; +// $h1-size: 32px; +// $h2-size: 24px; +// $h3-size: 20px; +// $h4-size: 16px; +// $h5-size: 14px; +// $h6-size: 12px; + +/* Set the font size to 26px */ +.h1 { + font-size: $h1-size-mobile !important; + + @include breakpoint(md) { font-size: $h1-size !important; } + +} + +/* Set the font size to 22px */ +.h2 { + font-size: $h2-size-mobile !important; + + @include breakpoint(md) { font-size: $h2-size !important; } +} + +/* Set the font size to 18px */ +.h3 { + font-size: $h3-size-mobile !important; + + @include breakpoint(md) { font-size: $h3-size !important; } + +} + +/* Set the font size to #{$h4-size} */ +.h4 { + font-size: $h4-size !important; + +} + +/* Set the font size to #{$h5-size} */ +.h5 { font-size: $h5-size !important; } + +// Does not include color property like typography base +// styles, color should be applied with color utilities. +/* Set the font size to #{$h6-size} */ +.h6 { font-size: $h6-size !important; } + +// Heading utilities +.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: $font-weight-bold !important; } + +// Type utilities that match type sale +/* Set the font size to 26px */ +.f1 { + font-size: $h1-size-mobile !important; + + @include breakpoint(md) { font-size: $h1-size !important; } + +} + +/* Set the font size to 22px */ +.f2 { + font-size: $h2-size-mobile !important; + + @include breakpoint(md) { font-size: $h2-size !important; } +} + +/* Set the font size to 18px */ +.f3 { + font-size: $h3-size-mobile !important; + + @include breakpoint(md) { font-size: $h3-size !important; } + +} + +/* Set the font size to #{$h4-size} */ +.f4 { + font-size: $h4-size !important; + + @include breakpoint(md) { font-size: $h4-size !important; } + +} + +/* Set the font size to #{$h5-size} */ +.f5 { font-size: $h5-size !important; } +/* Set the font size to #{$h6-size} */ +.f6 { font-size: $h6-size !important; } + +// Type utils with light weight that match type scale +/* Set the font size to 40px and weight to light */ +.f00-light { + font-size: $h00-size-mobile !important; + font-weight: $font-weight-light !important; + + @include breakpoint(md) { font-size: $h00-size !important; } + +} + +/* Set the font size to 32px and weight to light */ +.f0-light { + font-size: $h0-size-mobile !important; + font-weight: $font-weight-light !important; + + @include breakpoint(md) { font-size: $h0-size !important; } + +} + +/* Set the font size to 26px and weight to light */ +.f1-light { + font-size: $h1-size-mobile !important; + font-weight: $font-weight-light !important; + + @include breakpoint(md) { font-size: $h1-size !important; } + +} + +/* Set the font size to 22px and weight to light */ +.f2-light { + font-size: $h2-size-mobile !important; + font-weight: $font-weight-light !important; + + @include breakpoint(md) { font-size: $h2-size !important; } + +} +// Same size and weight as .lead but without color property +/* Set the font size to 18px and weight to light */ +.f3-light { + font-size: $h3-size-mobile !important; + font-weight: $font-weight-light !important; + + @include breakpoint(md) { font-size: $h3-size !important; } + +} + +// Smallest text size +/* Set the font size to ${#h6-size} */ +.text-small { font-size: $h6-size !important; } // 12px + +/* Large leading paragraphs */ +.lead { + margin-bottom: 30px; + font-size: $h3-size; + font-weight: $font-weight-light; + color: $gray-600; +} + +// Line-height variations +// Close to commonly used line-heights. Most line-heights +// combined with type size equate to whole pixels. +// Will be improved with future typography scale updates. +/* Set the line height to ultra condensed */ +.lh-condensed-ultra { line-height: $lh-condensed-ultra !important; } +/* Set the line height to condensed */ +.lh-condensed { line-height: $lh-condensed !important; } +/* Set the line height to default */ +.lh-default { line-height: $lh-default !important; } + +// Text alignments +/* Text align to the right */ +.text-right { text-align: right !important; } +/* Text align to the left */ +.text-left { text-align: left !important; } +/* Text align to the center */ +.text-center { text-align: center !important; } + +// Responsive text alignment +// .text-md-left, .text-lg-right, ... +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + .text-#{$breakpoint}-right { text-align: right !important; } + .text-#{$breakpoint}-left { text-align: left !important; } + .text-#{$breakpoint}-center { text-align: center !important; } + } +} + +// Text styles +/* Set the font weight to normal */ +.text-normal { font-weight: $font-weight-normal !important; } +/* Set the font weight to bold */ +.text-bold { font-weight: $font-weight-bold !important;} +/* Set the font to italic */ +.text-italic { font-style: italic !important; } +/* Make text uppercase */ +.text-uppercase { text-transform: uppercase !important; } +/* Underline text */ +.no-underline { text-decoration: none !important; } +/* Don't wrap white space */ +.no-wrap { white-space: nowrap !important; } +/* Normal white space */ +.ws-normal { white-space: normal !important; } +/* Allow long lines with no spaces to line break */ +.wb-break-all { word-break: break-all !important; } + +.text-emphasized { + font-weight: $font-weight-bold; + color: $text-gray-dark; +} + +// List styles +.list-style-none { list-style: none !important; } + +// Text Shadows +/* Add a dark text shadow */ +.text-shadow-dark { + text-shadow: 0 1px 1px rgba($black, 0.25), 0 1px 25px rgba($black, 0.75); +} +/* Add a light text shadow */ +.text-shadow-light { + text-shadow: 0 1px 0 rgba($white, 0.5); +} diff --git a/node_modules/primer-utilities/lib/visibility-display.scss b/node_modules/primer-utilities/lib/visibility-display.scss new file mode 100644 index 000000000..bd6fc911f --- /dev/null +++ b/node_modules/primer-utilities/lib/visibility-display.scss @@ -0,0 +1,111 @@ +// Visibility and display utilities +// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility +// stylelint-disable comment-empty-line-before + +// Visibility utilities +/* Visibility hidden */ +.v-hidden { visibility: hidden !important; } +/* Visibility visible */ +.v-visible { visibility: visible !important; } + +// Display utilites +/* Set the display to table */ +.d-table { display: table !important; } +/* Set the display to table-cell */ +.d-table-cell { display: table-cell !important; } +/* Set the table-layout to fixed */ +.table-fixed { table-layout: fixed !important; } + +/* Set the display to block */ +.d-block { display: block !important; } +/* Set the display to inline */ +.d-inline { display: inline !important; } +/* Set the display to inline-block */ +.d-inline-block { display: inline-block !important; } +/* Set the display to flex */ +.d-flex { display: flex !important; } +/* Set the display to inline-flex */ +.d-inline-flex { display: inline-flex !important; } +/* Set the display to none */ +.d-none { display: none !important; } + +// Responsive display utlities +// .d-sm-none, .d-lg-inline, ... +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + /* Set the display to table at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-table { display: table !important; } + /* Set the display to table cell at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-table-cell { display: table-cell !important; } + /* Set the display to block at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-block { display: block !important; } + /* Set the display to inline at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-inline { display: inline !important; } + /* Set the display to inline block at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-inline-block { display: inline-block !important; } + /* Set the display to flex at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-flex { display: flex !important; } + /* Set the display to flex at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-inline-flex { display: inline-flex !important; } + /* Set the display to none at the #{$breakpoint} breakpoint */ + .d-#{$breakpoint}-none { display: none !important; } + } +} + +// Hide utilities for each breakpoint +// Each hide utility only applies to one breakpoint range. +@media (max-width: $width-sm) { + .hide-sm { + display: none !important; + } +} + +@media (min-width: $width-sm) and (max-width: $width-md) { + .hide-md { + display: none !important; + } +} + +@media (min-width: $width-md) and (max-width: $width-lg) { + .hide-lg { + display: none !important; + } +} + +@media (min-width: $width-lg) { + .hide-xl { + display: none !important; + } +} + +// Only display content to screen readers +// +// See: http://a11yproject.com/posts/how-to-hide-content/ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1241631 + word-wrap: normal; + border: 0; +} + +// Only display content on focus +.show-on-focus { + position: absolute; + width: 1px; + height: 1px; + margin: 0; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + + &:focus { + z-index: 20; + width: auto; + height: auto; + clip: auto; + } +} diff --git a/node_modules/primer-utilities/package.json b/node_modules/primer-utilities/package.json new file mode 100644 index 000000000..8296b4ddc --- /dev/null +++ b/node_modules/primer-utilities/package.json @@ -0,0 +1,142 @@ +{ + "_args": [ + [ + { + "raw": "primer-utilities@4.6.0", + "scope": null, + "escapedName": "primer-utilities", + "name": "primer-utilities", + "rawSpec": "4.6.0", + "spec": "4.6.0", + "type": "version" + }, + "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css" + ] + ], + "_from": "primer-utilities@4.6.0", + "_id": "primer-utilities@4.6.0", + "_inCache": true, + "_location": "/primer-utilities", + "_nodeVersion": "7.10.1", + "_npmOperationalInternal": { + "host": "s3://npm-registry-packages", + "tmp": "tmp/primer-utilities-4.6.0.tgz_1502924204630_0.1323937107808888" + }, + "_npmUser": { + "name": "primer-css", + "email": "design-systems@github.com" + }, + "_npmVersion": "4.2.0", + "_phantomChildren": {}, + "_requested": { + "raw": "primer-utilities@4.6.0", + "scope": null, + "escapedName": "primer-utilities", + "name": "primer-utilities", + "rawSpec": "4.6.0", + "spec": "4.6.0", + "type": "version" + }, + "_requiredBy": [ + "/primer-core", + "/primer-css" + ], + "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.6.0.tgz", + "_shasum": "93ca6d87e83ca5deab3c84013406dca4cc654deb", + "_shrinkwrap": null, + "_spec": "primer-utilities@4.6.0", + "_where": "/Users/github/Desktop/Repos/training-kit/node_modules/primer-css", + "author": { + "name": "GitHub, Inc." + }, + "bugs": { + "url": "https://github.com/primer/primer-css/issues" + }, + "dependencies": { + "primer-support": "4.3.0" + }, + "description": "Immutable, atomic CSS classes to rapidly build product", + "devDependencies": {}, + "directories": {}, + "dist": { + "shasum": "93ca6d87e83ca5deab3c84013406dca4cc654deb", + "tarball": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.6.0.tgz" + }, + "files": [ + "index.scss", + "lib", + "build", + "docs" + ], + "homepage": "http://primercss.io/", + "keywords": [ + "primer", + "css", + "github", + "primercss" + ], + "license": "MIT", + "main": "build/index.js", + "maintainers": [ + { + "name": "broccolini", + "email": "diana.mounter@gmail.com" + }, + { + "name": "jonrohan", + "email": "yes@jonrohan.codes" + }, + { + "name": "keithamus", + "email": "npm@keithcirkel.co.uk" + }, + { + "name": "primer-css", + "email": "design-systems@github.com" + }, + { + "name": "shawnbot", + "email": "shawnbot-npm@nym.hush.com" + }, + { + "name": "muan", + "email": "me@muanchiou.com" + }, + { + "name": "mdo", + "email": "markdotto@gmail.com" + }, + { + "name": "josh", + "email": "josh@joshpeek.com" + }, + { + "name": "mislav", + "email": "mislav.marohnic@gmail.com" + }, + { + "name": "dgraham", + "email": "david.malcom.graham@gmail.com" + } + ], + "name": "primer-utilities", + "optionalDependencies": {}, + "primer": { + "category": "core", + "module_type": "utilities" + }, + "readme": "# Primer CSS Utilities\n\n[![npm version](http://img.shields.io/npm/v/primer-utilities.svg)](https://www.npmjs.org/package/primer-utilities)\n[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)\n\n> There are a handful of utilities in Primer for quick behaviors, floats, colors, alignment, and more.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-utilities` with this command.\n\n```\n$ npm install --save primer-utilities\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-utilities/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about utilities in the [docs folder](./docs/).\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n", + "readmeFilename": "README.md", + "repository": { + "type": "git", + "url": "https://github.com/primer/primer-css/tree/master/modules/primer-utilities" + }, + "scripts": { + "build": "primer-module-build index.scss", + "lint": "stylelint **/*.scss -s scss", + "prepare": "npm run build", + "test": "npm-run-all -s build lint" + }, + "style": "index.scss", + "version": "4.6.0" +} diff --git a/package.json b/package.json new file mode 100644 index 000000000..aeda82cb6 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "training-kit", + "version": "1.0.0", + "description": "![servicesbanner](https://cloud.githubusercontent.com/assets/13326548/21035994/ad40c19c-bd77-11e6-97fa-78b068050c05.jpg)", + "main": "index.js", + "dependencies": { + "primer-css": "^9.3.0" + }, + "devDependencies": {}, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/github/training-kit.git" + }, + "keywords": [], + "author": "", + "license": "ISC", + "bugs": { + "url": "https://github.com/github/training-kit/issues" + }, + "homepage": "https://github.com/github/training-kit#readme" +}