├── .DS_Store ├── .github └── workflows │ └── main.yml ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── _config.yml ├── _data ├── natalie.json ├── statuses.yml └── users.json ├── _docs ├── bootstrap.md ├── bootstrap │ ├── alerts.md │ ├── badges.md │ ├── breadcrumbs.md │ ├── button-groups.md │ ├── carousel.md │ ├── collapse.md │ ├── dropdowns.md │ ├── forms-inline.md │ ├── forms-static.md │ ├── input-groups.md │ ├── input-sizes.md │ ├── input-variations.md │ ├── labels.md │ ├── list-groups.md │ ├── lists-variations.md │ ├── loading.md │ ├── modals.md │ ├── pagination.md │ ├── panels.md │ ├── pills.md │ ├── popovers.md │ ├── progress.md │ ├── ranges.md │ ├── tables-variations.md │ ├── tabs.md │ ├── thumbnails.md │ ├── tooltips.md │ └── well.md ├── components.md ├── components │ ├── cards.md │ ├── fields.md │ ├── messages.md │ ├── previews.md │ ├── terminal.md │ ├── title.md │ └── toolbars.md ├── layouts.md ├── layouts │ ├── album.md │ ├── columns.md │ ├── flex.md │ ├── formgrid.md │ ├── framework.md │ ├── grids.md │ ├── matrix.md │ ├── mosaic.md │ └── waterfall.md ├── reset.md ├── resets │ ├── forms.md │ └── native.md ├── styles.md ├── styles │ ├── arrows.md │ ├── buttons.md │ ├── code.md │ ├── colors.md │ ├── descriptions.md │ ├── forms.md │ ├── icons.md │ ├── input-files.md │ ├── lists.md │ ├── options.md │ ├── selects.md │ ├── tables.md │ └── type.md ├── widgets.md └── widgets │ ├── datepicker.md │ └── validation.md ├── _includes ├── content │ └── icons.html ├── icons │ ├── dbt-logo-full-white.svg │ ├── dbt-logo-full.svg │ ├── glyphs.svg │ ├── icons.ai │ ├── icons.svg │ ├── logo.ai │ └── logo.svg ├── launcher.html ├── menu.html ├── navigation.html ├── partial-connection.html ├── partial-environment.html ├── partial-indicators.html ├── partial-job.html ├── partial-repo.html ├── sass │ ├── base │ │ ├── _background.scss │ │ ├── _base.scss │ │ ├── _color.scss │ │ ├── _glyphs.scss │ │ ├── _icons.scss │ │ ├── _images.scss │ │ ├── _options.scss │ │ ├── _print.scss │ │ ├── _rendering.scss │ │ ├── _tailwind-compat.scss │ │ ├── _type.scss │ │ └── _utilities.scss │ ├── bootstrap │ │ ├── _alerts.scss │ │ ├── _avatars.scss │ │ ├── _badges.scss │ │ ├── _bootstrap-sass.scss │ │ ├── _bootstrap.scss │ │ ├── _breadcrumbs.scss │ │ ├── _buttongroups.scss │ │ ├── _buttons.scss │ │ ├── _caret.scss │ │ ├── _carousels.scss │ │ ├── _code.scss │ │ ├── _dropdowns.scss │ │ ├── _forms.scss │ │ ├── _grids.scss │ │ ├── _inputgroups.scss │ │ ├── _inputs.scss │ │ ├── _labels.scss │ │ ├── _listgroup.scss │ │ ├── _modals.scss │ │ ├── _navs.scss │ │ ├── _options.scss │ │ ├── _panels.scss │ │ ├── _pills.scss │ │ ├── _popover.scss │ │ ├── _progress.scss │ │ ├── _ranges.scss │ │ ├── _syntax.scss │ │ ├── _tables.scss │ │ ├── _tabs.scss │ │ ├── _thumbnail.scss │ │ ├── _tooltips.scss │ │ └── _well.scss │ ├── components │ │ ├── _cards.scss │ │ ├── _components.scss │ │ ├── _dot.scss │ │ ├── _indicators.scss │ │ ├── _lines.scss │ │ ├── _list.scss │ │ ├── _loading.scss │ │ ├── _messages.scss │ │ ├── _metadata.scss │ │ ├── _previews.scss │ │ ├── _status.scss │ │ ├── _table-master-detail.scss │ │ ├── _title.scss │ │ ├── _toolbars.scss │ │ └── _tools.scss │ ├── custom │ │ ├── _commandpalette.scss │ │ ├── _controls.scss │ │ ├── _custom.scss │ │ ├── _details.scss │ │ ├── _fields.scss │ │ ├── _filename.scss │ │ ├── _filterselect.scss │ │ ├── _groupdetail.scss │ │ ├── _help.scss │ │ ├── _ide.scss │ │ ├── _inputlist.scss │ │ ├── _kpi.scss │ │ ├── _launcher.scss │ │ ├── _logo.scss │ │ ├── _logomain.scss │ │ ├── _menu.scss │ │ ├── _navigation.scss │ │ ├── _pricing.scss │ │ ├── _results.scss │ │ ├── _runs.scss │ │ ├── _settings.scss │ │ ├── _sidenav.scss │ │ ├── _switch.scss │ │ ├── _table.scss │ │ ├── _tokens.scss │ │ └── _tooltip.scss │ ├── fonts │ │ ├── _arrows.scss │ │ ├── _blank.scss │ │ ├── _entypo.scss │ │ └── _fonts.scss │ ├── layouts │ │ ├── _admin.scss │ │ ├── _album.scss │ │ ├── _app.scss │ │ ├── _flex.scss │ │ ├── _formgrid.scss │ │ ├── _framework.scss │ │ ├── _grids.scss │ │ ├── _ide.scss │ │ ├── _layout.scss │ │ ├── _layouts.scss │ │ ├── _limits.scss │ │ ├── _matrix.scss │ │ ├── _mosaic.scss │ │ ├── _sections.scss │ │ ├── _setup.scss │ │ └── _waterfall.scss │ ├── maths │ │ ├── _blends.scss │ │ ├── _maths.scss │ │ ├── _numbers.scss │ │ ├── _shades.scss │ │ ├── _strings.scss │ │ └── blend │ │ │ ├── LICENSE.txt │ │ │ └── blendmodes.scss │ ├── mixins │ │ ├── _mixin-backgrounds.scss │ │ ├── _mixin-classes.scss │ │ ├── _mixin-effects.scss │ │ ├── _mixin-flex.scss │ │ ├── _mixin-grid.scss │ │ ├── _mixin-icons.scss │ │ ├── _mixin-limits.scss │ │ ├── _mixin-queries.scss │ │ ├── _mixin-ranges.scss │ │ ├── _mixin-scrolling.scss │ │ ├── _mixin-shadows.scss │ │ ├── _mixin-shapes.scss │ │ ├── _mixin-spacing.scss │ │ ├── _mixin-tables.scss │ │ ├── _mixin-trans.scss │ │ ├── _mixin-type.scss │ │ └── mixins.scss │ ├── reset │ │ ├── _reset-forms.scss │ │ ├── _reset-grid.scss │ │ ├── _reset-sanitize.scss │ │ ├── _reset-type.scss │ │ └── reset.scss │ ├── sass.scss │ ├── variables │ │ ├── _colors-v1.scss │ │ ├── _colors-v2.scss │ │ ├── _dark-mode-colors-v2.scss │ │ └── _variables.scss │ └── widgets │ │ └── _jqueryui.scss ├── scripts │ ├── app.js │ ├── bootstrap.js │ ├── helpers.js │ └── jqueryui.js ├── settings │ ├── meta.html │ ├── scripts.html │ └── styles.html ├── sidemenu.html ├── sidenav.html ├── styles │ └── spec.html └── vendors │ ├── bootstrap-3.3.7 │ ├── css │ │ ├── bootstrap-theme.css │ │ ├── bootstrap-theme.css.map │ │ ├── bootstrap-theme.min.css │ │ ├── bootstrap-theme.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ └── js │ │ ├── bootstrap.js │ │ ├── bootstrap.min.js │ │ └── npm.js │ ├── bootstrap-sass │ ├── .gitignore │ ├── .travis.yml │ ├── CHANGELOG.md │ ├── CONTRIBUTING.md │ ├── Gemfile │ ├── README.md │ ├── Rakefile │ ├── assets │ │ ├── fonts │ │ │ └── bootstrap │ │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ │ ├── glyphicons-halflings-regular.svg │ │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ │ ├── glyphicons-halflings-regular.woff │ │ │ │ └── glyphicons-halflings-regular.woff2 │ │ ├── images │ │ │ └── .keep │ │ ├── javascripts │ │ │ ├── bootstrap-sprockets.js │ │ │ ├── bootstrap.js │ │ │ ├── bootstrap.min.js │ │ │ └── bootstrap │ │ │ │ ├── affix.js │ │ │ │ ├── alert.js │ │ │ │ ├── button.js │ │ │ │ ├── carousel.js │ │ │ │ ├── collapse.js │ │ │ │ ├── dropdown.js │ │ │ │ ├── modal.js │ │ │ │ ├── popover.js │ │ │ │ ├── scrollspy.js │ │ │ │ ├── tab.js │ │ │ │ ├── tooltip.js │ │ │ │ └── transition.js │ │ └── stylesheets │ │ │ ├── _bootstrap-compass.scss │ │ │ ├── _bootstrap-mincer.scss │ │ │ ├── _bootstrap-sprockets.scss │ │ │ ├── _bootstrap.scss │ │ │ └── bootstrap │ │ │ ├── _alerts.scss │ │ │ ├── _badges.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _button-groups.scss │ │ │ ├── _buttons.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _code.scss │ │ │ ├── _component-animations.scss │ │ │ ├── _dropdowns.scss │ │ │ ├── _forms.scss │ │ │ ├── _glyphicons.scss │ │ │ ├── _grid.scss │ │ │ ├── _input-groups.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── _labels.scss │ │ │ ├── _list-group.scss │ │ │ ├── _media.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modals.scss │ │ │ ├── _navbar.scss │ │ │ ├── _navs.scss │ │ │ ├── _normalize.scss │ │ │ ├── _pager.scss │ │ │ ├── _pagination.scss │ │ │ ├── _panels.scss │ │ │ ├── _popovers.scss │ │ │ ├── _print.scss │ │ │ ├── _progress-bars.scss │ │ │ ├── _responsive-embed.scss │ │ │ ├── _responsive-utilities.scss │ │ │ ├── _scaffolding.scss │ │ │ ├── _tables.scss │ │ │ ├── _theme.scss │ │ │ ├── _thumbnails.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── _wells.scss │ │ │ └── mixins │ │ │ ├── _alerts.scss │ │ │ ├── _background-variant.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _buttons.scss │ │ │ ├── _center-block.scss │ │ │ ├── _clearfix.scss │ │ │ ├── _forms.scss │ │ │ ├── _gradients.scss │ │ │ ├── _grid-framework.scss │ │ │ ├── _grid.scss │ │ │ ├── _hide-text.scss │ │ │ ├── _image.scss │ │ │ ├── _labels.scss │ │ │ ├── _list-group.scss │ │ │ ├── _nav-divider.scss │ │ │ ├── _nav-vertical-align.scss │ │ │ ├── _opacity.scss │ │ │ ├── _pagination.scss │ │ │ ├── _panels.scss │ │ │ ├── _progress-bar.scss │ │ │ ├── _reset-filter.scss │ │ │ ├── _reset-text.scss │ │ │ ├── _resize.scss │ │ │ ├── _responsive-visibility.scss │ │ │ ├── _size.scss │ │ │ ├── _tab-focus.scss │ │ │ ├── _table-row.scss │ │ │ ├── _text-emphasis.scss │ │ │ ├── _text-overflow.scss │ │ │ └── _vendor-prefixes.scss │ ├── bootstrap-sass.gemspec │ ├── bower.json │ ├── composer.json │ ├── eyeglass-exports.js │ ├── lib │ │ ├── bootstrap-sass.rb │ │ └── bootstrap-sass │ │ │ ├── engine.rb │ │ │ └── version.rb │ ├── package.json │ ├── sache.json │ ├── tasks │ │ ├── bower.rake │ │ ├── converter.rb │ │ └── converter │ │ │ ├── char_string_scanner.rb │ │ │ ├── fonts_conversion.rb │ │ │ ├── js_conversion.rb │ │ │ ├── less_conversion.rb │ │ │ ├── logger.rb │ │ │ └── network.rb │ ├── templates │ │ └── project │ │ │ ├── _bootstrap-variables.sass │ │ │ ├── manifest.rb │ │ │ └── styles.sass │ └── test │ │ ├── compass_test.rb │ │ ├── compilation_test.rb │ │ ├── dummy_node_mincer │ │ ├── apple-touch-icon-144-precomposed.png │ │ ├── application.css.ejs.scss │ │ └── manifest.js │ │ ├── dummy_rails │ │ ├── README.rdoc │ │ ├── Rakefile │ │ ├── app │ │ │ ├── assets │ │ │ │ ├── images │ │ │ │ │ └── .keep │ │ │ │ ├── javascripts │ │ │ │ │ └── application.js │ │ │ │ └── stylesheets │ │ │ │ │ └── application.sass │ │ │ ├── controllers │ │ │ │ ├── application_controller.rb │ │ │ │ └── pages_controller.rb │ │ │ ├── helpers │ │ │ │ └── application_helper.rb │ │ │ └── views │ │ │ │ ├── layouts │ │ │ │ └── application.html.erb │ │ │ │ └── pages │ │ │ │ └── root.html.slim │ │ ├── config.ru │ │ ├── config │ │ │ ├── application.rb │ │ │ ├── boot.rb │ │ │ ├── environment.rb │ │ │ ├── environments │ │ │ │ ├── development.rb │ │ │ │ ├── production.rb │ │ │ │ └── test.rb │ │ │ ├── initializers │ │ │ │ ├── backtrace_silencers.rb │ │ │ │ ├── filter_parameter_logging.rb │ │ │ │ ├── inflections.rb │ │ │ │ ├── mime_types.rb │ │ │ │ ├── secret_token.rb │ │ │ │ ├── session_store.rb │ │ │ │ └── wrap_parameters.rb │ │ │ ├── locales │ │ │ │ ├── en.yml │ │ │ │ └── es.yml │ │ │ └── routes.rb │ │ └── log │ │ │ └── .keep │ │ ├── dummy_sass_only │ │ ├── Gemfile │ │ ├── compile.rb │ │ └── import_all.sass │ │ ├── gemfiles │ │ ├── rails_head.gemfile │ │ ├── sass_3_3.gemfile │ │ ├── sass_3_4.gemfile │ │ └── sass_head.gemfile │ │ ├── node_mincer_test.rb │ │ ├── node_sass_compile_test.sh │ │ ├── pages_test.rb │ │ ├── sass_test.rb │ │ ├── sprockets_rails_test.rb │ │ ├── support │ │ ├── dummy_rails_integration.rb │ │ └── reporting.rb │ │ ├── test_helper.rb │ │ └── test_helper_rails.rb │ ├── jquery │ └── jquery-3.2.1.min.js │ ├── jqueryui │ └── jquery-ui-1.12.1 │ │ ├── AUTHORS.txt │ │ ├── LICENSE.txt │ │ ├── external │ │ └── jquery │ │ │ └── jquery.js │ │ ├── index.html │ │ ├── jquery-ui.css │ │ ├── jquery-ui.js │ │ ├── jquery-ui.min.css │ │ ├── jquery-ui.min.js │ │ ├── jquery-ui.structure.css │ │ ├── jquery-ui.structure.min.css │ │ ├── jquery-ui.structure.min.scss │ │ └── package.json │ └── modernizr │ └── modernizr-3.6.0.min.js ├── _layouts ├── app.html ├── cloud.html ├── doc.html ├── docs.html ├── page.html └── raw.html ├── _pages ├── connection.html ├── connections.html ├── develop-terminal.html ├── develop.html ├── environment.html ├── environments.html ├── freshness.html ├── github-demo.html ├── home.html ├── job-settings.html ├── job.html ├── jobs.html ├── overview.html ├── repo.html ├── repos.html ├── run.html ├── runs.html ├── setup-connection.html ├── setup-environment.html ├── setup-job.html ├── setup-plan.html ├── setup-repo.html ├── setup-team-multiple.html ├── setup-team.html ├── setup.html ├── table-cloud.html ├── table.html ├── team-add.html ├── team-edit.html ├── team-roles.html └── team.html ├── _run.sh ├── favicon.ico ├── package-lock.json ├── package.json └── ui ├── css └── styles.scss ├── fonts ├── arrows │ ├── arrows-bold.woff │ └── arrows.woff └── entypo │ ├── entypo-2.woff │ └── entypo.woff ├── img ├── carets │ ├── down.svg │ └── right.svg ├── graph │ ├── avatar.png │ ├── favicon.png │ └── poster.png ├── logos │ ├── dbt.ai │ └── dbt.svg └── sample │ ├── avatar.jpg │ ├── avatar.png │ ├── sample-1.png │ ├── sample-2.png │ ├── sample-3.png │ ├── sample-4.png │ ├── sample-5.png │ ├── sample-6.png │ ├── sample-7.png │ ├── slide-1.png │ ├── slide-2.png │ └── slide-3.png ├── js └── scripts.js └── test └── sample-1.png /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/.DS_Store -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Node.js CI 2 | 3 | on: 4 | workflow_dispatch: 5 | inputs: 6 | increment: 7 | description: "Increment (patch, minor, major)" 8 | required: true 9 | default: "patch" 10 | 11 | jobs: 12 | build: 13 | runs-on: ubuntu-latest 14 | 15 | steps: 16 | - uses: actions/checkout@v2 17 | - name: Use Node.js 18 | uses: actions/setup-node@v1 19 | with: 20 | node-version: "12.x" 21 | - run: npm install 22 | - run: npm run release ${{ github.event.inputs.increment }} --ci 23 | env: 24 | CI: true 25 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | 3 | _site/ 4 | .sass-cache/ 5 | .jekyll-cache/ 6 | .jekyll-metadata 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ***Archival Notice*** 2 | This repository has been archived. 3 | 4 | As a result all of its historical issues and PRs have been closed. 5 | 6 | Please *do not clone* this repo without understanding the risk in doing so: 7 | - It may have unaddressed security vulnerabilities 8 | - It may have unaddressed bugs 9 | 10 |
11 | Click for historical readme 12 | 13 | # DBT Style Guide 14 | 15 | Clean Modular CSS Interface Framework 16 | 17 | ### Run 18 | 19 | `jekyll serve --baseurl '' -w --port 5000` 20 | 21 | 22 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # -------------------------------------------------- 2 | # Site settings 3 | 4 | title: DBT Docs 5 | description: "Documentation for DBT (Data Build Tool)" 6 | robots: false 7 | 8 | # -------------------------------------------------- 9 | # Site imagery 10 | 11 | favicon: /favicon.ico 12 | avatar: /ui/img/graph/avatar.png 13 | poster: /ui/img/graph/poster.png 14 | 15 | # -------------------------------------------------- 16 | # the subpath of your site, e.g. /blog 17 | 18 | url: "https://somegoodpixels.github.io" 19 | baseurl: "/dbt-docs" 20 | 21 | # -------------------------------------------------- 22 | # Includes 23 | 24 | # Fonts 25 | entypo: true 26 | arrows: true 27 | 28 | # Frameworks 29 | bootstrap: true 30 | jqueryui: true 31 | 32 | # Techniques 33 | svgicons: true 34 | inliner: true 35 | 36 | # -------------------------------------------------- 37 | # Build settings 38 | 39 | sass: 40 | style: compressed 41 | sass_dir: _includes 42 | 43 | collections: 44 | docs: 45 | output: true 46 | permalink: /docs/:path/ 47 | pages: 48 | output: true 49 | permalink: /:path/ 50 | 51 | defaults: 52 | - 53 | scope: 54 | path: "" 55 | type: "docs" 56 | values: 57 | layout: "doc" 58 | - 59 | scope: 60 | path: "" 61 | type: "pages" 62 | values: 63 | layout: "page" 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /_docs/bootstrap.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Bootstrap 3 | type: docs 4 | styles: bootstrap 5 | requirements: "bootstrap" 6 | layout: docs 7 | order: 1 8 | --- 9 | -------------------------------------------------------------------------------- /_docs/bootstrap/alerts.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Alerts 3 | type: bootstrap 4 | section: alerts 5 | --- 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /_docs/bootstrap/badges.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Badges 3 | type: bootstrap 4 | section: status 5 | --- 6 | 7 |
3
8 |
active
9 |
draft
10 | -------------------------------------------------------------------------------- /_docs/bootstrap/breadcrumbs.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Breadcrumbs 3 | type: bootstrap 4 | section: navigation 5 | --- 6 | 7 |
    8 |
  1. Home
    2. 9 |
  2. Library
    3. 10 |
  3. Data
    4. 11 |
-------------------------------------------------------------------------------- /_docs/bootstrap/carousel.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Carousel 3 | type: bootstrap 4 | section: sections 5 | --- 6 | 7 | 30 | -------------------------------------------------------------------------------- /_docs/bootstrap/collapse.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Collapse 3 | type: bootstrap 4 | section: disclosure 5 | --- 6 | 7 | Show Details... 8 | 9 |
10 |

I'm a hidden section...

11 |
-------------------------------------------------------------------------------- /_docs/bootstrap/dropdowns.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Dropdowns 3 | type: bootstrap 4 | section: dropdowns 5 | --- 6 | 7 | ###### Bootstrap Dropdowns 8 | 9 |
10 | 11 | 19 |
20 | 21 |
22 | 23 | 37 |
38 | 39 | 40 | ###### Simplified Carets 41 | 42 |
43 | 44 | 51 |
-------------------------------------------------------------------------------- /_docs/bootstrap/forms-static.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Static inputs 3 | type: bootstrap 4 | section: forms 5 | --- 6 | 7 |
8 |
9 |
10 | 11 |
12 |
13 |

email@example.com

