├── .github └── workflows │ ├── CI.yml │ └── release.yml ├── .gitignore ├── README.md ├── _config.yml ├── module.json ├── src ├── _layouts │ └── datasheet-base.html ├── _plugins │ ├── datasheet.rb │ └── plugin_helper.rb ├── _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 ├── assets │ ├── css │ │ └── datasheet.scss │ ├── html │ │ ├── datasheet-footer.html │ │ └── datasheet-header.html │ └── img │ │ ├── Bitcraze-logo-2017-light-background-for large sizes_256.png │ │ └── Bitcraze-logo-2017-light-background-for large sizes_512.png └── products │ ├── 250mah-battery │ └── datasheet │ │ ├── battery_585px.jpg │ │ └── index.md │ ├── active-marker-deck │ ├── datasheet │ │ ├── active-maker-front-1024px_1024x1024.jpg │ │ ├── active-marker-deck-mechanics.png │ │ └── index.md │ └── electronics │ │ └── active-marker-deck_revd.pdf │ ├── ai-deck-1_1 │ ├── datasheet │ │ ├── ai-deck-mechanics.png │ │ ├── ai-deck-side-585px.jpg │ │ └── index.md │ └── electronics │ │ └── ai-deck-revc.pdf │ ├── ai-deck-color-camera │ └── datasheet │ │ ├── 608H_A_585px.jpg │ │ ├── ai-deck-color-camera-mechanics.png │ │ └── index.md │ ├── ai-deck-mono-camera │ └── datasheet │ │ ├── 608H_1_A_585px.jpg │ │ ├── ai-deck-mono-camera-mechanics.png │ │ └── index.md │ ├── ai-deck │ ├── datasheet │ │ ├── ai-deck-mechanics.png │ │ ├── ai-deck-side-585px.jpg │ │ └── index.md │ └── electronics │ │ └── ai-deck-revc.pdf │ ├── battery-deck │ └── datasheet │ │ ├── Battery-holder-2400px-1_1024x1024.jpeg │ │ ├── battery-deck-mechanics.png │ │ └── index.md │ ├── big-quad-deck │ ├── datasheet │ │ ├── BigQuadDeck-4_1024x1024.jpg │ │ ├── big-quad-brd.png │ │ ├── bigquaddeck-remove-c1.png │ │ └── index.md │ └── electronics │ │ ├── bigquad-rev-c.pdf │ │ └── bigquad-rev-c1.pdf │ ├── breakout-deck │ ├── datasheet │ │ ├── Breakout-deck-400px-1_1024x1024.jpeg │ │ ├── breakout-deck-mechanics.png │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ └── index.md │ └── electronics │ │ └── breakout-revc.pdf │ ├── buzzer-deck │ ├── datasheet │ │ ├── BuzzerDeckPic_3_of_4_1024x1024.jpg │ │ ├── buzzer-deck-mechanics.png │ │ └── index.md │ └── electronics │ │ └── buzzer-revc.pdf │ ├── crazyflie-2_0 │ ├── datasheet │ │ ├── Crazyflie2.0-2400px-1_1024x1024.jpeg │ │ ├── crazyflie-2_0-measurements.png │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ └── index.md │ └── electronics │ │ ├── crazyflie_2.0_rev.c_component_placement_bottom.pdf │ │ ├── crazyflie_2.0_rev.c_component_placement_top.pdf │ │ └── crazyflie_2.0_rev.c_schematics.pdf │ ├── crazyflie-2_1 │ ├── datasheet │ │ ├── crazyflie_2.1_1200px_1024x1024.jpg │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ ├── crazyflie_2_1-measurements.png │ │ └── index.md │ └── electronics │ │ ├── cf2.1_component_placement.pdf │ │ └── crazyflie_2.1_schematics_rev.b.pdf │ ├── crazyflie-2_1_brushless │ ├── datasheet │ │ ├── cf21bl-1024px.jpg │ │ ├── cf21bl_measurements.png │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ └── index.md │ └── electronics │ │ └── cf2.1_bl_schematics_Rev.G.pdf │ ├── crazyflie-2_1_plus │ ├── datasheet │ │ ├── CF21_plus_585px.jpg │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ ├── crazyflie_2_1-measurements.png │ │ └── index.md │ └── electronics │ │ ├── cf2.1_component_placement.pdf │ │ └── crazyflie_2.1_schematics_rev.b.pdf │ ├── crazyflie-bolt-1_1 │ ├── datasheet │ │ ├── crazyflie-bolt_1_1-mechanics.png │ │ ├── crazyflie-bolt_1_1-wiring-example.png │ │ ├── crazyflie-bolt_1_1-wiring.png │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ ├── crazyflie_bolt_1_1_585px.jpg │ │ └── index.md │ └── electronics │ │ └── crazyflie_bolt_1_1_revh.pdf │ ├── crazyflie-bolt │ ├── datasheet │ │ ├── crazyflie-bolt-mechanics.png │ │ ├── crazyflie-bolt-wiring-example.png │ │ ├── crazyflie-bolt-wiring.png │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ ├── crazyflie_bolt_585px.jpg │ │ └── index.md │ └── electronics │ │ └── crazyflie_bolt_revf.pdf │ ├── crazyflie │ └── electronics │ │ ├── crazyflie_control_board_rev.f_-_component_placement_bottom.pdf │ │ ├── crazyflie_control_board_rev.f_-_component_placement_bottom_annotated.pdf │ │ ├── crazyflie_control_board_rev.f_-_component_placement_top.pdf │ │ ├── crazyflie_control_board_rev.f_-_component_placement_top_annotated.pdf │ │ └── crazyflie_control_board_schematics_rev.f.pdf │ ├── crazyradio-2-0 │ ├── datasheet │ │ ├── CR-2-0-1024px.jpg │ │ ├── crazyradio_2_mechanics.png │ │ └── index.md │ └── electronics │ │ └── crazyradio2-reve-schematic.pdf │ ├── crazyradio-pa │ ├── datasheet │ │ ├── Radio-PA-2400px-5_1024x1024.jpeg │ │ ├── crazyradio-pa-pcb-mechanics.png │ │ └── index.md │ └── electronics │ │ └── crazyradio-pa_rev.b.pdf │ ├── crazyradio │ └── electronics │ │ └── crazyradio_rev.d_schematics.pdf │ ├── debug-adapter │ ├── datasheet │ │ ├── debug-adapter-kit-400px-3_1024x1024.jpg │ │ ├── debug-adapter-pinout.png │ │ └── index.md │ └── electronics │ │ └── debug-adapter_revc.pdf │ ├── female-deck-connector │ └── datasheet │ │ ├── female-connector-mechanics.png │ │ ├── female-header-400px.jpg │ │ └── index.md │ ├── flow-breakout │ ├── datasheet │ │ ├── flow-breakout-mechanics.png │ │ ├── flow_breakout_585px-1.jpg │ │ └── index.md │ └── electronics │ │ └── flow_breakout_revb.pdf │ ├── flow-deck-2 │ ├── datasheet │ │ ├── flow-deck-v2-mechanics.png │ │ ├── flow_deck_v2_585px.jpg │ │ └── index.md │ └── electronics │ │ └── flow-deck-v2-reva.pdf │ ├── flow-deck │ └── electronics │ │ └── flow-deck-reve.pdf │ ├── led-ring-deck │ ├── datasheet │ │ ├── Led-ring-deck-400px-1_1024x1024.jpg │ │ ├── index.md │ │ └── led-ring-deck-mechanics.png │ └── electronics │ │ └── led-ring_revb.pdf │ ├── lighthouse-deck │ ├── datasheet │ │ ├── index.md │ │ ├── lighthouse-deck-mechanics-D1-back.png │ │ ├── lighthouse-deck-mechanics-D1-front.png │ │ ├── lighthouse-deck-mechanics-back.png │ │ ├── lighthouse-deck-mechanics-front.png │ │ └── lighthouse_lighthouse_deck.jpg │ └── electronics │ │ └── lighthouse_deck-revd.pdf │ ├── lipo-charger-500ma-w-battery │ ├── datasheet │ │ ├── charger-battery-400px-1_1024x1024.jpg │ │ ├── index.md │ │ └── lipo-charger-mechanics.png │ └── electronics │ │ └── chg500ma_reva.pdf │ ├── lipo-charger-500ma │ ├── datasheet │ │ ├── Charger-585px.JPG │ │ ├── index.md │ │ └── lipo-charger-mechanics.png │ └── electronics │ │ └── chg500ma_reva.pdf │ ├── loco-deck │ ├── datasheet │ │ ├── Loco-deck-400px-1_1024x1024.jpeg │ │ ├── Loco-deck-measurements.png │ │ └── index.md │ └── electronics │ │ └── loco_deck_revd.pdf │ ├── loco-node │ ├── datasheet │ │ ├── Loco-node-400px-1_1024x1024.jpeg │ │ ├── dwm1000-node-brd.png │ │ └── index.md │ └── electronics │ │ ├── loco_node_revd.pdf │ │ └── loco_node_reve.pdf │ ├── male-deck-connector │ └── datasheet │ │ ├── index.md │ │ ├── male-connector-2400px-1_1024x1024.jpg │ │ └── male-connector-mechanics.png │ ├── male-longer-deck-connector │ └── datasheet │ │ ├── index.md │ │ ├── male-connector-2400px-1_1024x1024.jpg │ │ └── male-longer-connector-mechanics.png │ ├── motor-4x-7x20mm │ └── datasheet │ │ ├── 4x_7x20mm_DC_motor_400px.JPG │ │ └── index.md │ ├── motor-6mm │ └── datasheet │ │ ├── 6mm_DC_motor_400px.JPG │ │ └── index.md │ ├── motor-7mm │ └── datasheet │ │ ├── 7mm_DC_motor_400px.JPG │ │ └── index.md │ ├── motor-mounts-6mm │ └── datasheet │ │ ├── Motor-mounts-crazyflie-1.0-400px-1.JPG │ │ └── index.md │ ├── motor-mounts-7mm │ └── datasheet │ │ ├── Motor-mounts-crazyflie-2.0-400px-1.JPG │ │ └── index.md │ ├── multi-ranger-deck │ ├── datasheet │ │ ├── index.md │ │ ├── multi-ranger-deck-mechanics.png │ │ └── multi-ranger_deck_1200px-1_1024x1024.jpg │ └── electronics │ │ ├── multi-ranger-daughter-board-reve.pdf │ │ └── multi-ranger-reve.pdf │ ├── passive-marker-deck │ ├── datasheet │ │ ├── index.md │ │ ├── mocap_marker_deck_1200px_1024x1024.jpg │ │ └── passive-marker-deck-mechanics.png │ └── electronics │ │ └── passive-marker-deck-revc.pdf │ ├── propellers-47-17-black │ └── datasheet │ │ ├── index.md │ │ └── propellers-47-17-black-1024px.jpg │ ├── propellers-47-17-green │ └── datasheet │ │ ├── index.md │ │ └── propellers-47-17-green-1024px.jpg │ ├── propellers │ └── datasheet │ │ ├── Propellers-400px-1_1024x1024.jpeg │ │ └── index.md │ ├── prototyping-deck │ ├── datasheet │ │ ├── index.md │ │ ├── prototyping-deck-400px-3_1024x1024.jpg │ │ └── prototyping-deck-mechanics.png │ └── electronics │ │ └── prototyping-revb.pdf │ ├── qi-deck-1_2 │ ├── datasheet │ │ ├── index.md │ │ ├── qi-charger-deck-585px.jpg │ │ └── qi-deck-21-mechanics.png │ └── electronics │ │ └── qi_1_2-revc.pdf │ ├── qi-deck │ ├── datasheet │ │ ├── index.md │ │ ├── qi-charger-deck-585px.jpg │ │ └── qi-deck-mechanics.png │ └── electronics │ │ └── qi_revb1.pdf │ ├── roadrunner │ ├── datasheet │ │ ├── crazyflie_2_1-deck-connector-multiplex.png │ │ ├── index.md │ │ ├── roadrunner-revb-mechanics.png │ │ └── roadrunner_585px.jpg │ └── electronics │ │ └── roadrunner-revb.pdf │ ├── sd-card-deck │ ├── datasheet │ │ ├── SD-deck-400px-3_1024x1024.jpeg │ │ ├── index.md │ │ ├── sd-card-deck-alt-config.png │ │ └── sd-card-deck-mechanics.png │ └── electronics │ │ ├── sdcard_revb.pdf │ │ └── sdcard_revd.pdf │ ├── spare-part-bundle │ └── datasheet │ │ ├── index.md │ │ └── spare-part-bundle-400px.jpg │ ├── z-ranger-deck-2 │ ├── datasheet │ │ ├── index.md │ │ ├── z-ranger-mechanical.png │ │ └── z-ranger_v2_585px-1.jpg │ └── electronics │ │ └── z-ranger_v2_reva.pdf │ └── z-ranger-deck │ ├── datasheet │ ├── index.md │ ├── z-ranger-mechanical.png │ └── z-ranger_deck_side_400px_1024x1024.jpeg │ └── electronics │ └── z-ranger_rev.b.pdf └── tools └── build ├── build ├── collect ├── compress └── generate /.github/workflows/CI.yml: -------------------------------------------------------------------------------- 1 | # Build the project using the Bitcraze builder docker image 2 | name: CI 3 | 4 | on: 5 | push: 6 | branches: [ master ] 7 | pull_request: 8 | branches: [ master ] 9 | schedule: 10 | # Weekly build to make sure dependencies are OK 11 | - cron: '30 12 * * 3' 12 | 13 | jobs: 14 | build: 15 | uses: bitcraze/workflows/.github/workflows/basic_build.yml@b59a297ee5a6105780d4ac832100f8990f243d04 16 | with: 17 | builder_image: 'bitcraze/web-builder:32' 18 | -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | # Release jobs 2 | 3 | name: Release 4 | 5 | on: 6 | workflow_dispatch: 7 | 8 | jobs: 9 | build: 10 | uses: bitcraze/workflows/.github/workflows/basic_release.yml@b06a0f369e637f5f5a5f83f5e86d9b1f9e173289 11 | with: 12 | builder_image: 'bitcraze/web-builder:32' 13 | artifacts: 'generated/docs.zip generated/md.zip' 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | src/.jekyll-cache 2 | src/_local_config.yml 3 | generated/* 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hardware documentation and design 2 | 3 | This repository hold hardware documentation and design. 4 | 5 | ## Product datasheets 6 | 7 | The product datasheets are written in markdown and generated 8 | to HTML by Jekyll and to PDF by wkhtmltopdf. It uses bootstrap 9 | for layout of the HTML and liquid tags to help with the content 10 | generation. 11 | 12 | ### Writing 13 | 14 | Each datasheets needs to contain the following: 15 | 16 | * Front Matter variables 17 | * Ingress (with image) 18 | * Datasheet history 19 | 20 | #### Front Matter variables 21 | 22 | Each datahseet has a number of attributs set in FrontMatter for datasheet: 23 | 24 | | Name | Values | Description | 25 | | ---- | ------ | ----------- | 26 | | layout | datasheet-base | Selects the layout, there is only one | 27 | | title | | Name of the product | 28 | | sku | | The product SKU | 29 | | version | | The version of the datasheet 30 | | status | early-access / active / eol | The product life cycle status | 31 | 32 | #### Liquid tags 33 | 34 | There's a number of liquid tags to make things easier and keep formatting 35 | consisent, they are listed below. 36 | 37 | ##### Datasheet intro 38 | 39 | Used to create the ingress and image at the start of the datasheet. The 40 | tag takes one argument, the image. 41 | 42 | ```liquid 43 | {% datasheet_intro my-fancy-image-jpg; %} 44 | This is the ingress for the datahseet right here! 45 | {% enddatasheet_intro %} 46 | ``` 47 | 48 | Note: The image should be located in the same folder as the markdown file. A full path 49 | will not work when generating product pages on the web from the markdown. 50 | 51 | ##### Inserting images 52 | 53 | This tag is used to insert images and takes three arguments: 54 | 55 | * Name of image 56 | * Size of image: small, medium, large 57 | * Alignment of image: center 58 | 59 | ```liquid 60 | {% datasheet_img My Fancy image; medium; center; my-fancy-image.png; %} 61 | ``` 62 | 63 | Note: The image should be located in the same folder as the markdown file. A full path 64 | will not work when generating product pages on the web from the markdown. 65 | 66 | ##### Notice 67 | 68 | This tag is used to insert a notice and takes one arguments: 69 | 70 | * Type: warning (yellow background), success (green background), 71 | danger (red background) 72 | 73 | ```liquid 74 | {% datasheet_notice warning; %} 75 | You have been warned! 76 | {% enddatasheet_notice %} 77 | ``` 78 | 79 | ### Generating 80 | 81 | You need the [toolbelt](https://github.com/bitcraze/toolbelt) to generate the 82 | datasheets. 83 | 84 | The generation is done using the following command: 85 | 86 | ```text 87 | $ tb generate [datasheet] 88 | 89 | datasheet - Optional directory name of datasheet for generating 90 | only one datasheet. If this is not specified all the 91 | datasheets are generated. 92 | ``` 93 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | name: Datasheets 2 | 3 | source: src 4 | destination: generated/html 5 | url: /module/generated/html 6 | 7 | liquid: 8 | error_mode: strict 9 | strict_variables: true 10 | strict_filters: true 11 | 12 | exclude: ['*.pdf', 'src/assets/html/*'] 13 | 14 | sass: 15 | sass_dir: _scss 16 | style: compressed 17 | -------------------------------------------------------------------------------- /module.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "2.0", 3 | "environmentReqs": { 4 | "build": ["jekyll", "wkhtmltopdf"] 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/_layouts/datasheet-base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Datasheet {{page.title}} - Rev {{page.version}} 10 | 11 | 12 |
13 |
14 |
15 | 16 |
17 |
18 |
19 |
20 |