14 |
15 |
16 |
17 |
18 | 19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 |
27 | 28 |
29 |
30 | 31 |
-------------------------------------------------------------------------------- /_docs/bootstrap/input-sizes.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Input Sizes 3 | type: bootstrap 4 | section: forms 5 | --- 6 | 7 |
8 | 9 |
10 |
11 | 12 |
13 |
14 | 15 |
16 |
17 | 18 |
19 |
20 | 21 |
22 |
23 | 24 |
25 | 26 |
27 | 28 |
-------------------------------------------------------------------------------- /_docs/bootstrap/labels.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Labels 3 | type: bootstrap 4 | section: status 5 | --- 6 | 7 |
Default Labels and Variations
8 | 9 | default 10 | info 11 | success 12 | warning 13 | danger 14 | 15 |
Link Labels
16 | 17 | default 18 | info 19 | success 20 | warning 21 | danger -------------------------------------------------------------------------------- /_docs/bootstrap/lists-variations.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Lists (variations) 3 | type: styles 4 | section: typography 5 | --- 6 | 7 | 8 |

Unstyled Lists

9 | 10 | 11 |
12 | 13 |

Inline Lists

14 | -------------------------------------------------------------------------------- /_docs/bootstrap/loading.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Loading 3 | type: components 4 | section: loading 5 | --- 6 | 7 |
Block Level
8 | 9 |
10 | 11 |
Inline Loading
12 | 13 | Loading 14 | 15 |
Button Loading
16 | 17 | Button 18 | Button 19 | -------------------------------------------------------------------------------- /_docs/bootstrap/pagination.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Pagination 3 | type: bootstrap 4 | section: navigation 5 | --- 6 | 7 |
8 | 9 |
10 | 11 |
    12 |
  • Pages
    • 13 |
  • 1
    • 14 |
  • 2
    • 15 |
  • 3
    • 16 |
  • 4
    • 17 |
  • 5
    • 18 |
  • 19 |
  • Show
    • 20 |
  • 50
    • 21 |
  • 100
    • 22 |
  • 250
    • 23 |
  • 500
    • 24 |
25 |
26 | 27 |
-------------------------------------------------------------------------------- /_docs/bootstrap/panels.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Panels 3 | type: bootstrap 4 | section: sections 5 | class: bg-silver-light 6 | --- 7 | 8 |
9 |
Panel heading without title
10 |
11 | Panel content 12 |
13 |
14 | 15 |
16 |
17 |
Panel title
18 |
19 |
20 | Panel content 21 |
22 |
23 | 24 |
25 |
26 | Panel content 27 |
28 |
Panel footer
29 |
-------------------------------------------------------------------------------- /_docs/bootstrap/pills.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Pills 3 | type: bootstrap 4 | section: navigation 5 | --- 6 | 7 | -------------------------------------------------------------------------------- /_docs/bootstrap/popovers.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Popovers 3 | type: bootstrap 4 | section: disclosure 5 | --- 6 | 7 | 10 | 11 | 14 | 15 | 19 | 20 | -------------------------------------------------------------------------------- /_docs/bootstrap/progress.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Progress 3 | type: bootstrap 4 | section: progress 5 | --- 6 | 7 |
Default
8 | 9 |
10 |
11 | 60% Complete 12 |
13 |
14 | 15 |
Variants
16 | 17 |
18 |
19 | 40% Complete (success) 20 |
21 |
22 |
23 |
24 | 20% Complete 25 |
26 |
27 |
28 |
29 | 60% Complete (warning) 30 |
31 |
32 |
33 |
34 | 80% Complete (danger) 35 |
36 |
37 | 38 |
Animated
39 | 40 |
41 |
42 | 45% Complete 43 |
44 |
-------------------------------------------------------------------------------- /_docs/bootstrap/ranges.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Range Inputs 3 | type: bootstrap 4 | section: forms 5 | --- 6 | 7 | 8 | -------------------------------------------------------------------------------- /_docs/bootstrap/thumbnails.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Thumbnails 3 | type: bootstrap 4 | section: sections 5 | class: bg-silver-light 6 | --- 7 | 8 |
9 |
10 |
11 | 12 |
13 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

14 |
15 |
16 |
17 |
18 |
19 | 20 |
21 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

22 |
23 |
24 |
25 |
-------------------------------------------------------------------------------- /_docs/bootstrap/tooltips.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tooltips 3 | type: bootstrap 4 | section: disclosure 5 | --- 6 | 7 | ###### Simple Tooltips 8 | 9 | Tooltip Button 10 | 11 | --- 12 | 13 | ###### Tooltip Placement 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /_docs/bootstrap/well.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Well 3 | type: bootstrap 4 | section: sections 5 | --- 6 | 7 |
8 |

This is a well. It's like an "aside" in conversation, but potentially more useless.

9 |
-------------------------------------------------------------------------------- /_docs/components.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Components 3 | type: docs 4 | styles: components 5 | requirements: "bootstrap" 6 | layout: docs 7 | order: 2 8 | --- 9 | -------------------------------------------------------------------------------- /_docs/components/previews.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Previews 3 | type: components 4 | section: blocks 5 | class: bg-silver-light 6 | --- 7 | 8 |
Responsive Preview
9 | 10 |
11 |
12 |
13 |
14 |
Preview Title
15 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...

16 |
17 |
18 |
19 | 20 |
Preview with Footer
21 | 22 |
23 |
24 |
25 |
26 |
Preview Title
27 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...

28 |
29 |
30 | Preview Action 31 |
32 |
33 |
34 | 35 |
Vertical-only Preview
36 | 37 |
38 |
39 |
40 |
41 |
Preview Title
42 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...

43 |
44 |
45 |
46 | 47 | 48 |
Horizontal-only Preview
49 | 50 |
51 |
52 |
53 |
54 |
Preview Title
55 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...

56 |
57 |
58 |
59 | -------------------------------------------------------------------------------- /_docs/components/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Titles 3 | type: components 4 | section: alignment 5 | --- 6 | 7 |
Titles
8 | 9 |
10 |
11 |

Title

12 |
13 |
14 |
15 |
16 | Save 17 |
18 |
19 |
20 |
21 | 22 |
23 |
24 |

Title with Divider

25 |
26 |
27 |
28 |
29 |
30 | edit 31 |
32 |
33 | 34 |
35 |
36 |

Title with more text demonstrating wrapping at smaller widths

37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 | Clear 45 | Versions 46 |
47 |
48 | Save 49 |
50 |
51 |
52 |
-------------------------------------------------------------------------------- /_docs/layouts.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Layouts 3 | type: docs 4 | styles: layouts 5 | requirements: "bootstrap" 6 | layout: docs 7 | order: 3 8 | --- 9 | -------------------------------------------------------------------------------- /_docs/layouts/formgrid.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Form Grids 3 | type: layouts 4 | section: grids 5 | order: 4 6 | --- 7 | 8 |
9 |
10 |
11 | 12 |
13 |
14 | 15 |
16 |
17 |
18 |
19 | 20 |
21 |
22 | 23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |

This is a help block...

32 |
33 |
34 | 39 |
40 |
41 |
42 |
43 |
44 | -------------------------------------------------------------------------------- /_docs/reset.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Reset 3 | type: docs 4 | styles: resets 5 | layout: docs 6 | order: 5 7 | --- 8 | -------------------------------------------------------------------------------- /_docs/resets/forms.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Forms 3 | type: resets 4 | section: elements 5 | order: 2 6 | --- 7 | 8 |
9 | Primary 10 | Default 11 | Success 12 | Warning 13 | Danger 14 | Info 15 | White 16 | Text 17 | Link 18 |
19 | 20 |
21 | Large Primary 22 | Large Default 23 |
24 | 25 |
26 | Small Primary 27 | Small Default 28 |
29 | 30 | --- 31 | 32 |
33 |
34 | 35 | 36 |
37 |
38 | 39 | 40 |
41 |
42 | 43 |
44 |
45 | 46 | -------------------------------------------------------------------------------- /_docs/resets/native.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Native 3 | type: resets 4 | section: elements 5 | --- 6 | 7 | # Header 1 8 | 9 | ## Header 2 10 | 11 | ### Header 3 12 | 13 | #### Header 4 14 | 15 | ##### Header 5 16 | 17 | ###### Header 6 18 | 19 | Paragraph lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat... 20 | 21 | > Blockquote lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 22 | 23 | -------------------------------------------------------------------------------- /_docs/styles.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Styles 3 | type: docs 4 | styles: styles 5 | requirements: "bootstrap" 6 | layout: docs 7 | permalink: /docs/ 8 | --- 9 | -------------------------------------------------------------------------------- /_docs/styles/code.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Code 3 | type: styles 4 | section: code 5 | --- 6 | 7 |

Code Element

8 | 9 | To switch directories, type cd followed by the name of the directory.
10 | To edit settings, press ctrl + , 11 | 12 |

Preformatted Element

13 | 14 | 
15 | <label class="option">
16 |   <input type="checkbox" />
17 |   <i class="option-icon"></i>
18 |   Option one &mdash; and description...
19 | </label>
20 |
-------------------------------------------------------------------------------- /_docs/styles/descriptions.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Lists (descriptions) 3 | type: styles 4 | section: typography 5 | --- 6 | 7 | 8 |

Description Lists

9 |
Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
10 |
11 | 12 |

Horizontal Variation

13 |
Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-------------------------------------------------------------------------------- /_docs/styles/forms.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Forms 3 | type: styles 4 | section: forms 5 | order: 96 6 | --- 7 | 8 |
9 | 10 | 11 |

Example block-level help text here.

12 | 13 | 14 | 15 | 16 | 21 |
22 | 23 |
24 |
-------------------------------------------------------------------------------- /_docs/styles/input-files.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: File Inputs 3 | type: styles 4 | section: forms 5 | --- 6 | 7 | 8 |

9 | 12 | 15 |

16 | 17 |

18 | 21 | 24 |

25 | -------------------------------------------------------------------------------- /_docs/styles/lists.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Lists (basic) 3 | type: styles 4 | section: typography 5 | --- 6 | 7 |
Unordered Lists
8 | 9 | 10 | 11 |
12 | 13 |
Ordered Lists
14 | 15 |
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
-------------------------------------------------------------------------------- /_docs/styles/selects.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Selects 3 | type: styles 4 | section: forms 5 | --- 6 | 7 |
Select Single
8 | 9 | 16 | 17 |
18 | 25 |
26 | 27 |
28 | 35 |
36 | 37 |
Select Multiple
38 | 39 | -------------------------------------------------------------------------------- /_docs/styles/tables.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tables (standard) 3 | type: styles 4 | section: tables 5 | --- 6 | 7 |
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
8 | -------------------------------------------------------------------------------- /_docs/widgets.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Widgets 3 | type: docs 4 | styles: widgets 5 | requirements: "bootstrap" 6 | layout: docs 7 | order: 4 8 | --- 9 | -------------------------------------------------------------------------------- /_docs/widgets/datepicker.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Datepicker 3 | type: widgets 4 | section: datepicker 5 | requirements: "jqueryui" 6 | --- 7 | 8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | 31 |
32 |
33 | 34 |
35 |
36 |
37 |
38 |
39 |
40 | -------------------------------------------------------------------------------- /_includes/content/icons.html: -------------------------------------------------------------------------------- 1 | {% if site.svgicons %} 2 |
3 | {% include icons/icons.svg %} 4 | {% include icons/glyphs.svg %} 5 | {% include icons/logo.svg %} 6 | {% include icons/dbt-logo-full.svg %} 7 | {% include icons/dbt-logo-full-white.svg %} 8 |
9 | {% endif %} -------------------------------------------------------------------------------- /_includes/icons/icons.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/icons/icons.ai -------------------------------------------------------------------------------- /_includes/icons/logo.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/icons/logo.ai -------------------------------------------------------------------------------- /_includes/menu.html: -------------------------------------------------------------------------------- 1 | {% assign types = include.type %} 2 | {% unless types contains 'link' %} 3 | {% capture icn_on %}{% endcapture %} 4 | {% capture icn_off %}{% endcapture %} 5 | {% endunless %} 6 | {% assign types = types | replace: 'dir','tree' | replace: 'doc','node' | split: ',' %} 7 | 8 | {% assign end_chars = 15 %} 9 | {% assign end = include.name | split: '' | reverse | join: '' | truncate: end_chars,'' | split: '' | reverse | join: '' %} 10 | {% assign endsize = include.name.size | minus: end.size %} 11 | {% assign start = include.name | truncate: endsize,'' %} 12 | 13 | 14 | 15 | {{icn_on}}{{icn_off}}{{start}}{{end}} 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /_includes/partial-indicators.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {% for i in (1..include.steps) %} 4 |
5 | 6 |
7 | {% endfor %} 8 | {% unless include.noskip %} 9 | {{include.skip | default: 'skip'}} 10 | {% endunless %} 11 |
12 |
-------------------------------------------------------------------------------- /_includes/sass/base/_background.scss: -------------------------------------------------------------------------------- 1 | $colors: ( 2 | "red":$red, 3 | "orange":$orange, 4 | "yellow":$yellow, 5 | "green":$green, 6 | "blue":$blue, 7 | "purple":$purple, 8 | "navy":$navy, 9 | "gray":$gray 10 | ); 11 | 12 | @each $var, $color in $colors { 13 | .bg-#{$var} { background-color: $color !important; } 14 | .bg-#{$var}-dark { background-color: dark($color) !important; } 15 | .bg-#{$var}-darker { background-color: darker($color) !important; } 16 | .bg-#{$var}-darkest { background-color: darkest($color) !important; } 17 | .bg-#{$var}-light { background-color: light($color) !important; } 18 | .bg-#{$var}-lighter { background-color: lighter($color) !important; } 19 | .bg-#{$var}-lightest { background-color: lightest($color) !important; } 20 | .bg-#{$var}-highlight { background-color: highlight($color) !important; } 21 | .bg-#{$var}-lowlight { background-color: lowlight($color) !important; } 22 | } 23 | 24 | .bg-silver { background-color: $silver; } 25 | .bg-silver-light { background-color: $silver-light !important; } 26 | .bg-silver-dark { background-color: $silver-dark !important; } 27 | .bg-silver-darker { background-color: $silver-darker !important; } 28 | .bg-silver-darkest { background-color: $silver-darkest !important; } 29 | 30 | .bg-transparent { background-color: transparent !important; } -------------------------------------------------------------------------------- /_includes/sass/base/_base.scss: -------------------------------------------------------------------------------- 1 | @import "rendering"; 2 | @import "utilities"; 3 | @import "print"; 4 | @import "color"; 5 | @import "background"; 6 | @import "images"; 7 | @import "type"; 8 | @import "icons"; 9 | @import "glyphs"; 10 | @import "options"; 11 | @import "tailwind-compat"; -------------------------------------------------------------------------------- /_includes/sass/base/_icons.scss: -------------------------------------------------------------------------------- 1 | .icn { 2 | font-size: $icon-size; 3 | top: -1px; 4 | width: 1em; 5 | height: 1em; 6 | margin: auto; 7 | display: inline-block; 8 | vertical-align: middle; 9 | -webkit-backface-visibility: hidden; 10 | @include transform(translateZ(0)); 11 | use { 12 | fill: currentColor; 13 | } 14 | &-md { 15 | width: 1.5em; height: 1.5em; 16 | @include transform(scale(1.5),0 0); 17 | } 18 | &-lg { 19 | width: 2em; height: 2em; 20 | @include transform(scale(2),0 0); 21 | } 22 | &-bold, .icns-bold & { 23 | use { 24 | stroke: currentColor; 25 | stroke-width: .5; 26 | @include transform(translate(.5px,.5px)); 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /_includes/sass/base/_images.scss: -------------------------------------------------------------------------------- 1 | img, .img { 2 | display: block; 3 | max-width: 100%; 4 | } 5 | 6 | [data-bg] { 7 | @include background; 8 | } -------------------------------------------------------------------------------- /_includes/sass/base/_print.scss: -------------------------------------------------------------------------------- 1 | $page-w: 8.5in; 2 | $page-h: 11in; 3 | $page-m: 0.75in 1in; 4 | $page-f: 9pt; 5 | 6 | @mixin print-settings { 7 | font-size: $page-f; 8 | body { -webkit-print-color-adjust: exact; } 9 | a { white-space: nowrap; } 10 | } 11 | 12 | @include print { 13 | html { @include print-settings; } 14 | html, body { background: white !important; } 15 | @include print-settings; 16 | @page { margin: $page-m; } 17 | } 18 | 19 | @include screen { 20 | html.print { 21 | @include print-settings; 22 | @include print-settings; 23 | background: $body-bg; 24 | body { 25 | padding: $page-m; 26 | margin: .5in auto; 27 | max-width: $page-w; 28 | @include shadow; 29 | height: auto; 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /_includes/sass/base/_rendering.scss: -------------------------------------------------------------------------------- 1 | *, *:before, *:after { 2 | position: relative; 3 | outline: none !important; 4 | text-rendering: optimizeLegibility; 5 | -webkit-font-smoothing: antialiased; 6 | -moz-osx-font-smoothing: grayscale; 7 | font-smoothing: grayscale; 8 | } 9 | 10 | html { 11 | -webkit-text-size-adjust: 100%; 12 | @include font-size-root; 13 | } 14 | 15 | body { 16 | min-width: $tablet; 17 | } -------------------------------------------------------------------------------- /_includes/sass/base/_tailwind-compat.scss: -------------------------------------------------------------------------------- 1 | // This file should only override styles applied by Fishtown UI/Tailwind 2 | 3 | // Tailwind messes with border styles, which affected table headers 4 | // https://tailwindcss.com/docs/preflight#border-styles-are-reset-globally 5 | .table th { 6 | border-style: none; 7 | } 8 | 9 | // Tailwind strips lists by defaul 10 | .ul { 11 | list-style-type: disc; 12 | } 13 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | .alert { 2 | border: 0; 3 | //font-style: oblique; 4 | @include bookend { 5 | margin: 1.5em 0; 6 | } 7 | strong { 8 | color: inherit; 9 | font-style: normal; 10 | } 11 | &-default { 12 | background: $silver-light; 13 | color: $light; 14 | } 15 | &-flush { 16 | margin: 0; 17 | } 18 | &-trim { 19 | @include set(padding-left padding-right,0); 20 | } 21 | &-link { 22 | //margin: 0 2em; 23 | font-weight: bold !important; 24 | } 25 | &-outline { 26 | &:before { 27 | content: ''; 28 | @include fill; 29 | border-radius: inherit; 30 | border: 1px solid; 31 | opacity: .15; 32 | } 33 | } 34 | &-sm { 35 | @include font-size-small; 36 | padding: $padding-small-vertical $padding-small-horizontal; 37 | } 38 | &-xs { 39 | @include font-size-small; 40 | padding: $padding-xsmall-vertical $padding-xsmall-horizontal; 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_avatars.scss: -------------------------------------------------------------------------------- 1 | .avatar { 2 | display: inline-block; 3 | vertical-align: middle; 4 | top: -1px; 5 | img { 6 | display: block; 7 | @include circle; 8 | @include set(height width,28px); 9 | } 10 | &-square img { @include radius; } 11 | &-sm img { @include set(height width,20px); } 12 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | .badge { 2 | @include pill; 3 | @include labels; 4 | @include set(line-height height min-width,1.8em); 5 | text-align: center; 6 | padding: 0 7px; 7 | text-indent: 1px; 8 | border: 0; 9 | &-success { background: $brand-success; color: white; } 10 | &-warning { background: $brand-warning; color: white; } 11 | &-danger { background: $brand-danger; color: white; } 12 | .list-group-item & { 13 | float: right; 14 | } 15 | .active & { 16 | color: $component-active-color; 17 | background: saturate(darken($component-active-bg,7%),15%); 18 | } 19 | &-digit { 20 | padding: 0 2px; 21 | } 22 | &-corner { 23 | position: absolute; 24 | @include set(top right,0); 25 | @include transform(translate(50%,-50%)); 26 | } 27 | 28 | } 29 | 30 | .badges { 31 | font-size: 0; 32 | display: block; 33 | .badge { 34 | margin: 2px 4px 2px 0; 35 | } 36 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | @import "caret"; 2 | @import "dropdowns"; 3 | @import "forms"; 4 | @import "buttons"; 5 | @import "buttongroups"; 6 | @import "inputs"; 7 | @import "inputgroups"; 8 | //@import "options"; 9 | //@import "selects"; 10 | @import "tables"; 11 | @import "navs"; 12 | @import "tabs"; 13 | @import "pills"; 14 | @import "alerts"; 15 | @import "avatars"; 16 | @import "code"; 17 | @import "syntax"; 18 | @import "labels"; 19 | @import "badges"; 20 | @import "progress"; 21 | @import "tooltips"; 22 | @import "popover"; 23 | @import "modals"; 24 | @import "panels"; 25 | @import "listgroup"; 26 | @import "well"; 27 | @import "grids"; 28 | @import "carousels"; 29 | @import "thumbnail"; 30 | @import "ranges"; 31 | @import "breadcrumbs"; -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | &-flush { 3 | padding: 0; 4 | } 5 | > li { 6 | &:first-child { 7 | .glyph { 8 | position: absolute; 9 | right: 100%; 10 | top: 50%; 11 | @include transform(translate(-33%,-50%)); 12 | } 13 | } 14 | &:before { 15 | font-weight: normal; 16 | padding: 0 .5em; 17 | opacity: .5; 18 | } 19 | } 20 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_buttongroups.scss: -------------------------------------------------------------------------------- 1 | .btn-toolbar { 2 | margin-left: -2px; 3 | margin-right: -2px; 4 | font-size: 0; 5 | .btn-group { 6 | margin-left: 2px; 7 | margin-right: 2px; 8 | float: none; 9 | } 10 | } 11 | 12 | .btn-group-options { 13 | color: $btn-default-bg; 14 | box-shadow: inset 0 0 0 1px currentColor; 15 | @include radius; 16 | .btn { 17 | font-weight: normal; 18 | &:not(.active) { background: transparent !important; } 19 | } 20 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_caret.scss: -------------------------------------------------------------------------------- 1 | .caret, 2 | .dropup .caret, 3 | .navbar-fixed-bottom .dropdown .caret { 4 | @include arrow($input-caret); 5 | border: 0 !important; 6 | margin-left: 0; 7 | width: auto; 8 | height: auto; 9 | display: inline; 10 | } 11 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_carousels.scss: -------------------------------------------------------------------------------- 1 | .carousel { 2 | .carousel-control { 3 | background: transparent; 4 | &:after { 5 | width: 1em; 6 | @include center; 7 | height: $line-height-base * 1em; 8 | font-size: 2rem; 9 | } 10 | } 11 | .carousel-indicators { 12 | bottom: 10px; 13 | li { 14 | background: $carousel-indicator-active-bg; 15 | @include transitions; 16 | margin: 0 2px; 17 | opacity: .25; 18 | height: 8px; 19 | width: 8px; 20 | border: 0; 21 | &.active { 22 | opacity: 1; 23 | } 24 | } 25 | } 26 | .carousel-inner { 27 | .item { 28 | img { 29 | width: 100%; 30 | } 31 | } 32 | } 33 | &.carousel-dark { 34 | 35 | } 36 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | kbd, code, pre { 2 | @include font-size-code; 3 | } 4 | 5 | pre { 6 | padding: 0; 7 | overflow: auto; 8 | border-width: 0; 9 | resize: vertical; 10 | white-space: pre; 11 | padding: $padding-large-vertical $padding-large-horizontal; 12 | border-radius: $border-radius-base; 13 | @include font-size-code; 14 | @include tab-size; 15 | @include bookend { 16 | margin: 1em 0; 17 | } 18 | .panel-code & { 19 | border-radius: 0; 20 | padding: $component-padding-large; 21 | @include small { 22 | padding-left: $margin-small; 23 | padding-right: $margin-small; 24 | } 25 | } 26 | .panel-footer .panel-code &, 27 | .panel-body:last-child .panel-code & { 28 | border-bottom-right-radius: $border-radius-base; 29 | border-bottom-left-radius: $border-radius-base; 30 | } 31 | } 32 | 33 | kbd { 34 | box-shadow: none; 35 | } 36 | 37 | figure.highlight { 38 | tab-size: 2; 39 | } 40 | 41 | .code, code { 42 | font-family: $font-family-monospace; 43 | font-size: number($font-size-code/$font-size-base) * 1em; 44 | font-weight: normal; 45 | padding: 0; 46 | } 47 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_dropdowns.scss: -------------------------------------------------------------------------------- 1 | .dropdown-menu { 2 | @include transform(scale(.75),(50% 0)); 3 | @include transition(all .1875s $bezier-bounce); 4 | @include font-size-base; 5 | .ide & { @include font-size-small; } 6 | @include shadow(20px); 7 | border-radius: $border-radius-base !important; 8 | -webkit-transition-property: opacity, -webkit-transform; 9 | transition-property: opacity, transform; 10 | padding: 5px 0 !important; 11 | pointer-events: none; 12 | font-style: normal; 13 | border-width: 0; 14 | display: block; 15 | left: -9999px; 16 | max-height: 50vh; 17 | min-width: 100%; 18 | max-width: 240px; 19 | overflow: auto; 20 | opacity: 0; 21 | margin: 0; 22 | > li > a { 23 | margin: 0; 24 | display: block; 25 | padding: .25em 15px; 26 | > * { 27 | margin: 0; 28 | } 29 | em { 30 | font-style: oblique; 31 | color: $light; 32 | } 33 | [data-icon] { 34 | margin-right: .25em; 35 | } 36 | } 37 | .divider { 38 | margin: 5px 0; 39 | } 40 | .dropdown-header { 41 | @include labels; 42 | padding: .5em 15px !important; 43 | } 44 | &-lg { 45 | > li > * { 46 | padding-top: .5em; 47 | padding-bottom: .5em; 48 | } 49 | } 50 | &-right { 51 | left: auto; 52 | right: 9999px; 53 | } 54 | .dropdown.open > & { 55 | pointer-events: auto; 56 | @include transform(scale(1)); 57 | opacity: 1; 58 | left: 0; 59 | &-right { 60 | right: 0; 61 | left: auto; 62 | } 63 | } 64 | &-lg { 65 | width: 320px; 66 | } 67 | } 68 | 69 | .dropdown { 70 | cursor: pointer; 71 | &-inline { 72 | display: inline-block; 73 | } 74 | } 75 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | 2 | .form-group, 3 | .form-inline { 4 | > * { 5 | &:not(:last-child) { 6 | margin-right: 1em; 7 | .form-horizontal & { 8 | margin-right: 0; 9 | } 10 | } 11 | label { 12 | vertical-align: middle; 13 | margin: $padding-base-vertical 0; 14 | } 15 | } 16 | } 17 | 18 | .help-block { 19 | display: block; 20 | color: $light; 21 | font-style: oblique; 22 | font-weight: normal; 23 | @include font-size-small; 24 | margin: .25em 0; 25 | &:empty { 26 | display: none; 27 | } 28 | p { 29 | margin: 0; 30 | display: inline; 31 | } 32 | &-inline { 33 | display: inline; 34 | } 35 | } 36 | 37 | .form-group-lg { 38 | @include font-size-large; 39 | } 40 | 41 | 42 | .form-footer { 43 | @include bookend { 44 | margin: 2em 0; 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_grids.scss: -------------------------------------------------------------------------------- 1 | 2 | .row { margin: 0; } 3 | 4 | .container { 5 | padding-left: 0; 6 | padding-right: 0; 7 | @include large(){ 8 | width: 90%; 9 | max-width: 1320px; 10 | } 11 | @include small(){ 12 | width: auto; 13 | } 14 | } 15 | 16 | .row-reverse { 17 | > [class*="col-lg-"] { 18 | @include large { 19 | float: right; 20 | } 21 | } 22 | } 23 | 24 | @mixin buffer-grid($attr) { 25 | #{$attr} { 26 | & + & { 27 | margin-top: $component-buffer/2; 28 | margin-bottom: $component-buffer/2; 29 | @include bookend; 30 | } 31 | } 32 | } 33 | 34 | @media ( max-width: $screen-lg ) { @include buffer-grid('[class*="col-lg-"]'); } 35 | @media ( max-width: $screen-md ) { @include buffer-grid('[class*="col-md-"]'); } 36 | @media ( max-width: $screen-sm ) { @include buffer-grid('[class*="col-sm-"]'); } 37 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_inputgroups.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | @include radius; 3 | } 4 | 5 | .input-group-rounded { 6 | > * { 7 | &:first-child { 8 | &, &.input-group-btn .btn { 9 | border-top-left-radius: 100px; 10 | border-bottom-left-radius: 100px; 11 | } 12 | } 13 | &:last-child { 14 | &, &.input-group-btn .btn { 15 | border-top-right-radius: 100px; 16 | border-bottom-right-radius: 100px; 17 | } 18 | } 19 | } 20 | } 21 | 22 | 23 | .input-group-addon { 24 | color: $light; 25 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | .label { 2 | @include labels; 3 | @include transitions; 4 | display: inline-block; 5 | text-align: inherit; 6 | padding: 0; 7 | border: 0; 8 | &-default { color: $label-color; } 9 | &-success { color: $green; } 10 | &-info { color: #{dark($brand-info)}; } 11 | &-warning { color: #{dark($brand-warning)}; } 12 | &-danger { color: #{dark($brand-danger)}; } 13 | &-inherit { color: inherit; } 14 | + .label { 15 | &:not(.block) { 16 | margin-left: 1.5em; 17 | } 18 | } 19 | &-lg { 20 | font-size: 13px; 21 | font-weight: bold; 22 | } 23 | } 24 | 25 | a.label { 26 | &:hover, &:focus { 27 | &.label-default { color: darkest($label-color); } 28 | &.label-success { color: darkest($brand-success); } 29 | &.label-info { color: darkest($brand-info); } 30 | &.label-warning { color: darkest($brand-warning); } 31 | &.label-danger { color: darkest($brand-danger); } 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_listgroup.scss: -------------------------------------------------------------------------------- 1 | .list-group { 2 | @include component; 3 | .list-group-item { 4 | margin: 0; 5 | @include compact; 6 | border-width: 0 0 1px 0; 7 | &:last-child { 8 | border-width: 0; 9 | } 10 | &.active * { 11 | color: $list-group-active-color; 12 | } 13 | } 14 | &-sidebar { 15 | border-radius: 0; 16 | background: transparent; 17 | .list-group-item { 18 | border-radius: 0; 19 | &:not(.active) { 20 | background: transparent; 21 | //background: $silver-light; 22 | } 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_modals.scss: -------------------------------------------------------------------------------- 1 | .modal { 2 | .modal-dialog { 3 | margin: auto; 4 | display: table; 5 | width: $modal-md; 6 | max-width: 100vw; 7 | height: 100vh; 8 | &.modal-sm { width: $modal-sm; } 9 | &.modal-lg { width: $modal-lg; } 10 | } 11 | .modal-content { 12 | display: table-cell; 13 | vertical-align: middle; 14 | box-shadow: none; 15 | } 16 | &.fade { 17 | .modal-dialog { 18 | @include transitions(.25s); 19 | @include transform(translate(0,-20px)); 20 | } 21 | &.in .modal-dialog { 22 | @include transform(translate(0,0)); 23 | } 24 | } 25 | } 26 | 27 | .modal-backdrop { 28 | @include fill; 29 | position: fixed; 30 | z-index: $zindex-modal-background; 31 | } 32 | 33 | @include small { 34 | .modal-content:not(.modal-content-flush) { 35 | padding: $margin-small; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_navs.scss: -------------------------------------------------------------------------------- 1 | .nav-stacked { 2 | .nav-stacked { 3 | @include font-size-small; 4 | > li { 5 | margin-left: 1em; 6 | > a { 7 | color: $light; 8 | } 9 | } 10 | } 11 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_panels.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | border-width: 0; 3 | @include flex-column; 4 | @include component; 5 | @include bookend { 6 | margin: 1em 0; 7 | } 8 | > * { 9 | border-color: $panel-inner-border !important; 10 | @include flex(0,0,auto); 11 | &:first-child { 12 | border-top-right-radius: $component-border-radius; 13 | border-top-left-radius: $component-border-radius; 14 | } 15 | &:last-child { 16 | border-bottom-right-radius: $component-border-radius; 17 | border-bottom-left-radius: $component-border-radius; 18 | } 19 | } 20 | > *, > * > .panel-fill { 21 | padding: $component-padding; 22 | &.panel-flush { padding: 0 !important; } 23 | &.panel-flush-top { padding-top: 0 !important; } 24 | &.panel-flush-bottom { padding-bottom: 0 !important; } 25 | } 26 | &-large { 27 | > *, > * > .panel-fill { 28 | padding: $component-padding-large; 29 | @include small { 30 | padding: ($margin-small*2/3) $margin-small; 31 | } 32 | } 33 | } 34 | > .panel-body { 35 | @include flex(1,0,auto); 36 | @include trim; 37 | > .panel-fill { 38 | @include fill; 39 | @include scroll; 40 | } 41 | } 42 | } 43 | 44 | #{h(1)} { &.panel-title { @include font-size-h1; } } 45 | #{h(2)} { &.panel-title { @include font-size-h2; } } 46 | #{h(3)} { &.panel-title { @include font-size-h3; } } 47 | #{h(4)} { &.panel-title { @include font-size-h4; } } 48 | #{h(5)} { &.panel-title { @include font-size-h5; } } 49 | #{h(6)} { &.panel-title { @include font-size-h6; } } 50 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_pills.scss: -------------------------------------------------------------------------------- 1 | .nav-pills { 2 | > li { 3 | > a { 4 | @include font-size-small; 5 | padding: $padding-small-vertical 1em; 6 | } 7 | } 8 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_popover.scss: -------------------------------------------------------------------------------- 1 | .popover { 2 | @include shadow(20px); 3 | @include font-size-base; 4 | border-width: 0 !important; 5 | color: $popover-color; 6 | padding: 0; 7 | &, .popover-content, .arrow { 8 | @include round; 9 | } 10 | .popover-content { 11 | @include round; 12 | margin: 0 !important; 13 | } 14 | .popover-title, .popover-content { 15 | padding: $padding-large-vertical $padding-large-horizontal; 16 | background: $popover-bg; 17 | } 18 | .arrow { 19 | width: 20px; 20 | height: 20px; 21 | background: $popover-bg; 22 | @include shadow(20px); 23 | @include transform(rotate(45deg)); 24 | &:after { display: none; } 25 | } 26 | &.top .arrow { margin: -10px; margin-bottom: -4px; } 27 | &.bottom .arrow { margin: -10px; margin-top: -4px; } 28 | &.left .arrow { margin: -10px; margin-right: -4px; } 29 | &.right .arrow { margin: -10px; margin-left: -4px; } 30 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | .progress { 2 | height: 6px; 3 | overflow: visible; 4 | @include bookend { 5 | margin: 1em 0; 6 | } 7 | &, .progress-bar { 8 | border-radius: $progress-border-radius; 9 | box-shadow: none; 10 | } 11 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_ranges.scss: -------------------------------------------------------------------------------- 1 | .range { 2 | @include range-input($silver,$silver-dark,6px,200px,$link,dark($link),16px,200px); 3 | } 4 | -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_thumbnail.scss: -------------------------------------------------------------------------------- 1 | .thumbnail { 2 | @include component; 3 | img { width: 100%; } 4 | .caption { 5 | @include compact; 6 | } 7 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_tooltips.scss: -------------------------------------------------------------------------------- 1 | .tooltip { 2 | @include shadow(20px); 3 | padding: 0 !important; 4 | &, .tooltip-inner, .tooltip-arrow { 5 | @include round; 6 | } 7 | .tooltip-arrow { 8 | @include transform(rotate(45deg)); 9 | background: $tooltip-bg; 10 | @include shadow(20px); 11 | border-width: 0; 12 | height: 12px; 13 | width: 12px; 14 | } 15 | &.top .tooltip-arrow { margin-bottom: -3px; } 16 | &.bottom .tooltip-arrow { margin-top: -3px; } 17 | &.left .tooltip-arrow { margin-right: -3px; } 18 | &.right .tooltip-arrow { margin-left: -3px; } 19 | .tooltip-inner { 20 | @include font-size-small; 21 | padding: $padding-base-vertical $padding-base-horizontal; 22 | margin: 0 !important; 23 | font-style: normal; 24 | } 25 | } -------------------------------------------------------------------------------- /_includes/sass/bootstrap/_well.scss: -------------------------------------------------------------------------------- 1 | .well { 2 | padding: $well-padding; 3 | box-shadow: none; 4 | @include trim; 5 | border: 0; 6 | } -------------------------------------------------------------------------------- /_includes/sass/components/_components.scss: -------------------------------------------------------------------------------- 1 | @import "cards"; 2 | @import "previews"; 3 | @import "loading"; 4 | @import "messages"; 5 | @import "toolbars"; 6 | @import "title"; 7 | @import "list"; 8 | @import "status"; 9 | @import "dot"; 10 | @import "table-master-detail"; 11 | @import "indicators"; 12 | @import "lines"; 13 | @import "tools"; 14 | @import "metadata"; 15 | -------------------------------------------------------------------------------- /_includes/sass/components/_dot.scss: -------------------------------------------------------------------------------- 1 | .dot { 2 | display: inline-block; 3 | background: currentColor; 4 | @include set(width height,8px); 5 | @include circle; 6 | &-default { color: $label-color; } 7 | &-success { color: #{dark($brand-success)}; } 8 | &-info, &.active { color: #{dark($brand-info)}; } 9 | &-warning { color: #{dark($brand-warning)}; } 10 | &-danger { color: #{dark($brand-danger)}; } 11 | } -------------------------------------------------------------------------------- /_includes/sass/components/_indicators.scss: -------------------------------------------------------------------------------- 1 | .indicators { 2 | .indicator, .indicator-link { 3 | display: inline-block; 4 | padding: 4px; 5 | } 6 | .indicator { 7 | &:not(.active) { opacity: .2; } 8 | &.active { color: $brand-info; } 9 | } 10 | .indicator-link { 11 | color: $light; 12 | float: right; 13 | } 14 | } -------------------------------------------------------------------------------- /_includes/sass/components/_lines.scss: -------------------------------------------------------------------------------- 1 | .line { 2 | &-top, &-bottom { 3 | &:before { 4 | content: ''; 5 | @include fill; 6 | border: 0 solid; 7 | opacity: .15; 8 | } 9 | } 10 | &-top:before { border-top-width: 1px; } 11 | &-bottom:before { border-bottom-width: 1px; } 12 | &-dashed:before { 13 | border-style: dashed; 14 | } 15 | } -------------------------------------------------------------------------------- /_includes/sass/components/_list.scss: -------------------------------------------------------------------------------- 1 | .list { 2 | color: $light; 3 | &-item { 4 | &:not(:first-child) { border-top: 1px solid $line; } 5 | &:first-child .list-row { @include set(border-top-right-radius border-top-left-radius,$border-radius-base); } 6 | &:last-child .list-row { @include set(border-bottom-right-radius border-bottom-left-radius,$border-radius-base); } 7 | } 8 | &-link { 9 | @include fill; 10 | z-index: 2; 11 | @include active { 12 | + .list-row { 13 | background: $hover-bg; 14 | //color: $hover-text; 15 | } 16 | } 17 | } 18 | &-item.active .list-row { 19 | #{h()}, & { color: $component-active-color; } 20 | background: $component-active-bg; 21 | } 22 | &-row { 23 | @include flex-row; 24 | @include flex-align(center); 25 | @include transitions; 26 | > * { 27 | @include compact; 28 | @include flex(1,1,0); 29 | padding: 1.5rem 2rem; 30 | a { z-index: 3; } 31 | } 32 | &-group { 33 | padding-left: 0; 34 | padding-right: 1rem; 35 | } 36 | &-graphic, &-arrow { 37 | @include flex(0,0,auto); 38 | > .glyph { opacity: (1/3); } 39 | } 40 | &-sm { 41 | > * { @include set(padding-top padding-bottom,12px); } 42 | } 43 | &-xs { 44 | > * { @include set(padding-top padding-bottom,7px); } 45 | } 46 | } 47 | .card-list & { 48 | .list-row > * { 49 | @include set(padding-left paddign-right,$component-padding-horizontal); 50 | } 51 | } 52 | } 53 | 54 | .list-clean { 55 | @include clean; 56 | } 57 | 58 | .list-columns-2 { 59 | columns: 2; 60 | } 61 | -------------------------------------------------------------------------------- /_includes/sass/components/_loading.scss: -------------------------------------------------------------------------------- 1 | .loading { 2 | text-align: center; 3 | margin: 20px 0; 4 | &:after { 5 | margin: 0 auto; 6 | content: ''; 7 | display: block; 8 | font-size: 30px; 9 | width: 1em; 10 | height: 1em; 11 | @include circle; 12 | // color: $brand; 13 | border: 1px solid; 14 | border-top-color: $outline; 15 | border-right-color: $outline; 16 | @include spin; 17 | } 18 | &-bold:after { 19 | border-width: 2px; 20 | } 21 | &.loading-inline { 22 | height: 10px; 23 | display: inline-block; 24 | margin: 0 .375em 0 0; 25 | &-after { 26 | margin: 0 0 0 .375em; 27 | } 28 | .btn-icon & { 29 | top: 0 !important; 30 | margin: 0; 31 | } 32 | vertical-align: middle; 33 | &:after { 34 | margin: -10px 0; 35 | } 36 | } 37 | &.loading-small { 38 | &.loading-inline { 39 | top: -1px; 40 | } 41 | &:after { 42 | font-size: 12px; 43 | margin: -1px auto; 44 | } 45 | } 46 | &.loading-medium { 47 | &.loading-inline { 48 | top: -1px; 49 | } 50 | &:after { 51 | font-size: 14px; 52 | margin: -1px auto; 53 | } 54 | } 55 | } 56 | 57 | .btn { 58 | .loading { 59 | &:after { 60 | color: inherit; 61 | } 62 | } 63 | } 64 | 65 | .loading-overlay { 66 | background: $silver-light; 67 | border-radius: $border-radius-base; 68 | > * { 69 | pointer-events: none; 70 | opacity: .15; 71 | } 72 | .loading { 73 | @include fill; 74 | margin: 0; 75 | opacity: 1; 76 | &:after { 77 | @include center; 78 | } 79 | } 80 | } -------------------------------------------------------------------------------- /_includes/sass/components/_messages.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | .message { 4 | margin: 20px 0; 5 | .message-content { 6 | @include flex-row; 7 | > * { 8 | padding: 0 .5rem; 9 | } 10 | } 11 | &:not(.message-secondary) { 12 | .message-content { 13 | .message-header { 14 | padding-left: 0; 15 | } 16 | .message-body { 17 | padding-right: 4rem; 18 | .message-text { 19 | border-top-left-radius: $border-radius-base; 20 | } 21 | } 22 | } 23 | } 24 | &.message-secondary { 25 | .message-content { 26 | @include flex-justify(flex-end); 27 | .message-header { 28 | padding-right: 0; 29 | } 30 | .message-body { 31 | padding-left: 4rem; 32 | .message-text { 33 | border-top-right-radius: $border-radius-base; 34 | } 35 | } 36 | } 37 | } 38 | } 39 | 40 | .message-header { 41 | @include flex(0,0,auto); 42 | .message-secondary & { 43 | @include flex-order(2); 44 | } 45 | .message-avatar { 46 | .avatar { 47 | font-size: 2.5rem; 48 | } 49 | } 50 | } 51 | 52 | .message-body { 53 | @include flex(0,1,auto); 54 | .message-text { 55 | background: $silver; 56 | padding: $padding-large-vertical $padding-large-horizontal; 57 | border-radius: 1.333em; 58 | .message-blue & { 59 | background: $blue; 60 | color: white; 61 | } 62 | .message-green & { 63 | background: $green; 64 | color: white; 65 | } 66 | .message-purple & { 67 | background: $purple; 68 | color: white; 69 | } 70 | } 71 | } -------------------------------------------------------------------------------- /_includes/sass/components/_metadata.scss: -------------------------------------------------------------------------------- 1 | .metadata { 2 | @include clean; 3 | &, > li { display: inline; } 4 | > li { margin: 0 .75em 0 0; } 5 | &-info { opacity: .5; } 6 | &-link { 7 | 8 | } 9 | } -------------------------------------------------------------------------------- /_includes/sass/components/_status.scss: -------------------------------------------------------------------------------- 1 | .status { 2 | @include flex-row; 3 | &-text { 4 | @include flex(1,1,auto); 5 | white-space: nowrap; 6 | min-width: 0; 7 | } 8 | &-icon { 9 | @include flex(0,0,auto); 10 | } 11 | } -------------------------------------------------------------------------------- /_includes/sass/components/_table-master-detail.scss: -------------------------------------------------------------------------------- 1 | .table-master-detail { 2 | &-toggle { 3 | @include transitions; 4 | } 5 | .table-master { 6 | 7 | } 8 | &:not(.open) { 9 | .table-detail { 10 | display: none; 11 | } 12 | } 13 | &.open { 14 | .table-master { 15 | td, th { background: white !important; } 16 | } 17 | .table-master-detail-toggle { 18 | @include transform(rotate(90deg)); 19 | } 20 | } 21 | } -------------------------------------------------------------------------------- /_includes/sass/components/_title.scss: -------------------------------------------------------------------------------- 1 | .title { 2 | @include set(margin-left margin-right,-10px); 3 | @include flex-row; 4 | @include flex-wrap; 5 | @include flex-justify(space-between); 6 | @include flex-align(center); 7 | @extend .buffer; 8 | &-buffer { 9 | margin-top: $component-buffer; 10 | margin-bottom: $component-buffer; 11 | } 12 | > * { 13 | padding: 5px 0; 14 | margin: 0 10px; 15 | } 16 | &-header { 17 | @include flex(0,1,auto); 18 | @include compact; 19 | } 20 | &-body { 21 | @include flex(1,1,auto); 22 | } 23 | &-actions { 24 | @include flex(0,1,auto); 25 | } 26 | &-fix { 27 | min-height: 50px; 28 | } 29 | &:first-child { margin-top: -5px; } 30 | &:last-child { margin-bottom: -5px; } 31 | } -------------------------------------------------------------------------------- /_includes/sass/components/_toolbars.scss: -------------------------------------------------------------------------------- 1 | .toolbar { 2 | a { 3 | display: block; 4 | } 5 | .toolbar-content { 6 | @include flex-row; 7 | @include flex-wrap; 8 | @include flex-align(center); 9 | .toolbar-item { 10 | @include flex(0,0,auto); 11 | > .btn { 12 | width: 100%; 13 | } 14 | > .toolbar-link { 15 | padding: 1rem 1.5rem; 16 | } 17 | } 18 | .toolbar-gap { 19 | @include flex(1000,1,auto); 20 | } 21 | } 22 | &-fill { 23 | .btn { border-radius: 0; } 24 | .toolbar-content { 25 | > .btn, 26 | .toolbar-item { 27 | @include flex(1,0,auto); 28 | } 29 | } 30 | } 31 | &-separate { 32 | .toolbar-content { 33 | margin: -.375rem; 34 | .toolbar-item { 35 | margin: .375rem; 36 | } 37 | } 38 | } 39 | &-fixed { 40 | .toolbar-content { 41 | > .btn, 42 | .toolbar-item { 43 | @include flex(1,0,0); 44 | } 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /_includes/sass/components/_tools.scss: -------------------------------------------------------------------------------- 1 | .tools { 2 | @include flex-row; 3 | @include flex-align(center); 4 | margin: -2px; 5 | // & + & { margin-top: 2px; } 6 | .tool { 7 | @include flex(0,0,auto); 8 | padding: 2px; 9 | &-grow, 10 | &-overflow { 11 | @include flex(1,1,auto); 12 | min-width: 0; 13 | } 14 | &-overflow { 15 | text-overflow: ellipsis; 16 | white-space: nowrap; 17 | overflow: hidden; 18 | } 19 | &-gap { 20 | width: 20px; 21 | &-sm { width: 10px; } 22 | } 23 | } 24 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_commandpalette.scss: -------------------------------------------------------------------------------- 1 | .dbt-cloud-command-palette__search-result-row { 2 | padding: 10px; 3 | border-top: 1px solid $gray-light; 4 | background-color: $silver-light; 5 | color: $normal; 6 | } 7 | 8 | .dbt-cloud-command-palette__search-result-row__path { 9 | margin-left: 10px; 10 | font-size: .9em; 11 | font-style: italic; 12 | color: $gray-dark; 13 | } 14 | 15 | .dbt-cloud-command-palette__search-input { 16 | color: $normal; 17 | width: 100%; 18 | border: none; 19 | padding: 10px; 20 | max-height: 50px; 21 | } 22 | 23 | .dbt-cloud-command-palette__container { 24 | margin-left: 15%; 25 | margin-right: 15%; 26 | width: 70%; 27 | } 28 | 29 | .dbt-cloud-command-palette__close { 30 | position: absolute; 31 | right: 5px; 32 | top: 0; 33 | bottom: 0; 34 | } 35 | 36 | .ide-dark { 37 | @import "sass/variables/dark-mode-colors-v2"; 38 | .dbt-cloud-command-palette__search-input, 39 | .dbt-cloud-command-palette__search-result-row:not(:hover), 40 | .dbt-cloud-command-palette__container, 41 | .dbt-cloud-command-palette__container .dropdown-menu{ 42 | background: $dark-gray; 43 | } 44 | 45 | .dbt-cloud-command-palette__search-result-row { 46 | border-top: 1px solid $dark-gray; 47 | 48 | &:hover { 49 | background: $light-gray; 50 | color: white; 51 | } 52 | } 53 | 54 | .dbt-cloud-command-palette__search-result-row__file { 55 | color: $lighter-gray; 56 | } 57 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_controls.scss: -------------------------------------------------------------------------------- 1 | $control-pad: 7px; 2 | 3 | .controls { 4 | @include flex-row; 5 | @include flex-wrap; 6 | @include flex-justify(space-between); 7 | margin: -$control-pad; 8 | &:not(&-block) { @include flex-inline; } 9 | &-nowrap { @include flex-wrap(nowrap); } 10 | .control { 11 | padding: $control-pad; 12 | @include flex(0,0,auto); 13 | .btn { text-align: center; } 14 | .btn, .form-control { width: 100%; } 15 | &-grow { @include flex(1,0,auto); } 16 | &-full { @include flex(0,0,100%); } 17 | &-sm { max-width: 240px; } 18 | } 19 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_custom.scss: -------------------------------------------------------------------------------- 1 | @import "menu"; 2 | @import "results"; 3 | @import "filename"; 4 | @import "launcher"; 5 | @import "fields"; 6 | @import "switch"; 7 | @import "details"; 8 | @import "controls"; 9 | @import "tokens"; 10 | @import "settings"; 11 | @import "logo"; 12 | @import "logomain"; 13 | @import "kpi"; 14 | 15 | @import "pricing"; 16 | 17 | @import "navigation"; 18 | @import "sidenav"; 19 | @import "filterselect"; 20 | @import "commandpalette"; 21 | @import "ide"; 22 | @import "tooltip"; 23 | @import "runs"; 24 | @import "table"; 25 | @import "inputlist"; 26 | @import "groupdetail"; 27 | 28 | @import "help"; 29 | -------------------------------------------------------------------------------- /_includes/sass/custom/_details.scss: -------------------------------------------------------------------------------- 1 | .details { 2 | .details-content { 3 | margin: -1em 0; 4 | @include large { 5 | display: table; 6 | width: 100%; 7 | .detail-group { 8 | display: table-row; 9 | > * { 10 | display: table-cell; 11 | vertical-align: top; 12 | } 13 | &:not(:last-child) { 14 | > * { border-bottom: 1px solid $line; } 15 | } 16 | } 17 | } 18 | } 19 | } 20 | 21 | .detail-group { 22 | padding-bottom: 1em; 23 | &:not(:last-child) { border-bottom: 1px solid $line; } 24 | .detail-header { 25 | white-space: nowrap; 26 | width: 1px; 27 | padding: 1em; 28 | padding-left: 0; 29 | @include small { 30 | .detail-label { color: $dark; } 31 | } 32 | } 33 | .detail-body { 34 | padding: .5em; 35 | @include small { 36 | padding: 0; 37 | margin: 0 -1em; 38 | } 39 | .detail { 40 | margin: 0; 41 | display: inline-block; 42 | vertical-align: top; 43 | padding: .5em 1em; 44 | } 45 | } 46 | } 47 | 48 | .detail-label { 49 | margin: 0; 50 | @include labels; 51 | color: $light; 52 | } 53 | .detail-value { 54 | color: $dark; 55 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_fields.scss: -------------------------------------------------------------------------------- 1 | 2 | .field { 3 | display: block; 4 | margin: 0; 5 | .field-input { 6 | height: $component-height-base + 1.75rem; 7 | border-top: 1.75rem solid transparent !important; 8 | &:hover, &:focus { 9 | + .field-label { color: $normal; } 10 | } 11 | 12 | } 13 | .field-label { 14 | pointer-events: none; 15 | z-index: 4; 16 | @include code; 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | margin: 0; 21 | padding: $padding-base-vertical $padding-base-horizontal 0; 22 | } 23 | .field-text { 24 | height: $component-height-base + 1.75rem; 25 | border-top: 1.75rem solid transparent !important; 26 | border-radius: 0 !important; 27 | box-shadow: none !important; 28 | padding: $padding-base-vertical $padding-base-horizontal 0; 29 | } 30 | .field-text-label { 31 | pointer-events: none; 32 | z-index: 0; 33 | position: absolute; 34 | top: 0; 35 | left: 0; 36 | margin: 0; 37 | padding: $padding-base-vertical $padding-base-horizontal 0; 38 | font-variant: small-caps; 39 | } 40 | } 41 | 42 | 43 | .fields { 44 | @include flex-row; 45 | @include flex-wrap; 46 | .field { 47 | @include flex(1,0,160px); 48 | } 49 | &:not(.fields-flush) { 50 | margin: -5px; 51 | .field { border: 5px solid transparent; } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /_includes/sass/custom/_filename.scss: -------------------------------------------------------------------------------- 1 | 2 | .filename { 3 | @include flex-row; 4 | .filename-ellip { 5 | @include flex(0,1,auto); 6 | min-width: 0; 7 | white-space: nowrap; 8 | overflow: hidden; 9 | text-overflow: ellipsis; 10 | } 11 | .filename-normal { @include flex(0,0,auto); } 12 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_groupdetail.scss: -------------------------------------------------------------------------------- 1 | .group-sso-mapping__warning { 2 | @import "sass/variables/colors-v2"; 3 | color: $red; 4 | padding-left: 20px; 5 | } 6 | 7 | .group-info__name-field { 8 | @import "sass/variables/colors-v2"; 9 | background: $lightest-gray; 10 | border: none; 11 | border-radius: 4px; 12 | height: 24px; 13 | width: 195px; 14 | 15 | &--is-errored { 16 | border: 1px solid $red; 17 | } 18 | } 19 | 20 | .group-info__name-error { 21 | position: absolute; 22 | top: 4px; 23 | font-size: 12px; 24 | color: $red; 25 | } 26 | 27 | .group-detail__delete-btn { 28 | @import "sass/variables/colors-v2"; 29 | background: $red; 30 | color: white; 31 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_help.scss: -------------------------------------------------------------------------------- 1 | a.help { 2 | line-height: inherit; 3 | } 4 | -------------------------------------------------------------------------------- /_includes/sass/custom/_ide.scss: -------------------------------------------------------------------------------- 1 | // this should be moved into dbt-cloud at some point as this is app specific 2 | .ide-docs-link { 3 | .fake-link { 4 | @extend .text-blue; 5 | &:hover { 6 | @extend .text-blue-dark; 7 | } 8 | } 9 | .glyph { 10 | margin-left: 3px; 11 | font-size: 1rem; 12 | } 13 | 14 | &--enabled { 15 | @extend .text-blue-dark; 16 | 17 | &:hover { 18 | @extend .text-orange; 19 | text-decoration: underline; 20 | } 21 | } 22 | 23 | &--not-generated { 24 | @extend .text-gray-light; 25 | 26 | &:hover { 27 | @extend .text-gray-light; 28 | } 29 | } 30 | &--out-dated { 31 | &:hover { 32 | @extend .text-orange; 33 | text-decoration: underline; 34 | } 35 | 36 | .glyph { 37 | color: $red; 38 | } 39 | } 40 | 41 | .loading { 42 | margin-left: 3px; 43 | } 44 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_inputlist.scss: -------------------------------------------------------------------------------- 1 | .input-list { 2 | .input-list-item { 3 | @import "sass/variables/colors-v2"; 4 | padding-bottom: 11px; 5 | 6 | &__field { 7 | background: $lightest-gray; 8 | border: none; 9 | border-radius: 4px; 10 | height: 24px; 11 | width: 239px; 12 | } 13 | 14 | &__delete { 15 | use { 16 | fill: $light-gray; 17 | color: $light-gray; 18 | &:hover { 19 | fill: $red; 20 | color: $red; 21 | } 22 | } 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_kpi.scss: -------------------------------------------------------------------------------- 1 | .kpi { 2 | color: $dark; 3 | padding: 20px 32px; 4 | &-lg { 5 | .kpi-value { 6 | font-weight: bold; 7 | @include font-size-h2; 8 | } 9 | } 10 | &-content { 11 | @include table; 12 | } 13 | &-graphic { 14 | white-space: nowrap; 15 | width: 1px; 16 | padding-right: .5em; 17 | } 18 | } 19 | 20 | .kpis { 21 | @include table(middle); 22 | width: auto; 23 | .kpi { 24 | &:first-child { @include set(border-top-left-radius border-bottom-left-radius,$border-radius-base); } 25 | &:last-child { @include set(border-top-right-radius border-bottom-right-radius,$border-radius-base); } 26 | } 27 | &-simple { 28 | .kpi { 29 | padding: 8px 32px 8px 0; 30 | } 31 | } 32 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_logo.scss: -------------------------------------------------------------------------------- 1 | .logo { 2 | display: block; 3 | overflow: hidden; 4 | &, svg { height: 25px; width: 88px; } 5 | color: $dark; 6 | svg { 7 | fill: currentColor; 8 | top: -1px; 9 | } 10 | @include max-phone { 11 | width: 25px; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /_includes/sass/custom/_logomain.scss: -------------------------------------------------------------------------------- 1 | .logo-main { 2 | display: block; 3 | height: 50px; 4 | width: 176px; 5 | right: 22px; 6 | color: $dark; 7 | } 8 | -------------------------------------------------------------------------------- /_includes/sass/custom/_navigation.scss: -------------------------------------------------------------------------------- 1 | $nav-pad: 15px; 2 | 3 | .navigation { 4 | color: $headings-color; 5 | &-row { 6 | height: $navigation-height; 7 | margin: 0 $nav-pad*-1; 8 | @include flex-row; 9 | @include flex-align(center); 10 | } 11 | &-item { 12 | @include flex(0,0,auto); 13 | padding: 10px $nav-pad; 14 | } 15 | &-grow { @include flex(1,0,auto); } 16 | &-link { 17 | color: $lighter; 18 | @include active { color: $dark; } 19 | } 20 | &-pad { padding: 0 20px; } 21 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_pricing.scss: -------------------------------------------------------------------------------- 1 | .pricing { 2 | &-options { 3 | @include flex-row; 4 | 5 | } 6 | &-option { 7 | @include flex(1,1,0); 8 | padding: 20px 30px; 9 | @include compact; 10 | &, &-price { color: $light; } 11 | &-desc { color: $dark; } 12 | &.active { 13 | box-shadow: 0 0 0 2px $blue, 0 0 0 6px transparentize($blue,.75); 14 | @include radius; 15 | color: $dark; 16 | } 17 | } 18 | &-disabled { 19 | opacity: .5; 20 | font-style: oblique; 21 | font-weight: normal; 22 | color: inherit !important; 23 | } 24 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_results.scss: -------------------------------------------------------------------------------- 1 | .results { 2 | @include font-size-small; 3 | .result { 4 | @include blocklink; 5 | padding: 15px 20px; 6 | margin: 0 -20px; 7 | @include radius; 8 | @include active { 9 | background: $silver; 10 | } 11 | } 12 | .result-content { 13 | @include flex-row; 14 | .result-icn { 15 | @include flex(0,0,auto); 16 | color: $light; 17 | opacity: .5; 18 | padding: 2px 20px 0 0; 19 | 20 | } 21 | .result-body { 22 | @include slim; 23 | @include flex(1,1,auto); 24 | } 25 | } 26 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_runs.scss: -------------------------------------------------------------------------------- 1 | .dbt-cloud-run-steps__log-group { 2 | @import "sass/variables/colors-v2"; 3 | 4 | background: $dark-gray; 5 | } 6 | 7 | .dbt-cloud-run-steps__log-success { 8 | @import "sass/variables/colors-v2"; 9 | color: $light-green; 10 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_switch.scss: -------------------------------------------------------------------------------- 1 | .switches { 2 | margin: 1.5em 0; 3 | @include flex-row; 4 | @include flex-wrap; 5 | background: mix($silver,$silver-dark); 6 | box-shadow: inset 0 0 5px rgba(0,0,0,.05); 7 | @include radius; 8 | @include font-size-small; 9 | .switch { 10 | @include flex(1,1,auto); 11 | .switch-label { 12 | padding: $padding-small-vertical $padding-base-horizontal; 13 | color: $light; 14 | display: block; 15 | text-align: center; 16 | @include transitions; 17 | @include active { 18 | color: $dark; 19 | } 20 | &.active { 21 | @include component; 22 | font-weight: bold; 23 | //@include shadow(15px,rgba(0,0,0,.05)); 24 | color: $dark; 25 | } 26 | } 27 | } 28 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_tokens.scss: -------------------------------------------------------------------------------- 1 | $token-pad: 5px; 2 | 3 | .token { 4 | @include flex-row; 5 | @include flex-inline; 6 | &-element { 7 | @include flex(0,0,auto); 8 | &:not(:first-child) { .btn, .form-control { @include set(border-top-left-radius border-bottom-left-radius,0); } } 9 | &:not(:last-child) { .btn, .form-control { @include set(border-top-right-radius border-bottom-right-radius,0); } } 10 | } 11 | } 12 | 13 | .tokens { 14 | @include set(margin-left margin-right,-$token-pad); 15 | @extend .buffer; 16 | @include clear; 17 | &-actions { float: right; } 18 | &-content { } 19 | .token { 20 | float: left; 21 | margin: $token-pad; 22 | } 23 | &-compact { 24 | @include set(margin-top margin-bottom,10px); 25 | } 26 | } -------------------------------------------------------------------------------- /_includes/sass/custom/_tooltip.scss: -------------------------------------------------------------------------------- 1 | // react-tooltip puts style tags in the dom to provide styling, the importants are required to override. 2 | .ide-tooltip { 3 | background-color: $gray-dark !important; 4 | opacity: 1 !important; 5 | padding: 5px 10px !important; 6 | font-size: 12px !important; 7 | z-index: 99 !important; 8 | 9 | &.place-top:after { 10 | border-top-color: $gray-dark !important; 11 | } 12 | 13 | &.place-right:after { 14 | border-right-color: $gray-dark !important; 15 | } 16 | 17 | &.place-left:after { 18 | border-left-color: $gray-dark !important; 19 | } 20 | 21 | &.place-bottom:after { 22 | border-bottom-color: $gray-dark !important; 23 | } 24 | } 25 | 26 | .ide-dark { 27 | .ide-tooltip { 28 | background-color: $silver !important; 29 | color: $normal !important; 30 | 31 | &.place-top:after { 32 | border-top-color: $silver !important; 33 | } 34 | 35 | &.place-right:after { 36 | border-right-color: $silver !important; 37 | } 38 | 39 | &.place-left:after { 40 | border-left-color: $silver !important; 41 | } 42 | 43 | &.place-bottom:after { 44 | border-bottom-color: $silver !important; 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /_includes/sass/fonts/_arrows.scss: -------------------------------------------------------------------------------- 1 | $arrows: ( 2 | "up":"a", 3 | "right":"b", 4 | "down":"c", 5 | "left":"d", 6 | "close":"e", 7 | "check":"f", 8 | ); 9 | 10 | @mixin arrow-pseudo(){ 11 | &:not(.arrow-before):after, 12 | &.arrow-before:before { 13 | @content; 14 | } 15 | } 16 | 17 | @mixin arrow-styles(){ 18 | font-family: "arrows"; 19 | text-transform: none; 20 | font-style: normal; 21 | font-weight: normal; 22 | line-height: .5; 23 | } 24 | 25 | @mixin arrow($type,$position:after,$large:false){ 26 | &:#{$position} { 27 | @include arrow-styles; 28 | @each $var, $glyph in $arrows { 29 | @if $var == $type { 30 | content: " #{$glyph} "; 31 | } 32 | } 33 | @if $large { 34 | text-transform: uppercase; 35 | } 36 | } 37 | } 38 | 39 | @include font-face-woff("arrows","../fonts/arrows/arrows.woff"); 40 | 41 | [class*="arrow-"] { 42 | @include arrow-pseudo { 43 | @include arrow-styles; 44 | } 45 | } 46 | 47 | .arrow-large { 48 | @include arrow-pseudo { text-transform: uppercase; } 49 | } 50 | 51 | @each $var, $glyph in $arrows { 52 | .arrow-#{$var} { 53 | @include arrow-pseudo { content: " #{$glyph} "; } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /_includes/sass/fonts/_fonts.scss: -------------------------------------------------------------------------------- 1 | {% if site.arrows %} 2 | @import "arrows"; 3 | {% endif %} 4 | {% if site.entypo %} 5 | @import "entypo"; 6 | {% endif %} -------------------------------------------------------------------------------- /_includes/sass/layouts/_admin.scss: -------------------------------------------------------------------------------- 1 | .admin { 2 | @include cover; 3 | &-nav, 4 | &-content { 5 | @include cover; 6 | @include scroll; 7 | } 8 | &-nav { 9 | right: auto; 10 | width: 240px; 11 | } 12 | &-content { 13 | left: 240px; 14 | padding: 20px 20px 20px 30px; 15 | } 16 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_album.scss: -------------------------------------------------------------------------------- 1 | .album { 2 | margin: 0 $component-buffer/-2; 3 | visibility: hidden; 4 | &.album-ready { 5 | visibility: visible; 6 | } 7 | .album-content { 8 | @include flex-row; 9 | @include flex-wrap; 10 | @include flex-align(stretch); 11 | .album-image { 12 | @include flex(1,1,auto); 13 | margin: $component-buffer/2; 14 | img { 15 | margin: 0; 16 | display: block; 17 | width: 100%; 18 | height: auto; 19 | @include component; 20 | } 21 | } 22 | } 23 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_flex.scss: -------------------------------------------------------------------------------- 1 | $basis: $component-break + $component-buffer; 2 | 3 | .flex-row { 4 | @include flex-row; 5 | @include flex-wrap; 6 | } 7 | .flex-column { 8 | @include flex-column; 9 | @include flex(1,1,$basis); 10 | @for $i from 1 through 12 { 11 | &-#{$i} { 12 | @include flex(1,1,$basis*$i); 13 | } 14 | } 15 | } 16 | 17 | .flex-nowrap { 18 | @include flex-wrap(nowrap); 19 | } 20 | 21 | .flex-buffer { 22 | margin: 0 $component-buffer/-4; 23 | } 24 | 25 | .flex-flush { 26 | @include set(margin-top margin-bottom,$component-buffer/-4); 27 | } 28 | 29 | .flex-item { 30 | .flex-column > & { @include flex(1,1,auto); } 31 | .flex-row > & { @include flex(1,0,$component-break); } 32 | .flex-buffer & { margin: $component-buffer/4; } 33 | } 34 | .flex-item-sm { 35 | .flex-column > & { @include flex(1,1,auto); } 36 | .flex-row > & { @include flex(1,0,$component-break/2); } 37 | .flex-buffer & { margin: $component-buffer/8; } 38 | } 39 | 40 | .flex-grow { 41 | @include flex(1,0); 42 | } 43 | 44 | .flex-auto { 45 | @include flex(0,0); 46 | } 47 | 48 | .flex-shrink { 49 | @include flex(0,1); 50 | } 51 | -------------------------------------------------------------------------------- /_includes/sass/layouts/_formgrid.scss: -------------------------------------------------------------------------------- 1 | $form-grid-padding: 7px; 2 | 3 | .form-grid { 4 | display: table; 5 | width: 100%; 6 | .form-row-group { 7 | display: table-row-group; 8 | } 9 | .form-row { 10 | display: table-row; 11 | .form-row { 12 | display: table; 13 | width: 100%; 14 | } 15 | .form-label, .form-response { 16 | display: table-cell; 17 | padding: $form-grid-padding; 18 | vertical-align: top; 19 | &:first-child { 20 | padding-left: 0; 21 | } 22 | &:last-child { 23 | padding-right: 0; 24 | } 25 | .form-row > * { 26 | padding-top: 0; 27 | padding-bottom: 0; 28 | } 29 | } 30 | .form-label { 31 | white-space: nowrap; 32 | width: 1px; 33 | label { 34 | @extend .form-control-static; 35 | } 36 | } 37 | .form-response { 38 | .help-block { 39 | margin: 0; 40 | top: 3px; 41 | } 42 | &.form-response-short { 43 | width: 1px; 44 | white-space: nowrap; 45 | } 46 | .form-response, 47 | .form-label { 48 | padding-top: 0; 49 | padding-bottom: 0; 50 | } 51 | } 52 | > .form-label:first-child { 53 | padding-right: $form-grid-padding; 54 | } 55 | } 56 | &:not(.form-grid-left) { 57 | .form-label { 58 | text-align: right; 59 | } 60 | } 61 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_grids.scss: -------------------------------------------------------------------------------- 1 | .grid { 2 | @include grid; 3 | } 4 | -------------------------------------------------------------------------------- /_includes/sass/layouts/_layout.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | .layout { 4 | width: 100vw; 5 | height: 100vh; 6 | min-width: $tablet; 7 | @include scroll; 8 | &-pad { @include set(padding-top padding-bottom,20px); } 9 | &-ide { 10 | height: calc(100vh - 53px); 11 | } 12 | &-pad-l, &-pad-x { padding-left: 20px; } 13 | &-pad-r, &-pad-x { padding-right: 20px; } 14 | &-sticky { 15 | position: sticky; 16 | z-index: 20; 17 | top: 0; 18 | } 19 | &-frame { 20 | margin: auto; 21 | width: 90%; 22 | @include set(padding-left padding-right,20px); 23 | .layout-menu & { padding-right: 0; } 24 | } 25 | &-navigation { 26 | @include shadow(3px,$line); 27 | background: white; 28 | height: $navigation-height; 29 | position: absolute; 30 | @include set(top left right,0); 31 | } 32 | &-content { 33 | position: absolute; 34 | top: ($navigation-height + 1px); 35 | @include set(bottom left right,0); 36 | @include scroll; 37 | } 38 | &-row { 39 | @include flex-row; 40 | } 41 | &-alert { 42 | @include flex(0,0,100%); 43 | } 44 | &-menu { 45 | @include flex(0,0,percentage(1/4)); 46 | max-width: 300px; 47 | min-width: 0; 48 | } 49 | &-body { 50 | @include flex(1,1,auto); 51 | box-shadow: 0 -1px 0 $outline; 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /_includes/sass/layouts/_layouts.scss: -------------------------------------------------------------------------------- 1 | @import "formgrid"; 2 | @import "matrix"; 3 | @import "waterfall"; 4 | @import "mosaic"; 5 | @import "flex"; 6 | @import "album"; 7 | @import "limits"; 8 | @import "grids"; 9 | @import "sections"; 10 | @import "framework"; 11 | @import "app"; 12 | @import "layout"; 13 | @import "ide"; 14 | @import "setup"; 15 | @import "admin"; 16 | -------------------------------------------------------------------------------- /_includes/sass/layouts/_limits.scss: -------------------------------------------------------------------------------- 1 | @for $i from 1 through 12 { 2 | .limit-#{$i} { 3 | @include limit($i); 4 | } 5 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_matrix.scss: -------------------------------------------------------------------------------- 1 | .matrix { 2 | margin: 0 $component-buffer/-4; 3 | @include flex-row; 4 | @include flex-align(stretch); 5 | @include flex-wrap; 6 | &.matrix-nowrap { 7 | @include flex-wrap(nowrap); 8 | } 9 | .matrix-item { 10 | padding: $component-buffer/4; 11 | @include flex-column; 12 | @include flex(1,1,$component-break); 13 | > * { 14 | @include flex(1,1); 15 | margin: 0; 16 | } 17 | } 18 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_mosaic.scss: -------------------------------------------------------------------------------- 1 | $basis: $component-break + $component-buffer; 2 | 3 | .mosaic { 4 | @include flex-column; 5 | @include flex-align(stretch); 6 | &-buffer { 7 | margin: 0 $component-buffer/-4; 8 | } 9 | } 10 | 11 | .mosaic-row { 12 | @include flex-row; 13 | @include flex-wrap; 14 | @include flex(1,1); 15 | } 16 | 17 | .mosaic-column { 18 | @include flex-column; 19 | @include flex(1,1,$basis); 20 | @for $i from 1 through 12 { 21 | &-#{$i} { 22 | @include flex(1,1,$basis*$i); 23 | } 24 | } 25 | } 26 | 27 | .mosaic-item { 28 | @include flex-column; 29 | > * { 30 | @include flex(1,0); 31 | margin: 0; 32 | } 33 | .mosaic-column > & { 34 | @include flex(1,1,auto); 35 | } 36 | .mosaic-row > & { 37 | @include flex(1,0,$component-break); 38 | } 39 | .mosaic-buffer & { 40 | margin: $component-buffer/4; 41 | } 42 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_sections.scss: -------------------------------------------------------------------------------- 1 | .section-target { 2 | position: absolute; 3 | visibility: hidden; 4 | top: -4em; 5 | } 6 | 7 | .section { 8 | padding: .75em 0; 9 | } 10 | 11 | .section-content { 12 | .panel { 13 | .section-target:target + & { 14 | @include shadow(30px); 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_setup.scss: -------------------------------------------------------------------------------- 1 | .setup { 2 | max-width: $phablet; 3 | margin: auto; 4 | padding: 20px 0; 5 | &-lg { 6 | max-width: $tablet; 7 | } 8 | &-step { 9 | @include flex-row; 10 | @include flex-align(center); 11 | padding: 1em 0; 12 | &-check, &-icon { 13 | @include flex(0,0,42px); 14 | padding: 2px; 15 | } 16 | &-check { color: $green; } 17 | &-icon { color: $silver-darkest; } 18 | &-text { 19 | @include flex(1,1,auto); 20 | @include compact; 21 | } 22 | &:not(:last-child) { 23 | border-bottom: 1px solid $line; 24 | } 25 | &:first-child { padding-top: 0; } 26 | &:last-child { padding-bottom: 0; } 27 | &.setup-step-complete .setup-step-icon { display: none; } 28 | &:not(.setup-step-complete) .setup-step-check { display: none; } 29 | } 30 | } -------------------------------------------------------------------------------- /_includes/sass/layouts/_waterfall.scss: -------------------------------------------------------------------------------- 1 | .waterfall { 2 | margin: 0 $component-buffer/-4; 3 | @include columns(4,$component-break+$component-buffer,0); 4 | .waterfall-item { 5 | @include avoid-break; 6 | padding: $component-buffer/4; 7 | > * { 8 | margin: 0; 9 | } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /_includes/sass/maths/_blends.scss: -------------------------------------------------------------------------------- 1 | @import "blend/blendmodes"; -------------------------------------------------------------------------------- /_includes/sass/maths/_maths.scss: -------------------------------------------------------------------------------- 1 | @import "strings"; 2 | @import "blends"; 3 | @import "shades"; 4 | @import "numbers"; -------------------------------------------------------------------------------- /_includes/sass/maths/_strings.scss: -------------------------------------------------------------------------------- 1 | @function str-replace($string, $search, $replace: '') { 2 | $index: str-index($string, $search); 3 | @if $index { 4 | @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); 5 | } 6 | @return $string; 7 | } -------------------------------------------------------------------------------- /_includes/sass/maths/blend/LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013 Grady Kuhnline 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-backgrounds.scss: -------------------------------------------------------------------------------- 1 | @mixin background($hue:transparent){ 2 | background: $hue no-repeat 50% 50% / cover; 3 | } 4 | 5 | @mixin gradient($start-color: #555, $end-color: #333, $deg: 180deg) { 6 | background-image: linear-gradient($deg, $start-color, $end-color); 7 | } 8 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-classes.scss: -------------------------------------------------------------------------------- 1 | @mixin class($class,$attr,$sides,$a,$b:null,$c:false) { 2 | @if $c { 3 | .#{$class}-#{$a} { #{$attr}: $b $c; } 4 | @each $side in $sides { 5 | .#{$class}-#{$side}-#{$a} { #{$attr}-#{$side}: $b; } 6 | } 7 | } @else { 8 | .#{$class} { #{$attr}: $a $b; } 9 | @each $side in $sides { 10 | .#{$class}-#{$side} { #{$attr}-#{$side}: $a; } 11 | } 12 | } 13 | } 14 | 15 | @mixin set($attrs,$val) { 16 | @each $attr in $attrs { 17 | #{$attr}: $val; 18 | } 19 | } -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-effects.scss: -------------------------------------------------------------------------------- 1 | @mixin sharpen(){ 2 | image-rendering: optimizeSpeed; 3 | image-rendering: -moz-crisp-edges; 4 | image-rendering: -o-crisp-edges; 5 | image-rendering: -webkit-crisp-edges; 6 | image-rendering: pixelated; 7 | image-rendering: optimize-contrast; 8 | -ms-interpolation-mode: nearest-neighbor; 9 | } 10 | 11 | @mixin filter($filter) { 12 | -webkit-filter: $filter; 13 | filter: $filter; 14 | } -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-grid.scss: -------------------------------------------------------------------------------- 1 | @mixin grid($min:200px,$max:320px,$gap:2em){ 2 | 3 | // standard grid 4 | display: grid; 5 | grid-gap: $gap; 6 | grid-template-columns: repeat(auto-fill, minmax($min, 1fr)); 7 | 8 | // flexbox grid (incomplete last row will have odd sizing) 9 | html.cssgridlegacy & { 10 | @include flex-row; 11 | @include flex-wrap; 12 | padding: $gap/2; 13 | > * { 14 | @include flex(1,0,$min); 15 | max-width: $max; 16 | padding: $gap/2; 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-icons.scss: -------------------------------------------------------------------------------- 1 | @mixin font-face-woff($name,$url,$weight:normal,$style:normal){ 2 | @font-face { 3 | font-family: $name; 4 | font-weight: $weight; 5 | font-style: $style; 6 | src: url($url) format("woff"); 7 | } 8 | } 9 | 10 | @mixin icon-font($name,$content:false){ 11 | &:after { 12 | @if $content { content: "#{$content}"; } 13 | font-family: $name; 14 | text-decoration: inherit; 15 | text-transform: none; 16 | font-variant: normal; 17 | font-weight: normal; 18 | font-style: normal; 19 | text-align: center; 20 | position: relative; 21 | font-size: 20px; 22 | line-height: 1; 23 | display: block; 24 | speak: none; 25 | margin-top: -2px; 26 | top: -5px; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-limits.scss: -------------------------------------------------------------------------------- 1 | @mixin limit($i) { 2 | > *:nth-child(n+#{$i+1}) { display: none !important; } 3 | } 4 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-shadows.scss: -------------------------------------------------------------------------------- 1 | @mixin shadow($height: 3px, $border:$outline) { 2 | $darkness: number($height) * .01; 3 | $contract: $height * -.5; 4 | box-shadow: 0 0 0 1px $border, 0 $height $height $contract rgba(0,0,0,$darkness); 5 | } -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-shapes.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Components 3 | // -------------------------------------------------- 4 | @mixin component(){ 5 | display: block; 6 | border-width: 0; 7 | background: white; 8 | @include shadow(); 9 | border-radius: $component-border-radius; 10 | } 11 | 12 | // 13 | // Corners 14 | // -------------------------------------------------- 15 | @mixin circle() { 16 | border-radius: 50%; 17 | } 18 | 19 | @mixin round() { 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | @mixin radius($radius:$border-radius-base) { 24 | border-radius: $radius; 25 | } 26 | 27 | @mixin pill($important:'') { 28 | border-radius: 200px #{$important}; 29 | } 30 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-tables.scss: -------------------------------------------------------------------------------- 1 | 2 | @mixin table($align:baseline,$width:100%) { 3 | display: table; 4 | width: $width; 5 | > * { 6 | display: table-cell; 7 | vertical-align: $align; 8 | } 9 | } 10 | 11 | @mixin no-table() { 12 | &, > * { display: block; } 13 | } 14 | 15 | @mixin table-rows($align:baseline,$width:100%) { 16 | display: table; 17 | width: $width; 18 | > * { 19 | display: table-row; 20 | > * { 21 | display: table-cell; 22 | vertical-align: $align; 23 | } 24 | } 25 | } 26 | 27 | @mixin table-body($align:baseline,$width:100%) { 28 | display: table; 29 | width: $width; 30 | > * { 31 | @include table-rows($align); 32 | display: table-row-group; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /_includes/sass/mixins/_mixin-trans.scss: -------------------------------------------------------------------------------- 1 | 2 | @mixin transition($transition) { 3 | -webkit-transition: $transition; 4 | transition: $transition; 5 | } 6 | 7 | @mixin transitions($speed:.25s, $curve:$bezier) { 8 | @include transition(all $speed $curve); 9 | } 10 | 11 | @mixin transition-properties($props: (color, background-color, box-shadow), $speed:.25s, $curve:$bezier) { 12 | @include transition(all $speed $curve); 13 | -webkit-transition-property: $props; 14 | transition-property: $props; 15 | } 16 | 17 | @mixin transform($transform,$origin:false) { 18 | -webkit-transform: $transform; 19 | transform: $transform; 20 | @if $origin { 21 | -webkit-transform-origin: $origin; 22 | transform-origin: $origin; 23 | } 24 | } 25 | 26 | @mixin animation($animation) { 27 | -webkit-animation: $animation; 28 | animation: $animation; 29 | } 30 | 31 | @mixin keyframes($name) { 32 | @-webkit-keyframes #{$name} { 33 | @content; 34 | } 35 | @keyframes #{$name} { 36 | @content; 37 | } 38 | } 39 | 40 | 41 | @mixin spin($duration:.5s,$timing: 0s) { 42 | @at-root { 43 | @include keyframes(spin) { 44 | 0% { @include transform(rotate(0)); } 45 | 100% { @include transform(rotate(360deg)); } 46 | } 47 | } 48 | @include animation(spin $duration $timing linear infinite); 49 | } 50 | -------------------------------------------------------------------------------- /_includes/sass/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixin-classes"; 2 | @import "mixin-queries"; 3 | @import "mixin-flex"; 4 | @import "mixin-grid"; 5 | @import "mixin-icons"; 6 | @import "mixin-type"; 7 | @import "mixin-tables"; 8 | @import "mixin-trans"; 9 | @import "mixin-shapes"; 10 | @import "mixin-shadows"; 11 | @import "mixin-spacing"; 12 | @import "mixin-scrolling"; 13 | @import "mixin-backgrounds"; 14 | @import "mixin-effects"; 15 | @import "mixin-limits"; 16 | @import "mixin-ranges"; -------------------------------------------------------------------------------- /_includes/sass/reset/_reset-grid.scss: -------------------------------------------------------------------------------- 1 | .row { 2 | @include flex-row; 3 | @include flex-wrap; 4 | @include flex-align(stretch); 5 | max-width: $laptop; 6 | margin: 0 auto; 7 | &.middle { 8 | @include flex-align(center); 9 | } 10 | } 11 | 12 | [class*="col-"] { 13 | @include flex(1,0,$component-break); 14 | } 15 | 16 | .col { 17 | @for $i from 1 through 12 { 18 | &-#{$i} { min-width: percentage($i/12); } 19 | } 20 | } 21 | 22 | .pad { 23 | padding: $grid-gutter-width/2; 24 | } 25 | 26 | 27 | -------------------------------------------------------------------------------- /_includes/sass/reset/_reset-sanitize.scss: -------------------------------------------------------------------------------- 1 | *, *:before, *:after { 2 | list-style-type: none; 3 | box-sizing: border-box; 4 | vertical-align: baseline; 5 | font-weight: inherit; 6 | font-family: inherit; 7 | font-style: inherit; 8 | font-size: 100%; 9 | outline: 0; 10 | padding: 0; 11 | margin: 0; 12 | border: 0; 13 | } -------------------------------------------------------------------------------- /_includes/sass/reset/reset.scss: -------------------------------------------------------------------------------- 1 | @import "reset-sanitize"; 2 | @import "reset-forms"; 3 | @import "reset-grid"; -------------------------------------------------------------------------------- /_includes/sass/sass.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | $version: 1; 4 | 5 | @import "sass/maths/maths"; 6 | @import "sass/variables/colors-v1"; 7 | @import "sass/variables/variables"; 8 | @import "sass/mixins/mixins"; 9 | 10 | @import "sass/bootstrap/bootstrap-sass"; 11 | 12 | {% if site.arrows %} 13 | @import "sass/fonts/arrows"; 14 | {% endif %} 15 | {% if site.entypo %} 16 | @import "sass/fonts/entypo"; 17 | {% endif %} 18 | 19 | @import "sass/base/base"; 20 | 21 | @import "vendors/jqueryui/jquery-ui-1.12.1/jquery-ui.structure.min"; 22 | @import "sass/widgets/jqueryui"; 23 | 24 | @import "sass/bootstrap/bootstrap"; 25 | @import "sass/components/components"; 26 | @import "sass/layouts/layouts"; 27 | 28 | @import "sass/custom/custom"; 29 | 30 | // Individually import brand-v2 overridden styles from: 31 | // - "sass/base/base" 32 | // - "sass/bootstrap/bootstrap" 33 | // 34 | // brand-v2 may change, and should not be considered a stable api 35 | $version: 2; 36 | 37 | .brand-v2-text-color:not(.ide-dark) { 38 | @import "sass/variables/colors-v2"; 39 | @import "sass/variables/variables"; 40 | 41 | @import "sass/base/color"; 42 | } 43 | 44 | .brand-v2-bg-color:not(.ide-dark) { 45 | @import "sass/variables/colors-v2"; 46 | @import "sass/variables/variables"; 47 | 48 | @import "sass/base/background"; 49 | } 50 | 51 | .brand-v2-label-color:not(.ide-dark) { 52 | @import "sass/variables/colors-v2"; 53 | @import "sass/variables/variables"; 54 | 55 | @import "sass/bootstrap/labels"; 56 | } 57 | 58 | .brand-v2-colors .ide-dark { 59 | @import "sass/variables/dark-mode-colors-v2"; 60 | } -------------------------------------------------------------------------------- /_includes/sass/variables/_colors-v1.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Colors 3 | // -------------------------------------------------- 4 | $red: #ff694b; 5 | $orange: $red; 6 | $yellow: #ffcc00; 7 | $green: #7ec631; 8 | $blue: #00bbbb; 9 | $light-blue: #d4f2f2; 10 | $lighter-blue: #edfafa; 11 | $dark-blue: #009595; 12 | $dark-aqua: #007b7b; 13 | $purple: #7f6cc5; 14 | $navy: #005e7a; 15 | $gray: #8b969e; 16 | $dark-gray: #1e1e1e; 17 | $light-gray: #5e666c; 18 | $lighter-gray: #8b969e; 19 | $lightest-gray: #f9fafb; 20 | $dark-green: #164949; 21 | $silver: #f0f2f4; 22 | $off-black: #313539; 23 | $outline: rgba(0,30,60,.03); -------------------------------------------------------------------------------- /_includes/sass/variables/_colors-v2.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Colors 3 | // -------------------------------------------------- 4 | $red: #e21b10; 5 | $orange: #ff5722; 6 | $yellow: #ffcc00; // v1 7 | $green: #3a8717; 8 | $blue: #00bbbb; // v1 9 | $light-blue: #d4f2f2; 10 | $lighter-blue: #edfafa; 11 | $dark-blue: #009595; 12 | $dark-aqua: #007b7b; 13 | $purple: #7f6cc5; // v1 14 | $navy: #005e7a; // v1 15 | $gray: #8b969e; // v1 & v2 16 | $dark-gray: #1e1e1e; 17 | $light-gray: #5e666c; 18 | $lighter-gray: #8b969e; 19 | $lightest-gray: #f9fafb; 20 | $dark-green: #164949; 21 | $light-green: #5fb825; 22 | $silver: #f0f2f4; // v1 23 | $off-black: #313539; 24 | $outline: rgba(0,30,60,.03); -------------------------------------------------------------------------------- /_includes/sass/variables/_dark-mode-colors-v2.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Colors 3 | // -------------------------------------------------- 4 | $red: #e21b10; 5 | $orange: #ff5722; 6 | $yellow: #ffcc00; // v1 7 | $green: rgba(0, 204, 204, 0.25); 8 | $blue: #00bbbb; 9 | $light-blue: #d4f2f2; 10 | $lighter-blue: #edfafa; 11 | $dark-blue: #009595; 12 | $dark-aqua: #007b7b; 13 | $purple: #7f6cc5; // v1 14 | $navy: #005e7a; // v1 15 | $gray: #444444; 16 | $dark-gray: #1e1e1e; 17 | $light-gray: #3e3e3e; 18 | $lighter-gray: #8b969e; 19 | $lightest-gray: #f9fafb; 20 | $dark-green: #164949; 21 | $light-green: #5fb825; 22 | $silver: #f0f2f4; // v1 23 | $off-black: #313539; 24 | $outline: rgba(0,30,60,.03); -------------------------------------------------------------------------------- /_includes/scripts/app.js: -------------------------------------------------------------------------------- 1 | $('[data-toggle]').on('click',function(){ 2 | $($(this).attr('data-toggle')).toggleClass('in'); 3 | }); 4 | 5 | $('.menu a').on('click',function(e){ 6 | switch ( true ) { 7 | case ( $(this).hasClass('menu-tree') ) : 8 | //$(this).closest('li').siblings().children('a.menu-tree').removeClass('active'); 9 | $(this).toggleClass('active'); 10 | break; 11 | case ( $(this).hasClass('menu-node') || $(this).hasClass('menu-link') ) : 12 | $('.menu-node, .menu-link').removeClass('active'); 13 | $(this).addClass('active'); 14 | $('.app-menu').removeClass('in'); 15 | //console.log(e.target.href) 16 | //console.log(window.location.href) 17 | if ( window.location.href.replace(e.target.href,'') == '/' ) { 18 | return false; 19 | } 20 | break; 21 | } 22 | }); 23 | 24 | $('[data-search]').on('keyup focus blur',function(){ 25 | var val = $(this).val(); 26 | var searching = ( val || $(this).is(':focus') ); 27 | var selector_search = '[data-search-close], [data-search-content]'; 28 | var selector_results = '[data-search-results]'; 29 | var selector_content = '[data-content]'; 30 | $( searching ? selector_search : selector_content ).removeAttr('hidden'); 31 | $( !searching ? selector_search : selector_content ).attr('hidden',true); 32 | if ( val ) { $(selector_results).removeAttr('hidden'); } else { $(selector_results).attr('hidden',true); } 33 | $('.menu-node').toggleClass('not-active',(searching?true:false)); 34 | $('[data-search-title]').html(val); 35 | $('[data-search-count]').html(val?5:0); 36 | }); 37 | 38 | $('[data-search-close]').on('click',function(){ 39 | $('[data-search]').val('').trigger('keyup'); 40 | }); -------------------------------------------------------------------------------- /_includes/scripts/bootstrap.js: -------------------------------------------------------------------------------- 1 | 2 | // 3 | // Collapse 4 | // -------------------------------------------------- 5 | 6 | $(document).on('click','[data-toggle="collapse"]',function(e) { 7 | e.preventDefault(); 8 | }); 9 | 10 | // 11 | // Tooltips 12 | // -------------------------------------------------- 13 | 14 | if ( !is_touch() ) { 15 | $(document).tooltip({ 16 | selector: '[data-toggle="tooltip"]', 17 | placement: function(tip,element){ 18 | return ( $(element).attr('data-placement') ) ? $(element).attr('data-placement') : 'auto'; 19 | }, 20 | container: 'body' 21 | }); 22 | } 23 | 24 | // 25 | // Popover 26 | // -------------------------------------------------- 27 | $(document).ready(function(){ 28 | $('[data-toggle=popover]').popover({container: 'body', html: true}); 29 | }) 30 | 31 | // 32 | // Carousels 33 | // -------------------------------------------------- 34 | $(document).ready(function(){ 35 | $('[data-carousel]').carousel(); 36 | }); 37 | -------------------------------------------------------------------------------- /_includes/scripts/jqueryui.js: -------------------------------------------------------------------------------- 1 | // 2 | // Datepicker 3 | // -------------------------------------------------- 4 | 5 | function activate_datepicker(element,action) { 6 | element.datepicker({ 7 | beforeShow: function (input,inst) { var timer = setTimeout( function(){ $('#ui-datepicker-div').addClass('ui-widget-active'); } , 1 ); }, 8 | onClose: function (input,inst) { $('#ui-datepicker-div').removeClass('ui-widget-active'); } 9 | }); 10 | element.datepicker('show'); 11 | } 12 | 13 | $(document).on('focus','.form-control[data-toggle="datepicker"]', function(){ 14 | activate_datepicker($(this)); 15 | }); 16 | 17 | $(document).on('click','a[data-toggle="datepicker"]', function(e){ 18 | var target = $($(this).attr('data-target')); 19 | activate_datepicker(target,'show'); 20 | e.preventDefault(); 21 | }); 22 | 23 | // 24 | // Autocomplete 25 | // -------------------------------------------------- 26 | 27 | $.extend($.ui.autocomplete.prototype.options, { 28 | open: function(event, ui) { 29 | $(this).autocomplete("widget").css({ 30 | "width": ($(this).outerWidth() + "px") 31 | }); 32 | } 33 | }); 34 | 35 | $(document).ready(function(){ 36 | $('[data-toggle="autocomplete"]').each(function(){ 37 | var source = $(this).data('autocomplete-source'); 38 | if ( source ) { 39 | $(this).autocomplete({ source: eval('('+source+')') }); 40 | } 41 | }); 42 | }); -------------------------------------------------------------------------------- /_includes/settings/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | {% comment %} SCRIPTS {% endcomment %} 3 | -------------------------------------------------------------------------------- /_includes/settings/styles.html: -------------------------------------------------------------------------------- 1 | {% if site.inliner and jekyll.environment == 'production' %} 2 | 3 | {% else %} 4 | 5 | {% endif %} -------------------------------------------------------------------------------- /_includes/styles/spec.html: -------------------------------------------------------------------------------- 1 |

{{ entry.title | capitalize }} open

2 |
3 |
4 |
5 | {% capture baseui %}="{{site.baseurl}}/ui{% endcapture %} 6 | {{ entry.content | markdownify | replace: '="/ui',baseui }} 7 |
8 |
9 |
10 | view code 15 |
16 | 21 |
-------------------------------------------------------------------------------- /_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-3.3.7/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | .sass-cache 3 | bootstrap.css 4 | bootstrap-responsive.css 5 | Gemfile.lock 6 | *.gemfile.lock 7 | .rvmrc 8 | .rbenv-version 9 | 10 | # Ignore bundler config 11 | /.bundle 12 | /vendor/cache 13 | /vendor/bundle 14 | tmp/ 15 | test/screenshots/ 16 | test/dummy_rails/log/*.log 17 | test/dummy_rails/public/assets/ 18 | .DS_Store 19 | node_modules 20 | /.idea 21 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/.travis.yml: -------------------------------------------------------------------------------- 1 | language: ruby 2 | cache: bundler 3 | bundler_args: --path ../../vendor/bundle --without debug 4 | rvm: 5 | - 2.2.3 6 | gemfile: 7 | - test/gemfiles/rails_head.gemfile 8 | - test/gemfiles/sass_3_3.gemfile 9 | - test/gemfiles/sass_3_4.gemfile 10 | - test/gemfiles/sass_head.gemfile 11 | before_install: 12 | - "nvm install stable" 13 | - "npm install" 14 | matrix: 15 | allow_failures: 16 | - gemfile: test/gemfiles/rails_head.gemfile 17 | - gemfile: test/gemfiles/sass_head.gemfile 18 | notifications: 19 | slack: heybb:3n88HHilXn76ji9vV4gL819Y 20 | env: 21 | global: 22 | - VERBOSE=1 23 | script: 24 | bundle exec rake && sh test/*.sh 25 | sudo: false 26 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gemspec 4 | 5 | # Compass for the dummy app 6 | gem 'compass', require: false 7 | 8 | group :development do 9 | gem 'byebug', platforms: [:mri_21, :mri_22], require: false 10 | end 11 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/assets/images/.keep -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/javascripts/bootstrap-sprockets.js: -------------------------------------------------------------------------------- 1 | //= require ./bootstrap/transition 2 | //= require ./bootstrap/alert 3 | //= require ./bootstrap/button 4 | //= require ./bootstrap/carousel 5 | //= require ./bootstrap/collapse 6 | //= require ./bootstrap/dropdown 7 | //= require ./bootstrap/modal 8 | //= require ./bootstrap/tab 9 | //= require ./bootstrap/affix 10 | //= require ./bootstrap/scrollspy 11 | //= require ./bootstrap/tooltip 12 | //= require ./bootstrap/popover 13 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/_bootstrap-compass.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-url($path, true); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-url($path, true); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/_bootstrap-mincer.scss: -------------------------------------------------------------------------------- 1 | // Mincer asset helper functions 2 | // 3 | // This must be imported into a .css.ejs.scss file. 4 | // Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation. 5 | 6 | 7 | @function twbs-font-path($path) { 8 | // do something like following 9 | // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>" 10 | // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>" 11 | // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>" 12 | @return "<%- asset_path("#{$path}".replace(/[#?].*$/, '')) + "#{$path}".replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>"; 13 | } 14 | 15 | @function twbs-image-path($file) { 16 | @return "<%- asset_path("#{$file}") %>"; 17 | } 18 | 19 | $bootstrap-sass-asset-helper: true; 20 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-path($path); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-path($path); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: $font-size-small; 12 | font-weight: $badge-font-weight; 13 | color: $badge-color; 14 | line-height: $badge-line-height; 15 | vertical-align: middle; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: $badge-bg; 19 | border-radius: $badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // [converter] extracted a& to a.badge 39 | 40 | // Account for badges in navs 41 | .list-group-item.active > &, 42 | .nav-pills > .active > a > & { 43 | color: $badge-active-color; 44 | background-color: $badge-active-bg; 45 | } 46 | 47 | .list-group-item > & { 48 | float: right; 49 | } 50 | 51 | .list-group-item > & + & { 52 | margin-right: 5px; 53 | } 54 | 55 | .nav-pills > li > a > & { 56 | margin-left: 3px; 57 | } 58 | } 59 | 60 | // Hover state, but only for links 61 | a.badge { 62 | &:hover, 63 | &:focus { 64 | color: $badge-link-hover-color; 65 | text-decoration: none; 66 | cursor: pointer; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 18 | $nbsp: "\00a0"; 19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 20 | padding: 0 5px; 21 | color: $breadcrumb-color; 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: ($font-size-base * 1.5); 9 | font-weight: $close-font-weight; 10 | line-height: 1; 11 | color: $close-color; 12 | text-shadow: $close-text-shadow; 13 | @include opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: $close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | @include opacity(.5); 21 | } 22 | 23 | // [converter] extracted button& to button.close 24 | } 25 | 26 | // Additional properties for button version 27 | // iOS requires the button element instead of an anchor tag. 28 | // If you want the anchor version, it requires `href="#"`. 29 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 30 | button.close { 31 | padding: 0; 32 | cursor: pointer; 33 | background: transparent; 34 | border: 0; 35 | -webkit-appearance: none; 36 | } 37 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | @include transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | // [converter] extracted tr&.in to tr.collapse.in 23 | // [converter] extracted tbody&.in to tbody.collapse.in 24 | } 25 | 26 | tr.collapse.in { display: table-row; } 27 | 28 | tbody.collapse.in { display: table-row-group; } 29 | 30 | .collapsing { 31 | position: relative; 32 | height: 0; 33 | overflow: hidden; 34 | @include transition-property(height, visibility); 35 | @include transition-duration(.35s); 36 | @include transition-timing-function(ease); 37 | } 38 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: $jumbotron-padding; 8 | padding-bottom: $jumbotron-padding; 9 | margin-bottom: $jumbotron-padding; 10 | color: $jumbotron-color; 11 | background-color: $jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: $jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: ($jumbotron-padding / 2); 20 | font-size: $jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken($jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | padding-left: ($grid-gutter-width / 2); 32 | padding-right: ($grid-gutter-width / 2); 33 | } 34 | 35 | .container { 36 | max-width: 100%; 37 | } 38 | 39 | @media screen and (min-width: $screen-sm-min) { 40 | padding-top: ($jumbotron-padding * 1.6); 41 | padding-bottom: ($jumbotron-padding * 1.6); 42 | 43 | .container &, 44 | .container-fluid & { 45 | padding-left: ($jumbotron-padding * 2); 46 | padding-right: ($jumbotron-padding * 2); 47 | } 48 | 49 | h1, 50 | .h1 { 51 | font-size: $jumbotron-heading-font-size; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: $label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // [converter] extracted a& to a.label 18 | 19 | // Empty labels collapse automatically (not available in IE8) 20 | &:empty { 21 | display: none; 22 | } 23 | 24 | // Quick fix for labels in buttons 25 | .btn & { 26 | position: relative; 27 | top: -1px; 28 | } 29 | } 30 | 31 | // Add hover effects, but only for links 32 | a.label { 33 | &:hover, 34 | &:focus { 35 | color: $label-link-hover-color; 36 | text-decoration: none; 37 | cursor: pointer; 38 | } 39 | } 40 | 41 | // Colors 42 | // Contextual variations (linked labels get darker on :hover) 43 | 44 | .label-default { 45 | @include label-variant($label-default-bg); 46 | } 47 | 48 | .label-primary { 49 | @include label-variant($label-primary-bg); 50 | } 51 | 52 | .label-success { 53 | @include label-variant($label-success-bg); 54 | } 55 | 56 | .label-info { 57 | @include label-variant($label-info-bg); 58 | } 59 | 60 | .label-warning { 61 | @include label-variant($label-warning-bg); 62 | } 63 | 64 | .label-danger { 65 | @include label-variant($label-danger-bg); 66 | } 67 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | 23 | // Fix collapse in webkit from max-width: 100% and display: table-cell. 24 | &.img-thumbnail { 25 | max-width: none; 26 | } 27 | } 28 | 29 | .media-right, 30 | .media > .pull-right { 31 | padding-left: 10px; 32 | } 33 | 34 | .media-left, 35 | .media > .pull-left { 36 | padding-right: 10px; 37 | } 38 | 39 | .media-left, 40 | .media-right, 41 | .media-body { 42 | display: table-cell; 43 | vertical-align: top; 44 | } 45 | 46 | .media-middle { 47 | vertical-align: middle; 48 | } 49 | 50 | .media-bottom { 51 | vertical-align: bottom; 52 | } 53 | 54 | // Reset margins on headings for tighter default spacing 55 | .media-heading { 56 | margin-top: 0; 57 | margin-bottom: 5px; 58 | } 59 | 60 | // Media list variation 61 | // 62 | // Undo default ul/ol styles 63 | .media-list { 64 | padding-left: 0; 65 | list-style: none; 66 | } 67 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text"; 6 | @import "mixins/opacity"; 7 | @import "mixins/image"; 8 | @import "mixins/labels"; 9 | @import "mixins/reset-filter"; 10 | @import "mixins/resize"; 11 | @import "mixins/responsive-visibility"; 12 | @import "mixins/size"; 13 | @import "mixins/tab-focus"; 14 | @import "mixins/reset-text"; 15 | @import "mixins/text-emphasis"; 16 | @import "mixins/text-overflow"; 17 | @import "mixins/vendor-prefixes"; 18 | 19 | // Components 20 | @import "mixins/alerts"; 21 | @import "mixins/buttons"; 22 | @import "mixins/panels"; 23 | @import "mixins/pagination"; 24 | @import "mixins/list-group"; 25 | @import "mixins/nav-divider"; 26 | @import "mixins/forms"; 27 | @import "mixins/progress-bar"; 28 | @import "mixins/table-row"; 29 | 30 | // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/gradients"; 34 | 35 | // Layout 36 | @import "mixins/clearfix"; 37 | @import "mixins/center-block"; 38 | @import "mixins/nav-vertical-align"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: $line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | @include clearfix; 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: $pager-bg; 19 | border: 1px solid $pager-border; 20 | border-radius: $pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: $pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: $pager-disabled-color; 50 | background-color: $pager-bg; 51 | cursor: $cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object, 16 | video { 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | bottom: 0; 21 | height: 100%; 22 | width: 100%; 23 | border: 0; 24 | } 25 | } 26 | 27 | // Modifier class for 16:9 aspect ratio 28 | .embed-responsive-16by9 { 29 | padding-bottom: 56.25%; 30 | } 31 | 32 | // Modifier class for 4:3 aspect ratio 33 | .embed-responsive-4by3 { 34 | padding-bottom: 75%; 35 | } 36 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: $thumbnail-padding; 10 | margin-bottom: $line-height-computed; 11 | line-height: $line-height-base; 12 | background-color: $thumbnail-bg; 13 | border: 1px solid $thumbnail-border; 14 | border-radius: $thumbnail-border-radius; 15 | @include transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | @include img-responsive; 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active 25 | 26 | // Image captions 27 | .caption { 28 | padding: $thumbnail-caption-padding; 29 | color: $thumbnail-caption-color; 30 | } 31 | } 32 | 33 | // Add a hover state for linked versions only 34 | a.thumbnail:hover, 35 | a.thumbnail:focus, 36 | a.thumbnail.active { 37 | border-color: $link-color; 38 | } 39 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | @include clearfix; 11 | } 12 | .center-block { 13 | @include center-block; 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | @include text-hide; 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | } 48 | 49 | 50 | // For Affix plugin 51 | // ------------------------- 52 | 53 | .affix { 54 | position: fixed; 55 | } 56 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: $well-bg; 12 | border: 1px solid $well-border; 13 | border-radius: $border-radius-base; 14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: $border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: $border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | @mixin alert-variant($background, $border, $text-color) { 4 | background-color: $background; 5 | border-color: $border; 6 | color: $text-color; 7 | 8 | hr { 9 | border-top-color: darken($border, 5%); 10 | } 11 | .alert-link { 12 | color: darken($text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | // [converter] $parent hack 4 | @mixin bg-variant($parent, $color) { 5 | #{$parent} { 6 | background-color: $color; 7 | } 8 | a#{$parent}:hover, 9 | a#{$parent}:focus { 10 | background-color: darken($color, 10%); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-top-radius($radius) { 4 | border-top-right-radius: $radius; 5 | border-top-left-radius: $radius; 6 | } 7 | @mixin border-right-radius($radius) { 8 | border-bottom-right-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | @mixin border-bottom-radius($radius) { 12 | border-bottom-right-radius: $radius; 13 | border-bottom-left-radius: $radius; 14 | } 15 | @mixin border-left-radius($radius) { 16 | border-bottom-left-radius: $radius; 17 | border-top-left-radius: $radius; 18 | } 19 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | @mixin center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | @mixin clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (has been removed in v4) 10 | @mixin hide-text() { 11 | font: 0/0 a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | @mixin text-hide() { 20 | @include hide-text; 21 | } 22 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | @mixin img-responsive($display: block) { 10 | display: $display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 21 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}")); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}")); 31 | background-size: $width-1x $height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss: -------------------------------------------------------------------------------- 1 | // Labels 2 | 3 | @mixin label-variant($color) { 4 | background-color: $color; 5 | 6 | &[href] { 7 | &:hover, 8 | &:focus { 9 | background-color: darken($color, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state} 9 | } 10 | 11 | a.list-group-item-#{$state}, 12 | button.list-group-item-#{$state} { 13 | color: $color; 14 | 15 | .list-group-item-heading { 16 | color: inherit; 17 | } 18 | 19 | &:hover, 20 | &:focus { 21 | color: $color; 22 | background-color: darken($background, 5%); 23 | } 24 | &.active, 25 | &.active:hover, 26 | &.active:focus { 27 | color: #fff; 28 | background-color: $color; 29 | border-color: $color; 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: #e5e5e5) { 6 | height: 1px; 7 | margin: (($line-height-computed / 2) - 1) 0; 8 | overflow: hidden; 9 | background-color: $color; 10 | } 11 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | @mixin navbar-vertical-align($element-height) { 7 | margin-top: (($navbar-height - $element-height) / 2); 8 | margin-bottom: (($navbar-height - $element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | @mixin opacity($opacity) { 4 | opacity: $opacity; 5 | // IE8 filter 6 | $opacity-ie: ($opacity * 100); 7 | filter: alpha(opacity=$opacity-ie); 8 | } 9 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { 4 | > li { 5 | > a, 6 | > span { 7 | padding: $padding-vertical $padding-horizontal; 8 | font-size: $font-size; 9 | line-height: $line-height; 10 | } 11 | &:first-child { 12 | > a, 13 | > span { 14 | @include border-left-radius($border-radius); 15 | } 16 | } 17 | &:last-child { 18 | > a, 19 | > span { 20 | @include border-right-radius($border-radius); 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) { 4 | border-color: $border; 5 | 6 | & > .panel-heading { 7 | color: $heading-text-color; 8 | background-color: $heading-bg-color; 9 | border-color: $heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: $border; 13 | } 14 | .badge { 15 | color: $heading-bg-color; 16 | background-color: $heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: $border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss: -------------------------------------------------------------------------------- 1 | // Progress bars 2 | 3 | @mixin progress-bar-variant($color) { 4 | background-color: $color; 5 | 6 | // Deprecated parent class requirement as of v3.2.0 7 | .progress-striped & { 8 | @include gradient-striped; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | @mixin reset-filter() { 7 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 8 | } 9 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text() { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size. 4 | font-style: normal; 5 | font-weight: normal; 6 | letter-spacing: normal; 7 | line-break: auto; 8 | line-height: $line-height-base; 9 | text-align: left; // Fallback for where `start` is not supported 10 | text-align: start; 11 | text-decoration: none; 12 | text-shadow: none; 13 | text-transform: none; 14 | white-space: normal; 15 | word-break: normal; 16 | word-spacing: normal; 17 | word-wrap: normal; 18 | } 19 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | resize: $direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 6 | } 7 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | // [converter] $parent hack 6 | @mixin responsive-visibility($parent) { 7 | #{$parent} { 8 | display: block !important; 9 | } 10 | table#{$parent} { display: table !important; } 11 | tr#{$parent} { display: table-row !important; } 12 | th#{$parent}, 13 | td#{$parent} { display: table-cell !important; } 14 | } 15 | 16 | // [converter] $parent hack 17 | @mixin responsive-invisibility($parent) { 18 | #{$parent} { 19 | display: none !important; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height) { 4 | width: $width; 5 | height: $height; 6 | } 7 | 8 | @mixin square($size) { 9 | @include size($size, $size); 10 | } 11 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | @mixin tab-focus() { 4 | // WebKit-specific. Other browsers will keep their default outline style. 5 | // (Initially tried to also force default via `outline: initial`, 6 | // but that seems to erroneously remove the outline in Firefox altogether.) 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.#{$state}, 10 | > th.#{$state}, 11 | &.#{$state} > td, 12 | &.#{$state} > th { 13 | background-color: $background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.#{$state}:hover, 21 | > th.#{$state}:hover, 22 | &.#{$state}:hover > td, 23 | &:hover > .#{$state}, 24 | &.#{$state}:hover > th { 25 | background-color: darken($background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | // [converter] $parent hack 4 | @mixin text-emphasis-variant($parent, $color) { 5 | #{$parent} { 6 | color: $color; 7 | } 8 | a#{$parent}:hover, 9 | a#{$parent}:focus { 10 | color: darken($color, 10%); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/bootstrap-sass.gemspec: -------------------------------------------------------------------------------- 1 | lib = File.expand_path('../lib', __FILE__) 2 | $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib) 3 | require 'bootstrap-sass/version' 4 | 5 | Gem::Specification.new do |s| 6 | s.name = 'bootstrap-sass' 7 | s.version = Bootstrap::VERSION 8 | s.authors = ['Thomas McDonald'] 9 | s.email = 'tom@conceptcoding.co.uk' 10 | s.summary = 'bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.' 11 | s.homepage = 'https://github.com/twbs/bootstrap-sass' 12 | s.license = 'MIT' 13 | 14 | s.add_runtime_dependency 'sass', '>= 3.3.4' 15 | s.add_runtime_dependency 'autoprefixer-rails', '>= 5.2.1' 16 | 17 | # Testing dependencies 18 | s.add_development_dependency 'minitest', '~> 5.8' 19 | s.add_development_dependency 'minitest-reporters', '~> 1.1' 20 | # Integration testing 21 | s.add_development_dependency 'capybara', '>= 2.5.0' 22 | s.add_development_dependency 'poltergeist' 23 | # Dummy Rails app dependencies 24 | s.add_development_dependency 'actionpack', '>= 4.1.5' 25 | s.add_development_dependency 'activesupport', '>= 4.1.5' 26 | s.add_development_dependency 'json', '>= 1.8.1' 27 | s.add_development_dependency 'sprockets-rails', '>= 2.1.3' 28 | s.add_development_dependency 'jquery-rails', '>= 3.1.0' 29 | s.add_development_dependency 'slim-rails' 30 | s.add_development_dependency 'uglifier' 31 | # Converter 32 | s.add_development_dependency 'term-ansicolor' 33 | 34 | s.files = `git ls-files`.split("\n") 35 | s.test_files = `git ls-files -- test/*`.split("\n") 36 | end 37 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-sass", 3 | "homepage": "https://github.com/twbs/bootstrap-sass", 4 | "authors": [ 5 | "Thomas McDonald", 6 | "Tristan Harward", 7 | "Peter Gumeson", 8 | "Gleb Mazovetskiy" 9 | ], 10 | "description": "bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.", 11 | "moduleType": "globals", 12 | "main": [ 13 | "assets/stylesheets/_bootstrap.scss", 14 | "assets/javascripts/bootstrap.js" 15 | ], 16 | "keywords": [ 17 | "twbs", 18 | "bootstrap", 19 | "sass" 20 | ], 21 | "license": "MIT", 22 | "ignore": [ 23 | "**/.*", 24 | "lib", 25 | "tasks", 26 | "templates", 27 | "test", 28 | "*.gemspec", 29 | "Rakefile", 30 | "Gemfile" 31 | ], 32 | "dependencies": { 33 | "jquery": "1.9.1 - 3" 34 | }, 35 | "version": "3.3.7" 36 | } 37 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "twbs/bootstrap-sass", 3 | "description": "bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.", 4 | "keywords": ["bootstrap", "css", "sass"], 5 | "homepage": "http://github.com/twbs/bootstrap-sass", 6 | "authors": [ 7 | { 8 | "name": "Thomas McDonald" 9 | }, 10 | { 11 | "name": "Tristan Harward" 12 | }, 13 | { 14 | "name": "Peter Gumeson" 15 | }, 16 | { 17 | "name": "Gleb Mazovetskiy" 18 | }, 19 | { 20 | "name": "Mark Otto" 21 | }, 22 | { 23 | "name": "Jacob Thornton" 24 | } 25 | ], 26 | "support": { 27 | "issues": "https://github.com/twbs/bootstrap-sass/issues" 28 | }, 29 | "license": "MIT", 30 | "extra": { 31 | "branch-alias": { 32 | "dev-master": "3.3.x-dev" 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/eyeglass-exports.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | 3 | module.exports = function(eyeglass, sass) { 4 | return { 5 | sassDir: path.join(__dirname, 'assets/stylesheets') 6 | } 7 | }; 8 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/lib/bootstrap-sass/engine.rb: -------------------------------------------------------------------------------- 1 | module Bootstrap 2 | module Rails 3 | class Engine < ::Rails::Engine 4 | initializer 'bootstrap-sass.assets.precompile' do |app| 5 | %w(stylesheets javascripts fonts images).each do |sub| 6 | app.config.assets.paths << root.join('assets', sub).to_s 7 | end 8 | 9 | # sprockets-rails 3 tracks down the calls to `font_path` and `image_path` 10 | # and automatically precompiles the referenced assets. 11 | unless Sprockets::Rails::VERSION.split('.', 2)[0].to_i >= 3 12 | app.config.assets.precompile << %r(bootstrap/glyphicons-halflings-regular\.(?:eot|svg|ttf|woff2?)$) 13 | end 14 | end 15 | end 16 | end 17 | end 18 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/lib/bootstrap-sass/version.rb: -------------------------------------------------------------------------------- 1 | module Bootstrap 2 | VERSION = '3.3.7' 3 | BOOTSTRAP_SHA = '0b9c4a4007c44201dce9a6cc1a38407005c26c86' 4 | end 5 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-sass", 3 | "version": "3.3.7", 4 | "description": "bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.", 5 | "main": "assets/javascripts/bootstrap.js", 6 | "style": "assets/stylesheets/_bootstrap.scss", 7 | "sass": "assets/stylesheets/_bootstrap.scss", 8 | "files": [ 9 | "assets", 10 | "eyeglass-exports.js", 11 | "CHANGELOG.md", 12 | "LICENSE", 13 | "README.md" 14 | ], 15 | "repository": { 16 | "type": "git", 17 | "url": "git://github.com/twbs/bootstrap-sass" 18 | }, 19 | "keywords": [ 20 | "bootstrap", 21 | "sass", 22 | "css", 23 | "eyeglass-module" 24 | ], 25 | "contributors": [ 26 | "Thomas McDonald", 27 | "Tristan Harward", 28 | "Peter Gumeson", 29 | "Gleb Mazovetskiy" 30 | ], 31 | "license": "MIT", 32 | "bugs": { 33 | "url": "https://github.com/twbs/bootstrap-sass/issues" 34 | }, 35 | "devDependencies": { 36 | "node-sass": "^3.8.0", 37 | "mincer": "~1.4.0", 38 | "ejs": "~2.4.2" 39 | }, 40 | "eyeglass": { 41 | "exports": "eyeglass-exports.js", 42 | "needs": "^0.7.1" 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/sache.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-sass", 3 | "description": "bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.", 4 | "tags": ["bootstrap", "grid", "typography", "buttons", "ui", "responsive-web-design"] 5 | } 6 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/tasks/bower.rake: -------------------------------------------------------------------------------- 1 | require 'find' 2 | require 'json' 3 | require 'pathname' 4 | 5 | namespace :bower do 6 | 7 | find_files = ->(path) { 8 | Find.find(Pathname.new(path).relative_path_from(Pathname.new Dir.pwd).to_s).map do |path| 9 | path if File.file?(path) 10 | end.compact 11 | } 12 | 13 | desc 'update main and version in bower.json' 14 | task :generate do 15 | require 'bootstrap-sass' 16 | Dir.chdir Bootstrap.gem_path do 17 | spec = JSON.parse(File.read 'bower.json') 18 | 19 | spec['main'] = 20 | find_files.(File.join(Bootstrap.stylesheets_path, '_bootstrap.scss')) + 21 | find_files.(Bootstrap.fonts_path) + 22 | %w(assets/javascripts/bootstrap.js) 23 | 24 | spec['version'] = Bootstrap::VERSION 25 | 26 | File.open('bower.json', 'w') do |f| 27 | f.puts JSON.pretty_generate(spec) 28 | end 29 | end 30 | end 31 | end 32 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/tasks/converter/char_string_scanner.rb: -------------------------------------------------------------------------------- 1 | # regular string scanner works with bytes 2 | # this one works with chars and provides #scan_next 3 | class Converter 4 | class CharStringScanner 5 | extend Forwardable 6 | 7 | def initialize(*args) 8 | @s = StringScanner.new(*args) 9 | end 10 | 11 | def_delegators :@s, :scan_until, :skip_until, :string 12 | 13 | # advance scanner to pos after the next match of pattern and return the match 14 | def scan_next(pattern) 15 | return unless @s.scan_until(pattern) 16 | @s.matched 17 | end 18 | 19 | def pos 20 | byte_to_str_pos @s.pos 21 | end 22 | 23 | def pos=(i) 24 | @s.pos = str_to_byte_pos i 25 | i 26 | end 27 | 28 | private 29 | 30 | def byte_to_str_pos(pos) 31 | @s.string.byteslice(0, pos).length 32 | end 33 | 34 | def str_to_byte_pos(pos) 35 | @s.string.slice(0, pos).bytesize 36 | end 37 | end 38 | end -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/tasks/converter/fonts_conversion.rb: -------------------------------------------------------------------------------- 1 | class Converter 2 | module FontsConversion 3 | def process_font_assets 4 | log_status 'Processing fonts...' 5 | files = read_files('fonts', bootstrap_font_files) 6 | save_to = @save_to[:fonts] 7 | files.each do |name, content| 8 | save_file "#{save_to}/#{name}", content 9 | end 10 | end 11 | 12 | def bootstrap_font_files 13 | @bootstrap_font_files ||= get_paths_by_type('fonts', /\.(eot|svg|ttf|woff2?)$/) 14 | end 15 | end 16 | end 17 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/tasks/converter/js_conversion.rb: -------------------------------------------------------------------------------- 1 | class Converter 2 | module JsConversion 3 | def process_javascript_assets 4 | log_status 'Processing javascripts...' 5 | save_to = @save_to[:js] 6 | contents = {} 7 | read_files('js', bootstrap_js_files).each do |name, file| 8 | contents[name] = file 9 | save_file("#{save_to}/#{name}", file) 10 | end 11 | log_processed "#{bootstrap_js_files * ' '}" 12 | 13 | log_status 'Updating javascript manifest' 14 | manifest = '' 15 | bootstrap_js_files.each do |name| 16 | name = name.gsub(/\.js$/, '') 17 | manifest << "//= require ./bootstrap/#{name}\n" 18 | end 19 | dist_js = read_files('dist/js', %w(bootstrap.js bootstrap.min.js)) 20 | { 21 | 'assets/javascripts/bootstrap-sprockets.js' => manifest, 22 | 'assets/javascripts/bootstrap.js' => dist_js['bootstrap.js'], 23 | 'assets/javascripts/bootstrap.min.js' => dist_js['bootstrap.min.js'], 24 | }.each do |path, content| 25 | save_file path, content 26 | log_processed path 27 | end 28 | end 29 | 30 | def bootstrap_js_files 31 | @bootstrap_js_files ||= begin 32 | files = get_paths_by_type('js', /\.js$/).reject { |path| path =~ %r(^tests/) } 33 | files.sort_by { |f| 34 | case f 35 | # tooltip depends on popover and must be loaded earlier 36 | when /tooltip/ then 37 | 1 38 | when /popover/ then 39 | 2 40 | else 41 | 0 42 | end 43 | } 44 | end 45 | end 46 | end 47 | end 48 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/tasks/converter/logger.rb: -------------------------------------------------------------------------------- 1 | class Converter 2 | class Logger 3 | include Term::ANSIColor 4 | 5 | def log_status(status) 6 | puts bold status 7 | end 8 | 9 | def log_file_info(s) 10 | puts " #{magenta s}" 11 | end 12 | 13 | def log_transform(*args, from: caller[1][/`.*'/][1..-2].sub(/^block in /, '')) 14 | puts " #{cyan from}#{cyan ": #{args * ', '}" unless args.empty?}" 15 | end 16 | 17 | def log_processing(name) 18 | puts yellow " #{File.basename(name)}" 19 | end 20 | 21 | def log_processed(name) 22 | puts green " #{name}" 23 | end 24 | 25 | def log_http_get_file(url, cached = false) 26 | s = " #{'CACHED ' if cached}GET #{url}..." 27 | if cached 28 | puts dark green s 29 | else 30 | puts dark cyan s 31 | end 32 | end 33 | 34 | def log_http_get_files(files, from, cached = false) 35 | return if files.empty? 36 | s = " #{'CACHED ' if cached}GET #{files.length} files from #{from} #{files * ' '}..." 37 | if cached 38 | puts dark green s 39 | else 40 | puts dark cyan s 41 | end 42 | end 43 | 44 | def puts(*args) 45 | STDERR.puts *args unless @silence 46 | end 47 | 48 | alias log puts 49 | 50 | def silence_log 51 | @silence = true 52 | yield 53 | ensure 54 | @silence = false 55 | end 56 | end 57 | end 58 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/templates/project/manifest.rb: -------------------------------------------------------------------------------- 1 | description 'Bootstrap for Sass' 2 | 3 | # Stylesheet importing bootstrap 4 | stylesheet 'styles.sass' 5 | 6 | # Bootstrap variable overrides file 7 | stylesheet '_bootstrap-variables.sass', :to => '_bootstrap-variables.sass' 8 | 9 | # Copy JS and fonts 10 | manifest = Pathname.new(File.dirname(__FILE__)) 11 | assets = File.expand_path('../../assets', manifest) 12 | {:javascript => 'javascripts', 13 | :font => 'fonts' 14 | }.each do |method, dir| 15 | root = Pathname.new(assets).join(dir) 16 | Dir.glob root.join('**', '*.*') do |path| 17 | path = Pathname.new(path) 18 | send method, path.relative_path_from(manifest).to_s, :to => path.relative_path_from(root).to_s 19 | end 20 | end 21 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/templates/project/styles.sass: -------------------------------------------------------------------------------- 1 | // Import Bootstrap Compass integration 2 | @import "bootstrap-compass" 3 | // Import custom Bootstrap variables 4 | @import "bootstrap-variables" 5 | // Import Bootstrap for Sass 6 | @import "bootstrap" 7 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/compass_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class CompassTest < Minitest::Test 4 | def test_create_project 5 | command = 'rm -rf tmp/new-compass-project; bundle exec compass create tmp/new-compass-project -r bootstrap-sass --using bootstrap --trace --force' 6 | success = silence_stdout_if(!ENV['VERBOSE']) { system(command) } 7 | assert success, 'Compass project creation failed!' 8 | end 9 | end 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/compilation_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | require 'fileutils' 3 | require 'sass' 4 | 5 | class CompilationTest < Minitest::Test 6 | def test_compilation 7 | path = 'assets/stylesheets' 8 | %w(_bootstrap bootstrap/_theme).each do |file| 9 | FileUtils.rm_rf('.sass-cache', secure: true) 10 | engine = Sass::Engine.for_file("#{path}/#{file}.scss", syntax: :scss, load_paths: [path]) 11 | FileUtils.mkdir_p("tmp/#{File.dirname(file)}") 12 | File.open("tmp/#{file}.css", 'w') { |f| 13 | f.write engine.render 14 | } 15 | assert true # nothing was raised 16 | end 17 | end 18 | end 19 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_node_mincer/apple-touch-icon-144-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/test/dummy_node_mincer/apple-touch-icon-144-precomposed.png -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_node_mincer/application.css.ejs.scss: -------------------------------------------------------------------------------- 1 | @import "bootstrap-mincer"; 2 | @import "bootstrap"; 3 | 4 | #image-retina { 5 | @include img-retina("apple-touch-icon-144-precomposed.png", "apple-touch-icon-144-precomposed.png", 72px, 72px); 6 | } 7 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/README.rdoc: -------------------------------------------------------------------------------- 1 | == README 2 | 3 | This is a minimal Rails app for testing 4 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/Rakefile: -------------------------------------------------------------------------------- 1 | # Add your own tasks in files placed in lib/tasks ending in .rake, 2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. 3 | 4 | require File.expand_path('../config/application', __FILE__) 5 | 6 | Dummy::Application.load_tasks 7 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/test/dummy_rails/app/assets/images/.keep -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/assets/javascripts/application.js: -------------------------------------------------------------------------------- 1 | //= require jquery 2 | //= require bootstrap-sprockets 3 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/assets/stylesheets/application.sass: -------------------------------------------------------------------------------- 1 | @import 'bootstrap-sprockets' 2 | @import 'bootstrap' 3 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | # Prevent CSRF attacks by raising an exception. 3 | # For APIs, you may want to use :null_session instead. 4 | protect_from_forgery with: :exception 5 | end 6 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/controllers/pages_controller.rb: -------------------------------------------------------------------------------- 1 | class PagesController < ApplicationController 2 | def root 3 | end 4 | end -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | bootstrap-sass Dummy App 5 | <%= stylesheet_link_tag 'application', media: "all", 'data-turbolinks-track' => true %> 6 | <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 7 | <%= csrf_meta_tags %> 8 | 9 | 10 | 11 | <%= yield %> 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require ::File.expand_path('../config/environment', __FILE__) 4 | run Rails.application 5 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/application.rb: -------------------------------------------------------------------------------- 1 | require File.expand_path('../boot', __FILE__) 2 | 3 | require 'rails' 4 | 5 | %w( 6 | action_controller 7 | action_view 8 | sprockets 9 | ).each do |framework| 10 | require "#{framework}/railtie" 11 | end 12 | 13 | require 'slim-rails' 14 | require 'jquery-rails' 15 | require 'bootstrap-sass' 16 | require 'uglifier' 17 | 18 | module Dummy 19 | class Application < Rails::Application 20 | config.assets.enabled = true if config.assets.respond_to?(:enabled) 21 | config.assets.precompile += %w( application.css application.js ) 22 | config.to_prepare do 23 | if ENV['VERBOSE'] 24 | STDERR.puts "Loaded Rails #{Rails::VERSION::STRING}, Sprockets #{Sprockets::VERSION}", 25 | "Asset paths: #{Rails.application.config.assets.paths}" 26 | end 27 | end 28 | end 29 | end 30 | 31 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/boot.rb: -------------------------------------------------------------------------------- 1 | # Set up gems listed in the Gemfile. 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../../../Gemfile', __FILE__) 3 | 4 | require 'bundler/setup' if File.exists?(ENV['BUNDLE_GEMFILE']) 5 | $LOAD_PATH.unshift File.expand_path('../../../../lib', __FILE__) 6 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the Rails application. 2 | require File.expand_path('../application', __FILE__) 3 | 4 | # Initialize the Rails application. 5 | Dummy::Application.initialize! 6 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/environments/development.rb: -------------------------------------------------------------------------------- 1 | Dummy::Application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb. 3 | 4 | # In the development environment your application's code is reloaded on 5 | # every request. This slows down response time but is perfect for development 6 | # since you don't have to restart the web server when you make code changes. 7 | config.cache_classes = false 8 | 9 | # Do not eager load code on boot. 10 | config.eager_load = false 11 | 12 | # Show full error reports and disable caching. 13 | config.consider_all_requests_local = true 14 | config.action_controller.perform_caching = false 15 | 16 | # Print deprecation notices to the Rails logger. 17 | config.active_support.deprecation = :log 18 | 19 | # Debug mode disables concatenation and preprocessing of assets. 20 | # This option may cause significant delays in view rendering with a large 21 | # number of complex assets. 22 | config.assets.debug = true 23 | end 24 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/environments/test.rb: -------------------------------------------------------------------------------- 1 | Dummy::Application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb. 3 | 4 | # The test environment is used exclusively to run your application's 5 | # test suite. You never need to work with it otherwise. Remember that 6 | # your test database is "scratch space" for the test suite and is wiped 7 | # and recreated between test runs. Don't rely on the data there! 8 | config.cache_classes = true 9 | 10 | # Do not eager load code on boot. This avoids loading your whole application 11 | # just for the purpose of running a single test. If you are using a tool that 12 | # preloads Rails for running tests, you may have to set it to true. 13 | config.eager_load = false 14 | 15 | # Configure static asset server for tests with Cache-Control for performance. 16 | if config.respond_to?(:serve_static_files) 17 | # rails >= 4.2 18 | config.serve_static_files = true 19 | elsif config.respond_to?(:serve_static_assets) 20 | # rails < 4.2 21 | config.serve_static_assets = true 22 | end 23 | config.static_cache_control = "public, max-age=3600" 24 | 25 | # Show full error reports and disable caching. 26 | config.consider_all_requests_local = true 27 | config.action_controller.perform_caching = false 28 | 29 | # Raise exceptions instead of rendering exception templates. 30 | config.action_dispatch.show_exceptions = false 31 | 32 | # Disable request forgery protection in test environment. 33 | config.action_controller.allow_forgery_protection = false 34 | 35 | config.active_support.test_order = :random 36 | 37 | config.active_support.deprecation = :stderr 38 | end 39 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/backtrace_silencers.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. 4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } 5 | 6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. 7 | # Rails.backtrace_cleaner.remove_silencers! 8 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/filter_parameter_logging.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Configure sensitive parameters which will be filtered from the log file. 4 | Rails.application.config.filter_parameters += [:password] 5 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/inflections.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new inflection rules using the following format. Inflections 4 | # are locale specific, and you may define rules for as many different 5 | # locales as you wish. All of these examples are active by default: 6 | # ActiveSupport::Inflector.inflections(:en) do |inflect| 7 | # inflect.plural /^(ox)$/i, '\1en' 8 | # inflect.singular /^(ox)en/i, '\1' 9 | # inflect.irregular 'person', 'people' 10 | # inflect.uncountable %w( fish sheep ) 11 | # end 12 | 13 | # These inflection rules are supported but not enabled by default: 14 | # ActiveSupport::Inflector.inflections(:en) do |inflect| 15 | # inflect.acronym 'RESTful' 16 | # end 17 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/mime_types.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new mime types for use in respond_to blocks: 4 | # Mime::Type.register "text/richtext", :rtf 5 | # Mime::Type.register_alias "text/html", :iphone 6 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/secret_token.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Your secret key is used for verifying the integrity of signed cookies. 4 | # If you change this key, all old signed cookies will become invalid! 5 | 6 | # Make sure the secret is at least 30 characters and all random, 7 | # no regular words or you'll be exposed to dictionary attacks. 8 | # You can use `rake secret` to generate a secure secret key. 9 | 10 | # Make sure your secret_key_base is kept private 11 | # if you're sharing your code publicly. 12 | token = '4380f36fda304251bf48f12ad4474b6d11447f1f959bd5b77a5d56c92b97f4c403ee0ae13d31a85ed88058ff8795bf31ec17e70e5c229b3707a77a2ee7e81cc' 13 | 14 | if Dummy::Application.config.respond_to?(:secret_key_base=) 15 | Dummy::Application.config.secret_key_base = token 16 | else 17 | Dummy::Application.config.secret_token = token 18 | end -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/session_store.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | Dummy::Application.config.session_store :cookie_store, key: '_dummy_session' 4 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/initializers/wrap_parameters.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # This file contains settings for ActionController::ParamsWrapper which 4 | # is enabled by default. 5 | 6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array. 7 | ActiveSupport.on_load(:action_controller) do 8 | wrap_parameters format: [:json] if respond_to?(:wrap_parameters) 9 | end 10 | 11 | # To enable root element in JSON for ActiveRecord objects. 12 | # ActiveSupport.on_load(:active_record) do 13 | # self.include_root_in_json = true 14 | # end 15 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/locales/en.yml: -------------------------------------------------------------------------------- 1 | en: 2 | dummy: 3 | hello: Hello 4 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/locales/es.yml: -------------------------------------------------------------------------------- 1 | es: 2 | dummy: 3 | hello: Hola -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/config/routes.rb: -------------------------------------------------------------------------------- 1 | Dummy::Application.routes.draw do 2 | root to: 'pages#root' 3 | end 4 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_rails/log/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/_includes/vendors/bootstrap-sass/test/dummy_rails/log/.keep -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_sass_only/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'sass', '~> 3.3' 4 | gem 'bootstrap-sass', path: '../..' 5 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_sass_only/compile.rb: -------------------------------------------------------------------------------- 1 | require 'sass' 2 | require 'bootstrap-sass' 3 | require 'fileutils' 4 | 5 | scss_path = File.expand_path('./import_all.sass', File.dirname(__FILE__)) 6 | css = Sass.compile File.read(scss_path), syntax: 'sass' 7 | 8 | if ARGV[0] 9 | FileUtils.mkdir_p File.dirname(ARGV[0]) 10 | File.open(ARGV[0], 'w') { |f| f.write css } 11 | else 12 | puts css 13 | end 14 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/dummy_sass_only/import_all.sass: -------------------------------------------------------------------------------- 1 | @import 'bootstrap' 2 | @import 'bootstrap/theme' -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/gemfiles/rails_head.gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | 3 | gem 'actionpack', github: 'rails/rails' 4 | gem 'activesupport', github: 'rails/rails' 5 | 6 | # Required git dependencies as per https://github.com/rails/rails/blob/51211a94bd7a34d80f2412a7f94fefe7366647a5/Gemfile: 7 | gem 'rack', github: 'rack/rack' 8 | gem 'sprockets', github: 'rails/sprockets' 9 | gem 'sprockets-rails', github: 'rails/sprockets-rails' 10 | gem 'sass-rails', github: 'rails/sass-rails', branch: 'master' 11 | 12 | gem 'autoprefixer-rails', github: 'ai/autoprefixer-rails' 13 | 14 | gem 'compass', '~> 1.0.1', require: false 15 | 16 | gemspec path: '../../' 17 | 18 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/gemfiles/sass_3_3.gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | 3 | gem 'sass', '~> 3.3.14' 4 | gem 'compass', '~> 1.0.1', require: false 5 | 6 | # See https://github.com/sass/sass/pull/2015 7 | gem 'rake', '~> 10.5.0' 8 | 9 | gemspec path: '../../' 10 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/gemfiles/sass_3_4.gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | 3 | gem 'sass', '~> 3.4.1' 4 | gem 'compass', '~> 1.0.1', require: false 5 | 6 | gemspec path: '../../' 7 | 8 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/gemfiles/sass_head.gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | 3 | gem 'sass', git: 'https://github.com/nex3/sass', branch: 'stable' # master is not compatible with Compass master 4 | gem 'compass', git: 'https://github.com/chriseppstein/compass', branch: 'master', require: false 5 | 6 | gemspec path: '../../' 7 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/node_mincer_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | require 'json' 3 | 4 | class NodeMincerTest < Minitest::Test 5 | DUMMY_PATH = 'test/dummy_node_mincer' 6 | 7 | def test_font_helper_without_suffix 8 | assert_match %r(url\(['"]?/assets/.*eot['"]?\)), @css 9 | end 10 | 11 | def test_font_helper_with_suffix_sharp 12 | assert_match %r(url\(['"]?/assets/.*svg#.+['"]?\)), @css 13 | end 14 | 15 | def test_font_helper_with_suffix_question 16 | assert_match %r(url\(['"]?/assets/.*eot\?.*['"]?\)), @css 17 | end 18 | 19 | def test_image_helper 20 | assert_match %r(url\(['"]?/assets/apple-touch-icon-144-precomposed.*png['"]?\)), @css 21 | end 22 | 23 | def setup 24 | tmp_dir = File.join GEM_PATH, 'tmp/node-mincer' 25 | success = Dir.chdir DUMMY_PATH do 26 | silence_stdout_if !ENV['VERBOSE'] do 27 | system 'node', 'manifest.js', tmp_dir 28 | end 29 | end 30 | assert success, 'Node.js Mincer compilation failed' 31 | manifest = JSON.parse(File.read("#{tmp_dir}/manifest.json")) 32 | css_name = manifest['assets']['application.css'] 33 | @css = File.read("#{tmp_dir}/#{css_name}") 34 | end 35 | end 36 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/node_sass_compile_test.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # Test compilation with node-sass binary 4 | 5 | mkdir -p tmp/node-sass 6 | node-sass assets/stylesheets/_bootstrap.scss -o tmp/node-sass/bootstrap.css && \ 7 | node-sass assets/stylesheets/bootstrap/_theme.scss -o tmp/node-sass/bootstrap-theme.css || \ 8 | (echo "node-sass compilation failed" && exit 1) 9 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/pages_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper_rails' 2 | 3 | class PagesTest < ActionDispatch::IntegrationTest 4 | include ::DummyRailsIntegration 5 | 6 | def test_visit_root 7 | visit root_path 8 | # ^ will raise on JS errors 9 | 10 | assert_equal 200, page.status_code 11 | 12 | screenshot! 13 | end 14 | end 15 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/sass_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | require 'shellwords' 3 | 4 | class SassTest < Minitest::Test 5 | DUMMY_PATH = 'test/dummy_sass_only' 6 | 7 | def test_font_helper 8 | assert_match %r(url\(['"]?.*eot['"]?\)), @css 9 | end 10 | 11 | def setup 12 | Dir.chdir DUMMY_PATH do 13 | %x[rm -rf .sass-cache/] 14 | %x[bundle] 15 | end 16 | css_path = File.join GEM_PATH, 'tmp/bootstrap-sass-only.css' 17 | command = "bundle exec ruby compile.rb #{Shellwords.escape css_path}" 18 | success = Dir.chdir DUMMY_PATH do 19 | silence_stdout_if !ENV['VERBOSE'] do 20 | system(command) 21 | end 22 | end 23 | assert success, 'Sass-only compilation failed' 24 | @css = File.read(css_path) 25 | end 26 | end 27 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/sprockets_rails_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | require 'fileutils' 3 | require 'find' 4 | require 'shellwords' 5 | 6 | class SprocketsRailsTest < Minitest::Test 7 | 8 | def test_sprockets_digest_asset_refs 9 | root = 'test/dummy_rails' 10 | command = "bundle exec rake assets:precompile GEMFILE=#{GEM_PATH}/Gemfile RAILS_ENV=production" 11 | compiled = Dir.chdir root do 12 | silence_stderr_if !ENV['VERBOSE'] do 13 | system(command) 14 | end 15 | end 16 | assert compiled, 'Could not precompile assets' 17 | Dir.glob(File.join(root, 'public', 'assets', 'app*.{css,js}')) do |path| 18 | File.open(path, 'r') do |f| 19 | f.read.scan /url\("?[^"]+\.(?:jpg|png|eot|woff2?|ttf|svg)[^"]*"?\)/ do |m| 20 | assert_match /-[0-9a-f]{12,}\./, m 21 | end 22 | end 23 | end 24 | ensure 25 | FileUtils.rm_rf %W(#{root}/public/assets/ #{root}/tmp/cache/), secure: true 26 | end 27 | end 28 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/support/dummy_rails_integration.rb: -------------------------------------------------------------------------------- 1 | require 'capybara/dsl' 2 | require 'fileutils' 3 | module DummyRailsIntegration 4 | include Capybara::DSL 5 | 6 | def setup 7 | super 8 | FileUtils.rm_rf('test/dummy_rails/tmp/cache', secure: true) 9 | end 10 | 11 | def teardown 12 | super 13 | Capybara.reset_sessions! 14 | Capybara.use_default_driver 15 | end 16 | 17 | def screenshot! 18 | path = "tmp/#{name}.png" 19 | page.driver.render(File.join(GEM_PATH, path), full: true) 20 | STDERR.puts "Screenshot saved to #{path}" 21 | end 22 | end 23 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/support/reporting.rb: -------------------------------------------------------------------------------- 1 | module Kernel 2 | def silence_stdout_if(cond, &run) 3 | silence_stream_if(cond, STDOUT, &run) 4 | end 5 | 6 | def silence_stderr_if(cond, &run) 7 | silence_stream_if(cond, STDERR, &run) 8 | end 9 | 10 | def silence_stream_if(cond, stream, &run) 11 | if cond 12 | silence_stream(stream, &run) 13 | else 14 | run.call 15 | end 16 | end 17 | 18 | def silence_stream(stream) 19 | old_stream = stream.dup 20 | stream.reopen(File::NULL) 21 | stream.sync = true 22 | yield 23 | ensure 24 | stream.reopen(old_stream) 25 | old_stream.close 26 | end unless method_defined?(:silence_stream) 27 | end 28 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/test_helper.rb: -------------------------------------------------------------------------------- 1 | require 'minitest/autorun' 2 | require 'minitest/reporters' 3 | Minitest::Reporters.use! Minitest::Reporters::SpecReporter.new 4 | 5 | require 'active_support/core_ext/kernel/reporting' 6 | 7 | Dir['test/support/**/*.rb'].each do |file| 8 | # strip ^test/ and .rb$ 9 | file = file[5..-4] 10 | require_relative File.join('.', file) 11 | end 12 | 13 | GEM_PATH = File.expand_path('../', File.dirname(__FILE__)) 14 | 15 | #= Capybara + Poltergeist 16 | require 'capybara/poltergeist' 17 | 18 | Capybara.register_driver :poltergeist do |app| 19 | Capybara::Poltergeist::Driver.new( 20 | app, 21 | # inspector: '/Applications/Chromium.app/Contents/MacOS/Chromium', # open in inspector: page.driver.debug 22 | window_size: [1280, 1024], 23 | timeout: 90, 24 | js_errors: true 25 | ) 26 | end 27 | 28 | Capybara.configure do |config| 29 | config.app_host = 'http://localhost:7000' 30 | config.default_driver = :poltergeist 31 | config.javascript_driver = :poltergeist 32 | config.server_port = 7000 33 | config.default_max_wait_time = 10 34 | end 35 | 36 | -------------------------------------------------------------------------------- /_includes/vendors/bootstrap-sass/test/test_helper_rails.rb: -------------------------------------------------------------------------------- 1 | ENV['RAILS_ENV'] = ENV['RACK_ENV'] = 'test' 2 | 3 | require 'test_helper' 4 | require 'dummy_rails/config/environment' 5 | require 'rails/test_help' 6 | require 'capybara/rails' 7 | -------------------------------------------------------------------------------- /_layouts/doc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include settings/meta.html %} 5 | {% include settings/scripts.html %} 6 | {% include settings/styles.html %} 7 | 10 | 11 | 12 | {% include content/icons.html %} 13 |
14 |
15 |
16 | {% assign entry = page %} 17 | {% include styles/spec.html %} 18 |
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include settings/meta.html %} 5 | {% include settings/scripts.html %} 6 | {% include settings/styles.html %} 7 | 8 | 9 | {% include content/icons.html %} 10 |
11 | {{ content }} 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /_layouts/raw.html: -------------------------------------------------------------------------------- 1 | {{ content }} -------------------------------------------------------------------------------- /_pages/connection.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Connection 3 | layout: cloud 4 | menu: connections 5 | --- 6 | 7 | 8 |
9 |
10 |
    11 |
  1. Connections
    2. 12 |
  2. Production
    3. 13 |
  3. New Connection
    4. 14 |