{{page.title}}

21 |
22 |
23 |
24 |
25 | 26 | SKU: {{page.sku}} 27 | 28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | {{content}} 37 |
38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /src/_plugins/plugin_helper.rb: -------------------------------------------------------------------------------- 1 | module Jekyll 2 | module PluginHelper 3 | def markdownify(md, context) 4 | site = context.registers[:site] 5 | converter = site.find_converter_instance(Jekyll::Converters::Markdown) 6 | converter.convert(md) 7 | end 8 | 9 | def parse_args(str) 10 | parts = str.split(';') 11 | parts.map {|part| part.strip} 12 | end 13 | end 14 | end -------------------------------------------------------------------------------- /src/_scss/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.4.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "bootstrap/variables"; 9 | @import "bootstrap/mixins"; 10 | 11 | // Reset and dependencies 12 | @import "bootstrap/normalize"; 13 | @import "bootstrap/print"; 14 | @import "bootstrap/glyphicons"; 15 | 16 | // Core CSS 17 | @import "bootstrap/scaffolding"; 18 | @import "bootstrap/type"; 19 | @import "bootstrap/code"; 20 | @import "bootstrap/grid"; 21 | @import "bootstrap/tables"; 22 | @import "bootstrap/forms"; 23 | @import "bootstrap/buttons"; 24 | 25 | // Components 26 | @import "bootstrap/component-animations"; 27 | @import "bootstrap/dropdowns"; 28 | @import "bootstrap/button-groups"; 29 | @import "bootstrap/input-groups"; 30 | @import "bootstrap/navs"; 31 | @import "bootstrap/navbar"; 32 | @import "bootstrap/breadcrumbs"; 33 | @import "bootstrap/pagination"; 34 | @import "bootstrap/pager"; 35 | @import "bootstrap/labels"; 36 | @import "bootstrap/badges"; 37 | @import "bootstrap/jumbotron"; 38 | @import "bootstrap/thumbnails"; 39 | @import "bootstrap/alerts"; 40 | @import "bootstrap/progress-bars"; 41 | @import "bootstrap/media"; 42 | @import "bootstrap/list-group"; 43 | @import "bootstrap/panels"; 44 | @import "bootstrap/responsive-embed"; 45 | @import "bootstrap/wells"; 46 | @import "bootstrap/close"; 47 | 48 | // Components w/ JavaScript 49 | @import "bootstrap/modals"; 50 | @import "bootstrap/tooltip"; 51 | @import "bootstrap/popovers"; 52 | @import "bootstrap/carousel"; 53 | 54 | // Utility classes 55 | @import "bootstrap/utilities"; 56 | @import "bootstrap/responsive-utilities"; 57 | -------------------------------------------------------------------------------- /src/_scss/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color 19 | } 20 | 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: $alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | 32 | > p + p { 33 | margin-top: 5px; 34 | } 35 | } 36 | 37 | // Dismissible alerts 38 | // 39 | // Expand the right padding and account for the close button's positioning. 40 | 41 | // The misspelled .alert-dismissable was deprecated in 3.2.0. 42 | .alert-dismissable, 43 | .alert-dismissible { 44 | padding-right: ($alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /src/_scss/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 | line-height: $badge-line-height; 14 | color: $badge-color; 15 | text-align: center; 16 | white-space: nowrap; 17 | vertical-align: middle; 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 | -------------------------------------------------------------------------------- /src/_scss/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 | padding: 0 5px; 18 | color: $breadcrumb-color; 19 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 20 | $nbsp: "\00a0"; 21 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /src/_scss/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 | appearance: none; 37 | } 38 | -------------------------------------------------------------------------------- /src/_scss/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: $font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: 700; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: (($line-height-computed - 1) / 2); 44 | margin: 0 0 ($line-height-computed / 2); 45 | font-size: ($font-size-base - 1); // 14px to 13px 46 | line-height: $line-height-base; 47 | color: $pre-color; 48 | word-break: break-all; 49 | word-wrap: break-word; 50 | background-color: $pre-bg; 51 | border: 1px solid $pre-border-color; 52 | border-radius: $border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: $pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /src/_scss/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 | 14 | &.in { 15 | opacity: 1; 16 | } 17 | } 18 | 19 | .collapse { 20 | display: none; 21 | 22 | &.in { display: block; } 23 | // [converter] extracted tr&.in to tr.collapse.in 24 | // [converter] extracted tbody&.in to tbody.collapse.in 25 | } 26 | 27 | tr.collapse.in { display: table-row; } 28 | 29 | tbody.collapse.in { display: table-row-group; } 30 | 31 | .collapsing { 32 | position: relative; 33 | height: 0; 34 | overflow: hidden; 35 | @include transition-property(height, visibility); 36 | @include transition-duration(.35s); 37 | @include transition-timing-function(ease); 38 | } 39 | -------------------------------------------------------------------------------- /src/_scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | .row-no-gutters { 44 | margin-right: 0; 45 | margin-left: 0; 46 | 47 | [class*="col-"] { 48 | padding-right: 0; 49 | padding-left: 0; 50 | } 51 | } 52 | 53 | 54 | // Columns 55 | // 56 | // Common styles for small and large grid columns 57 | 58 | @include make-grid-columns; 59 | 60 | 61 | // Extra small grid 62 | // 63 | // Columns, offsets, pushes, and pulls for extra small devices like 64 | // smartphones. 65 | 66 | @include make-grid(xs); 67 | 68 | 69 | // Small grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the small device range, from phones 72 | // to tablets. 73 | 74 | @media (min-width: $screen-sm-min) { 75 | @include make-grid(sm); 76 | } 77 | 78 | 79 | // Medium grid 80 | // 81 | // Columns, offsets, pushes, and pulls for the desktop device range. 82 | 83 | @media (min-width: $screen-md-min) { 84 | @include make-grid(md); 85 | } 86 | 87 | 88 | // Large grid 89 | // 90 | // Columns, offsets, pushes, and pulls for the large desktop device range. 91 | 92 | @media (min-width: $screen-lg-min) { 93 | @include make-grid(lg); 94 | } 95 | -------------------------------------------------------------------------------- /src/_scss/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 | padding-right: ($grid-gutter-width / 2); 31 | padding-left: ($grid-gutter-width / 2); 32 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 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-right: ($jumbotron-padding * 2); 46 | padding-left: ($jumbotron-padding * 2); 47 | } 48 | 49 | h1, 50 | .h1 { 51 | font-size: $jumbotron-heading-font-size; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/_scss/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: 700; 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 | -------------------------------------------------------------------------------- /src/_scss/bootstrap/_list-group.scss: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on