15 |
16 |
17 |
18 |
Run History
19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | {% include partial-connection.html %} -------------------------------------------------------------------------------- /_pages/environment.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Environment 3 | layout: cloud 4 | menu: environments 5 | --- 6 | 7 | 8 | 9 |
10 |
11 |
    12 |
  1. Environments
    2. 13 |
  2. Development
    3. 14 |
  3. New Environment
    4. 15 |
16 |
17 |
18 |
19 |
Run History
20 |
21 |
22 |
23 |
24 | 25 | {% include partial-environment.html variables=1 notification=1 %} 26 | -------------------------------------------------------------------------------- /_pages/github-demo.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Github Demo 3 | layout: cloud 4 | setup: true 5 | --- 6 | 7 |
8 | 9 |
10 |
11 |
    12 |
  1. This is Github
    2. 13 |
14 |
15 |
16 | 17 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

18 | 19 |
20 |
Access all the things
21 |
22 | 23 |
24 | -------------------------------------------------------------------------------- /_pages/job-settings.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Job 3 | layout: cloud 4 | menu: jobs 5 | --- 6 | 7 | {% capture api %} 8 | POST https://cloud.getdbt.com/accounts/17/jobs/42/ 9 | { 10 | “Param”: “whatever” 11 | } 12 | {% endcapture %} 13 | 14 | 15 |
16 |
17 |
    18 |
  1. Jobs
    2. 19 |
  2. General
    3. 20 |
  3. Settings
    4. 21 |
  4. New Job
    5. 22 |
23 |
24 |
25 |
26 |
Save
27 |
28 |
29 |
30 | 31 | {% include partial-job.html triggers=1 %} 32 | -------------------------------------------------------------------------------- /_pages/repo.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Repo 3 | layout: cloud 4 | menu: repos 5 | --- 6 | 7 | 8 | 9 |
10 |
11 |
    12 |
  1. Repositories
    2. 13 |
  2. Add Repo
    3. 14 |
15 |
16 |
17 | 18 | {% include partial-repo.html %} 19 | 20 | -------------------------------------------------------------------------------- /_pages/setup-connection.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Connection Setup 3 | layout: cloud 4 | setup: true 5 | --- 6 | 7 |
8 | 9 |
10 |
11 |
    12 |
  1. Setup
    2. 13 |
  2. Database Connection
    3. 14 |
15 |
16 |
17 |
18 |
Test & Continue
19 |
20 |
21 |
22 | 23 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

24 | 25 | {% include partial-connection.html editing=1 simple=1 %} 26 | 27 | {% include partial-indicators.html steps=5 active=1 href="/setup-repo" %} 28 | 29 |
-------------------------------------------------------------------------------- /_pages/setup-environment.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Environment Setup 3 | layout: cloud 4 | setup: true 5 | --- 6 | 7 |
8 | 9 |
10 |
11 |
    12 |
  1. Setup
    2. 13 |
  2. Create an Environment
    3. 14 |
15 |
16 |
17 |
18 |
Continue
19 |
20 |
21 |
22 | 23 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

24 | 25 | {% include partial-environment.html editing=1 simple=1 %} 26 | 27 | {% include partial-indicators.html steps=5 active=3 href="/setup-job" %} 28 | 29 |
-------------------------------------------------------------------------------- /_pages/setup-job.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Job Setup 3 | layout: cloud 4 | setup: true 5 | --- 6 | 7 |
8 | 9 |
10 |
11 |
    12 |
  1. Setup
    2. 13 |
  2. Create a Job
    3. 14 |
15 |
16 |
17 |
18 |
Continue
19 |
20 |
21 |
22 | 23 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

24 | 25 | {% include partial-job.html editing=1 simple=1 %} 26 | 27 | {% include partial-indicators.html steps=5 active=4 href="/setup-plan" %} 28 | 29 |
-------------------------------------------------------------------------------- /_run.sh: -------------------------------------------------------------------------------- 1 | # Run the site with config overrides. 2 | 3 | # chmod u+x run.sh 4 | #!/bin/bash 5 | open http://localhost:5015 6 | jekyll serve --baseurl '' -w --port 5015 -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/favicon.ico -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dbt-styleguide", 3 | "version": "0.0.1", 4 | "description": "Styleguide for dbt", 5 | "main": "ui/js/scripts.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "release": "release-it" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/fishtown-analytics/dbt-styleguide.git" 13 | }, 14 | "author": "", 15 | "license": "ISC", 16 | "bugs": { 17 | "url": "https://github.com/fishtown-analytics/dbt-styleguide/issues" 18 | }, 19 | "homepage": "https://github.com/fishtown-analytics/dbt-styleguide#readme", 20 | "devDependencies": { 21 | "auto-changelog": "^2.2.0", 22 | "release-it": "^13.6.6" 23 | }, 24 | "release-it": { 25 | "github": { 26 | "release": false 27 | }, 28 | "npm": { 29 | "publish": false 30 | }, 31 | "git": { 32 | "addUntrackedFiles": true, 33 | "changelog": "npx auto-changelog --stdout --commit-limit false -u --template https://raw.githubusercontent.com/release-it/release-it/master/templates/changelog-compact.hbs", 34 | "tag": true, 35 | "requireCommits": true, 36 | "tagAnnotation": "Release ${version}", 37 | "tagArgs": [], 38 | "push": true, 39 | "pushArgs": [ 40 | "--follow-tags" 41 | ], 42 | "requireUpstream": false 43 | }, 44 | "hooks": { 45 | "after:bump": "npx auto-changelog -p" 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /ui/css/styles.scss: -------------------------------------------------------------------------------- 1 | --- 2 | # The main stylesheet 3 | --- 4 | 5 | {% include sass/sass.scss %} -------------------------------------------------------------------------------- /ui/fonts/arrows/arrows-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/fonts/arrows/arrows-bold.woff -------------------------------------------------------------------------------- /ui/fonts/arrows/arrows.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/fonts/arrows/arrows.woff -------------------------------------------------------------------------------- /ui/fonts/entypo/entypo-2.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/fonts/entypo/entypo-2.woff -------------------------------------------------------------------------------- /ui/fonts/entypo/entypo.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/fonts/entypo/entypo.woff -------------------------------------------------------------------------------- /ui/img/carets/down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /ui/img/carets/right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /ui/img/graph/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/graph/avatar.png -------------------------------------------------------------------------------- /ui/img/graph/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/graph/favicon.png -------------------------------------------------------------------------------- /ui/img/graph/poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/graph/poster.png -------------------------------------------------------------------------------- /ui/img/logos/dbt.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/logos/dbt.ai -------------------------------------------------------------------------------- /ui/img/sample/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/avatar.jpg -------------------------------------------------------------------------------- /ui/img/sample/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/avatar.png -------------------------------------------------------------------------------- /ui/img/sample/sample-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-1.png -------------------------------------------------------------------------------- /ui/img/sample/sample-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-2.png -------------------------------------------------------------------------------- /ui/img/sample/sample-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-3.png -------------------------------------------------------------------------------- /ui/img/sample/sample-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-4.png -------------------------------------------------------------------------------- /ui/img/sample/sample-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-5.png -------------------------------------------------------------------------------- /ui/img/sample/sample-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-6.png -------------------------------------------------------------------------------- /ui/img/sample/sample-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/sample-7.png -------------------------------------------------------------------------------- /ui/img/sample/slide-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/slide-1.png -------------------------------------------------------------------------------- /ui/img/sample/slide-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/slide-2.png -------------------------------------------------------------------------------- /ui/img/sample/slide-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/img/sample/slide-3.png -------------------------------------------------------------------------------- /ui/js/scripts.js: -------------------------------------------------------------------------------- 1 | --- 2 | title: Scripts 3 | layout: raw 4 | --- 5 | 6 | {% include vendors/jquery/jquery-3.2.1.min.js %} 7 | {% include vendors/modernizr/modernizr-3.6.0.min.js %} 8 | {% include scripts/helpers.js %} 9 | 10 | {% include vendors/jqueryui/jquery-ui-1.12.1/jquery-ui.min.js %} 11 | {% include scripts/jqueryui.js %} 12 | 13 | {% include vendors/bootstrap-3.3.7/js/bootstrap.min.js %} 14 | {% include scripts/bootstrap.js %} 15 | 16 | {% include scripts/app.js %} -------------------------------------------------------------------------------- /ui/test/sample-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dbt-labs/dbt-styleguide/8e519006d39ec5bdace8e3bfb2463518fe4b7588/ui/test/sample-1.png --------------------------------------------------------------------------------