├── .editorconfig ├── .gitignore ├── CHANGELOG ├── LICENCE.md ├── README.md ├── accordion └── bst-accordion.sublime-snippet ├── alerts ├── bst-alert-danger.sublime-snippet ├── bst-alert-info.sublime-snippet ├── bst-alert-success.sublime-snippet ├── bst-alert-warning.sublime-snippet └── bst-alert.sublime-snippet ├── autocomplete-class.sublime-completions ├── badges └── bst-badge.sublime-snippet ├── breadcrumbs └── bst-breadcrumbs.sublime-snippet ├── buttons ├── bst-block-button-danger.sublime-snippet ├── bst-block-button-default.sublime-snippet ├── bst-block-button-disabled.sublime-snippet ├── bst-block-button-info.sublime-snippet ├── bst-block-button-primary.sublime-snippet ├── bst-block-button-success.sublime-snippet ├── bst-block-button-warning.sublime-snippet ├── bst-block-button.sublime-snippet ├── bst-button-danger.sublime-snippet ├── bst-button-default.sublime-snippet ├── bst-button-disabled.sublime-snippet ├── bst-button-group-vertical.sublime-snippet ├── bst-button-group.sublime-snippet ├── bst-button-info.sublime-snippet ├── bst-button-primary.sublime-snippet ├── bst-button-success.sublime-snippet ├── bst-button-toolbar.sublime-snippet ├── bst-button-warning.sublime-snippet ├── bst-button.sublime-snippet ├── bst-lg-button-danger.sublime-snippet ├── bst-lg-button-default.sublime-snippet ├── bst-lg-button-disabled.sublime-snippet ├── bst-lg-button-info.sublime-snippet ├── bst-lg-button-primary.sublime-snippet ├── bst-lg-button-success.sublime-snippet ├── bst-lg-button-warning.sublime-snippet ├── bst-lg-button.sublime-snippet ├── bst-mini-button-danger.sublime-snippet ├── bst-mini-button-default.sublime-snippet ├── bst-mini-button-disabled.sublime-snippet ├── bst-mini-button-info.sublime-snippet ├── bst-mini-button-primary.sublime-snippet ├── bst-mini-button-success.sublime-snippet ├── bst-mini-button-warning.sublime-snippet ├── bst-mini-button.sublime-snippet ├── bst-sm-button-danger.sublime-snippet ├── bst-sm-button-default.sublime-snippet ├── bst-sm-button-disabled.sublime-snippet ├── bst-sm-button-info.sublime-snippet ├── bst-sm-button-primary.sublime-snippet ├── bst-sm-button-success.sublime-snippet ├── bst-sm-button-warning.sublime-snippet └── bst-sm-button.sublime-snippet ├── carousel └── bst-carousel.sublime-snippet ├── cdn ├── bst-cdn-css.sublime-snippet ├── bst-cdn-js.sublime-snippet └── bst-cdn.sublime-snippet ├── form ├── bst-form-horizontal.sublime-snippet ├── bst-form-inline.sublime-snippet ├── bst-form-label.sublime-snippet ├── bst-form.sublime-snippet ├── bst-input-checkbox.sublime-snippet ├── bst-input-color-h.sublime-snippet ├── bst-input-color.sublime-snippet ├── bst-input-date-h.sublime-snippet ├── bst-input-date.sublime-snippet ├── bst-input-email-h.sublime-snippet ├── bst-input-email.sublime-snippet ├── bst-input-hidden.sublime-snippet ├── bst-input-label.sublime-snippet ├── bst-input-month-h.sublime-snippet ├── bst-input-month.sublime-snippet ├── bst-input-number-h.sublime-snippet ├── bst-input-number.sublime-snippet ├── bst-input-password-h.sublime-snippet ├── bst-input-password.sublime-snippet ├── bst-input-radio.sublime-snippet ├── bst-input-range-h.sublime-snippet ├── bst-input-range.sublime-snippet ├── bst-input-reset-h.sublime-snippet ├── bst-input-reset.sublime-snippet ├── bst-input-search-h.sublime-snippet ├── bst-input-search.sublime-snippet ├── bst-input-select-h.sublime-snippet ├── bst-input-select.sublime-snippet ├── bst-input-submit-h.sublime-snippet ├── bst-input-submit.sublime-snippet ├── bst-input-tel-h.sublime-snippet ├── bst-input-tel.sublime-snippet ├── bst-input-text-h.sublime-snippet ├── bst-input-text.sublime-snippet ├── bst-input-time-h.sublime-snippet ├── bst-input-time.sublime-snippet ├── bst-input-url-h.sublime-snippet ├── bst-input-url.sublime-snippet ├── bst-input-week-h.sublime-snippet └── bst-input-week.sublime-snippet ├── grid ├── bst-col-1.sublime-snippet ├── bst-col-10.sublime-snippet ├── bst-col-11.sublime-snippet ├── bst-col-12.sublime-snippet ├── bst-col-2.sublime-snippet ├── bst-col-3.sublime-snippet ├── bst-col-4.sublime-snippet ├── bst-col-5.sublime-snippet ├── bst-col-6.sublime-snippet ├── bst-col-7.sublime-snippet ├── bst-col-8.sublime-snippet ├── bst-col-9.sublime-snippet └── bst-col.sublime-snippet ├── icon ├── bst-icon-glyphicon.sublime-snippet └── bst-icon.sublime-snippet ├── images ├── bst-image.sublime-snippet ├── bst-thumbnail-content.sublime-snippet └── bst-thumbnail.sublime-snippet ├── jumbotron └── bst-jumbotron.sublime-snippet ├── labels ├── bst-label-danger.sublime-snippet ├── bst-label-default.sublime-snippet ├── bst-label-info.sublime-snippet ├── bst-label-success.sublime-snippet ├── bst-label-warning.sublime-snippet └── bst-label.sublime-snippet ├── list-groups ├── bst-list-group-badges.sublime-snippet ├── bst-list-group-content.sublime-snippet ├── bst-list-group-linked.sublime-snippet └── bst-list-group.sublime-snippet ├── media └── bst-media-object.sublime-snippet ├── messages.json ├── messages ├── 1-1-10.txt ├── 1-1-11.txt ├── 1-1-2.txt ├── 1-1-27.txt ├── 1-1-3.txt ├── 1-1-31.txt ├── 1-1-4.txt ├── 1-1-6.txt ├── 1-1-9.txt └── install.txt ├── modal └── bst-modal.sublime-snippet ├── navigation ├── bst-navbar-basic.sublime-snippet ├── bst-navbar-brand.sublime-snippet ├── bst-navbar-fixed-bottom.sublime-snippet ├── bst-navbar-fixed-top.sublime-snippet ├── bst-navbar-form.sublime-snippet ├── bst-navbar-inverse.sublime-snippet ├── bst-navbar-link.sublime-snippet ├── bst-navbar-links.sublime-snippet ├── bst-navbar-responsive.sublime-snippet ├── bst-navbar-static-top.sublime-snippet ├── bst-navbar-text.sublime-snippet ├── bst-navbar.sublime-snippet └── bst-navbar:button.sublime-snippet ├── page-header └── bst-page-header.sublime-snippet ├── pagination ├── bst-pager-aligned.sublime-snippet ├── bst-pager.sublime-snippet ├── bst-pagination-lg.sublime-snippet ├── bst-pagination-sm.sublime-snippet └── bst-pagination.sublime-snippet ├── panels ├── bst-panel-danger.sublime-snippet ├── bst-panel-footer.sublime-snippet ├── bst-panel-heading.sublime-snippet ├── bst-panel-info.sublime-snippet ├── bst-panel-primary.sublime-snippet ├── bst-panel-success.sublime-snippet ├── bst-panel-table.sublime-snippet ├── bst-panel-warning.sublime-snippet └── bst-panel.sublime-snippet ├── progress-bar └── progress.sublime-snippet ├── table ├── bst-table-bordered.sublime-snippet ├── bst-table-condensed.sublime-snippet ├── bst-table-hover.sublime-snippet ├── bst-table-responsive.sublime-snippet ├── bst-table-striped.sublime-snippet └── bst-table.sublime-snippet └── template ├── bst-h5bp-index-jade.sublime-snippet ├── bst-h5bp-layout-jade.sublime-snippet ├── bst-html5-template.sublime-snippet ├── bst-tpl-blog.sublime-snippet ├── bst-tpl-carousel.sublime-snippet ├── bst-tpl-cover.sublime-snippet ├── bst-tpl-dashboard.sublime-snippet ├── bst-tpl-grid.sublime-snippet ├── bst-tpl-jumbotron-narrow.sublime-snippet ├── bst-tpl-jumbotron.sublime-snippet ├── bst-tpl-justified-nav.sublime-snippet ├── bst-tpl-navbar-fixed-top.sublime-snippet ├── bst-tpl-navbar-static-top.sublime-snippet ├── bst-tpl-navbar.sublime-snippet ├── bst-tpl-non-responsive.sublime-snippet ├── bst-tpl-offcanvas.sublime-snippet ├── bst-tpl-signin.sublime-snippet ├── bst-tpl-starter-template.sublime-snippet ├── bst-tpl-sticky-footer-navbar.sublime-snippet ├── bst-tpl-sticky-footer.sublime-snippet └── bst-tpl-theme.sublime-snippet /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.sublime-snippet] 2 | indent_style = tab 3 | indent_size = 4 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /CHANGELOG: -------------------------------------------------------------------------------- 1 | Bootstrap 3 Plugin for jade 2 | ================== 3 | Started: 12 october 2013 4 | ================== 5 | 6 | 26 october 2013 : 7 | 8 | - add class name completion 9 | 10 | 11 | =============================================================== 12 | 13 | Created by: 14 | @rs459 (Twitter) 15 | 16 | Based on work of : 17 | @JasonMortonNZ (Twitter) 18 | http://github.com/JasonMortonNZ (Github) -------------------------------------------------------------------------------- /LICENCE.md: -------------------------------------------------------------------------------- 1 | Original work Copyright (c) 2013 Jason Morton @JasonMortonNZ 2 | Modified work Copyright 2013 Fabrice Piedanna @rs459 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy 5 | of this software and associated documentation files (the "Software"), to deal 6 | in the Software without restriction, including without limitation the rights 7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the Software is 9 | furnished to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in 12 | all copies or substantial portions of the Software. 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Twitter Bootstrap 3 Jade 2 | ================== 3 | Sublime Text Plugin 4 | ================== 5 | 6 | ### Please feel free to contribute 7 | - [@rs459 on Twitter](https://twitter.com/rs459) 8 | - [Opening an issue, contributing, proposing enhancement](https://github.com/rs459/bs3-jade-sublime-plugin/issues) 9 | 10 | #### This plugin is a fork of [JasonMortonNZ/bs3-sublime-plugin (for HTML)](https://github.com/JasonMortonNZ/bs3-sublime-plugin/) 11 | 12 | A sublime plugin complete with Twitter Bootstrap 3 snippets 13 | 14 | ## Dependency 15 | 16 | - Jade language plugin 17 | 18 | ## Class name completion 19 | 20 | ## What's included - contents 21 | - [Alerts](https://github.com/rs459/bootstrap3-jade-sublime-plugin#alerts) 22 | - [Badges](https://github.com/rs459/bootstrap3-jade-sublime-plugin#badges) 23 | - [Breadcrumbs](https://github.com/rs459/bootstrap3-jade-sublime-plugin#breadcrumbs) 24 | - [Buttons](https://github.com/rs459/bootstrap3-jade-sublime-plugin#buttons) 25 | - [CDN](https://github.com/rs459/bootstrap3-jade-sublime-plugin#cdn) 26 | - [Grid](https://github.com/rs459/bootstrap3-jade-sublime-plugin#grid) 27 | - [Forms](https://github.com/rs459/bootstrap3-jade-sublime-plugin#forms) 28 | - [Icons](https://github.com/rs459/bootstrap3-jade-sublime-plugin#icons) 29 | - [Images](https://github.com/rs459/bootstrap3-jade-sublime-plugin#images) 30 | - [Input](https://github.com/rs459/bootstrap3-jade-sublime-plugin#input-fields-form-fields) 31 | - [Javascript Component](https://github.com/rs459/bootstrap3-jade-sublime-plugin#javascript-component) 32 | - [Labels](https://github.com/rs459/bootstrap3-jade-sublime-plugin#labels) 33 | - [List Groups](https://github.com/rs459/bootstrap3-jade-sublime-plugin#list-groups) 34 | - [Media Objects](https://github.com/rs459/bootstrap3-jade-sublime-plugin#media) 35 | - [Navigation](https://github.com/rs459/bootstrap3-jade-sublime-plugin#navigation) 36 | - [Pagination](https://github.com/rs459/bootstrap3-jade-sublime-plugin#pagination) 37 | - [Panels](https://github.com/rs459/bootstrap3-jade-sublime-plugin#panels) 38 | - [Tables](https://github.com/rs459/bootstrap3-jade-sublime-plugin#tables) 39 | - [Templates](https://github.com/rs459/bootstrap3-jade-sublime-plugin#templates) 40 | - [License](https://github.com/rs459/bootstrap3-jade-sublime-plugin#license) 41 | 42 | 43 | ### Alerts 44 | 45 | | Component | Snippet code | 46 | |------------------------------- | ------------------------------ | 47 | | Alert Box (Default) | bst-alert | 48 | | Danger Alert Box | bst-alert:danger | 49 | | Info Alert Box | bst-alert:info | 50 | | Success Alert Box | bst-alert:success | 51 | | Warning Alert Box | bst-alert:warning | 52 | 53 | ### Badges 54 | 55 | | Component | Snippet code | 56 | |------------------------------- | ------------------------------ | 57 | | Badge (Default) | bst-badge | 58 | 59 | ### Breadcrumbs 60 | 61 | | Component | Snippet code | 62 | |------------------------------- | ------------------------------ | 63 | | Breadcrumbs | bst-breadcrumbs | 64 | 65 | ### Buttons 66 | 67 | **Note:** all button snippets below can have any of the following options append to the end of the snippet *. 68 | - :danger 69 | - :default 70 | - :disabled 71 | - :info 72 | - :primary 73 | - :success 74 | - :warning 75 | 76 | **An example:** 77 | - bst-button:success 78 | - bst-lg-button:disabled 79 | - bst-block-button:warning 80 | 81 | | Component | Snippet code | Options | 82 | |------------------------------- | ------------------------------ | :-----: | 83 | | Button | bst-button | * | 84 | | Block Button | bst-block-button | * | 85 | | Mini Button | bst-xs-button | * | 86 | | Small Button | bst-sm-button | * | 87 | | Large Button | bst-lg-button | * | 88 | | Button | bst-button | * | 89 | 90 | ### CDN 91 | 92 | | Component | Snippet code | 93 | |------------------------------- | :-----------------------------:| 94 | | CDN link (both CSS & JS) | bst-cdn | 95 | | CDN link (CSS only) | bst-cdn:css | 96 | | CDN link (JS only) | bst-cdn:js | 97 | 98 | ### Forms 99 | 100 | | Component | Snippet code | 101 | |------------------------------- | ----------------------------- | 102 | | Form | bst-form | 103 | | Inline Form | bst-form:inline | 104 | | Horizontal Form | bst-form:horizontal | 105 | 106 | ### Grid 107 | 108 | **Note:** The bst-col snippet can be used both on its own or with the addition of a colon followed by the number of columns required: **E.g.** 109 | 110 | - bst-col 111 | - bst-col:6 112 | - bst-col:12 113 | 114 | | Component | Snippet code | Options | 115 | |------------------------------- | ------------------------------ | :-----: | 116 | | Column | bst-col | :1-12 | 117 | 118 | ### Icons 119 | 120 | | Component | Snippet code | 121 | |------------------------------- | ------------------------------ | 122 | | Glyphicon | bst-icon:glyphicon | 123 | | Icon (Font Awesome) | bst-icon | 124 | 125 | ### Images 126 | 127 | | Component | Snippet code | 128 | |------------------------------- | ------------------------------ | 129 | | Thumbnail | bst-thumbnail | 130 | | Thumbnail with content | bst-thumbnail:content | 131 | 132 | ### Input Fields (Form fields) 133 | 134 | **Note:** you can add " :h " to the end of any input field snippet to make it compatible with Twitter Bootstrap 3 horizontal forms. **E.g.** 135 | - bst-input:text:h 136 | - bst-input:hidden:h 137 | 138 | 139 | | Component | Snippet code | Options | 140 | |------------------------------- | ------------------------------ | :-----: | 141 | | Label | bst-input:label | | 142 | | Text Input | bst-input:text | :h | 143 | | Email Input | bst-input:email | :h | 144 | | Password Input | bst-input:password | :h | 145 | | Hidden Input | bst-input:hidden | :h | 146 | | Url Input | bst-input:url | :h | 147 | | Color Input | bst-input:color | :h | 148 | | Number Input | bst-input:number | :h | 149 | | Range Input | bst-input:range | :h | 150 | | Date Input | bst-input:date | :h | 151 | | Week Input | bst-input:week | :h | 152 | | Month Input | bst-input:month | :h | 153 | | Time Input | bst-input:time | :h | 154 | | Tel Input | bst-input:tel | :h | 155 | | Search Input | bst-input:search | :h | 156 | | Reset Input | bst-input:reset | :h | 157 | | Submit Input | bst-input:submit | :h | 158 | | Checkbox Input | bst-input:checkbox | :h | 159 | | Radio Box Input | bst-input:radio | :h | 160 | 161 | ### Javascript Component 162 | 163 | | Component | Snippet code | 164 | |------------------------------- | ------------------------------ | 165 | | Accordion | bst-accordion | 166 | | Carousel | bst-carousel | 167 | | Modal | bst-modal | 168 | 169 | ### Jumbotron 170 | 171 | | Component | Snippet code | 172 | |------------------------------- | ------------------------------ | 173 | | Jumbotron (ex Hero Unit) | bst-jumbotron | 174 | 175 | ### Labels 176 | 177 | | Component | Snippet code | 178 | |------------------------------- | ------------------------------ | 179 | | Label | bst-label | 180 | | Danger Label | bst-label:danger | 181 | | Info Label | bst-label:info | 182 | | Success Label | bst-label:success | 183 | | Warning Label | bst-label:warning | 184 | 185 | ### List-groups 186 | 187 | | Component | Snippet code | 188 | |------------------------------- | ------------------------------ | 189 | | List group | bst-list-group | 190 | | List group (with badges) | bst-list-group:badges | 191 | | List group (linked list) | bst-list-group:linked | 192 | | List group (with content) | bst-list-group:content | 193 | 194 | ### Media Objects 195 | 196 | | Component | Snippet code | 197 | |------------------------------- | ------------------------------ | 198 | | Media Object | bst-media | 199 | 200 | ### Navigation 201 | 202 | | Component | Snippet code | 203 | |------------------------------- | ------------------------------ | 204 | | Navbar (basic navbar) | bst-navbar | 205 | | Navbar Brand Element | bst-navbar:brand | 206 | | Navbar Button | bst-navbar:button | 207 | | Navbar Form | bst-navbar:form | 208 | | Navbar Link | bst-navbar:link | 209 | | Navbar Text | bst-navbar:text | 210 | | Navbar Fixed-Botton | bst-navbar:fixed-bottom | 211 | | Navbar Fixed-Top | bst-navbar:fixed-top | 212 | | Navbar Inverse | bst-navbar:inverse | 213 | | Navbar Responsive | bst-navbar:responsive | 214 | | Navbar Static-Top | bst-navbar:static-top | 215 | 216 | ### Pagination 217 | 218 | | Component | Snippet code | 219 | |------------------------------- | ------------------------------ | 220 | | Pager | bst-pager | 221 | | Aligned Pager | bst-pager:aligned | 222 | | Pagination | bst-pagination | 223 | | Pagination:small | bst-pagination:small | 224 | | Pagination:large | bst-pagination:large | 225 | 226 | ### Panels 227 | 228 | | Component | Snippet code | 229 | |------------------------------- | ------------------------------ | 230 | | Panel | bst-panel | 231 | | Panel (contextual) | bst-panel:{warning,success,info,danger,primary} | 232 | | Panel (with heading) | bst-panel:heading | 233 | | Panel (with footer) | bst-panel:footer | 234 | 235 | ### Progress bar 236 | 237 | | Component | Snippet code | 238 | |------------------------------- | ------------------------------ | 239 | | Progress Bar | bst-progress | 240 | 241 | ### Tables 242 | 243 | | Component | Snippet code | 244 | |------------------------------- | ---------------------------- | 245 | | Table | bst-table | 246 | | Bordered Table | bst-table:bordered | 247 | | Condensed Table | bst-table:condensed | 248 | | Hover Table | bst-table:hover | 249 | | Striped Table | bst-table:striped | 250 | 251 | ### Templates 252 | 253 | | Component | Snippet code | 254 | |--------------------------------------------------------------------------------- | ----------------------------- | 255 | | HTML5 Template Layout | bst-template:html5 | 256 | | H5BP layout Template | bst-h5bp-layout-jade | 257 | | H5BP index Template | bst-h5bo-index-jade | 258 | | [BS3 blog](http://getbootstrap.com/examples/blog) | bst-tpl-blog | 259 | | [BS3 carousel](http://getbootstrap.com/examples/carousel) | bst-tpl-carousel | 260 | | [BS3 cover](http://getbootstrap.com/examples/cover) | bst-tpl-cover | 261 | | [BS3 dashboard](http://getbootstrap.com/examples/dashboard) | bst-tpl-dashboard | 262 | | [BS3 grid](http://getbootstrap.com/examples/grid/) | bst-tpl-grid | 263 | | [BS3 jumbotron narrow](http://getbootstrap.com/examples/jumbotron-narrow/) | bst-tpl-jumbotron-narrow | 264 | | [BS3 jumbotron](http://getbootstrap.com/examples/jumbotron/) | bst-tpl-jumbotron | 265 | | [BS3 justified nav](http://getbootstrap.com/examples/justified-nav) | bst-tpl-justified-nav | 266 | | [BS3 navbar fixed top](http://getbootstrap.com/examples/navbar-fixed-top) | bst-tpl-navbar-fixed-top | 267 | | [BS3 navbar static top](http://getbootstrap.com/examples/navbar-static-top) | bst-tpl-navbar-static-top | 268 | | [BS3 navbar](http://getbootstrap.com/examples/navbar) | bst-tpl-navbar | 269 | | [BS3 non responsive](http://getbootstrap.com/examples/non-responsive) | bst-tpl-non-responsive | 270 | | [BS3 offcanvas](http://getbootstrap.com/examples/offcanvas/) | bst-tpl-offcanvas | 271 | | [BS3 signin](http://getbootstrap.com/examples/signin/) | bst-tpl-starter-signin | 272 | | [BS3 starter template](http://getbootstrap.com/examples/starter-template/) | bst-tpl-starter-template | 273 | | [BS3 sticky footer navbar](http://getbootstrap.com/examples/sticky-footer-navbar)| bst-tpl-sticky-foote-navbar | 274 | | [BS3 sticky footer](http://getbootstrap.com/examples/sticky-footer) | bst-tpl-sticky-footer | 275 | | [BS3 theme](http://getbootstrap.com/examples/theme) | bst-tpl-theme | 276 | 277 | 278 | ### License 279 | 280 | Twitter Bootstrap 3 Jade - Sublime Text Plugin is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT). 281 | -------------------------------------------------------------------------------- /accordion/bst-accordion.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 21 | 22 | bst-accordion 23 | 24 | entity.name.tag.jade, entity.name.tag.pug 25 | 26 | -------------------------------------------------------------------------------- /alerts/bst-alert-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-alert:danger 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /alerts/bst-alert-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-alert:info 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /alerts/bst-alert-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-alert:success 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /alerts/bst-alert-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-alert:warning 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /alerts/bst-alert.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-alert 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /autocomplete-class.sublime-completions: -------------------------------------------------------------------------------- 1 | { 2 | "scope": "text.jade, text.pug", 3 | "completions": 4 | [ 5 | "accordion-group", 6 | "accordion-toggle", 7 | "active", 8 | "alert", 9 | "alert-danger", 10 | "alert-dismissable", 11 | "alert-info", 12 | "alert-link", 13 | "alert-success", 14 | "alert-warning", 15 | "badge", 16 | "bg-danger", 17 | "bg-dismissable", 18 | "bg-info", 19 | "bg-link", 20 | "bg-success", 21 | "bg-warning", 22 | "breadcrumb", 23 | "btn", 24 | "btn-block", 25 | "btn-danger", 26 | "btn-default", 27 | "btn-group-justified", 28 | "btn-group-lg", 29 | "btn-group-sm", 30 | "btn-group-vertical", 31 | "btn-group-xs", 32 | "btn-info", 33 | "btn-lg", 34 | "btn-link", 35 | "btn-primary", 36 | "btn-sm", 37 | "btn-success", 38 | "btn-xs", 39 | "caption", 40 | "caret", 41 | "carousel", 42 | "carousel-caption", 43 | "carousel-control", 44 | "carousel-indicators", 45 | "carousel-inner", 46 | "center-box", 47 | "checkbox", 48 | "checkbox-inline", 49 | "clearfix", 50 | "close", 51 | "col-lg-", 52 | "col-lg-offset-", 53 | "col-lg-pull-", 54 | "col-lg-push-", 55 | "col-md-", 56 | "col-md-offset-", 57 | "col-md-pull-", 58 | "col-md-push-", 59 | "col-sm-", 60 | "col-sm-offset-", 61 | "col-sm-pull-", 62 | "col-sm-push-", 63 | "col-xs-", 64 | "col-xs-offset-", 65 | "col-xs-pull-", 66 | "col-xs-push-", 67 | "collapse", 68 | "container", 69 | "control-label", 70 | "danger", 71 | "disabled", 72 | "divider", 73 | "dl-horizontal", 74 | "dropdown", 75 | "dropdown-header", 76 | "dropdown-menu", 77 | "dropdown-toggle", 78 | "dropup", 79 | "form-control", 80 | "form-control-static", 81 | "form-group", 82 | "form-horizontal", 83 | "form-inline", 84 | "glyphicon", 85 | "has-error", 86 | "has-success", 87 | "has-warning", 88 | "help-block", 89 | "hidden", 90 | "hidden-lg", 91 | "hidden-md", 92 | "hidden-print", 93 | "hidden-sm", 94 | "hidden-xs", 95 | "img-circle", 96 | "img-responsive", 97 | "img-rounded", 98 | "img-thumbnail", 99 | "initialism", 100 | "input-group", 101 | "input-group-addon", 102 | "input-group-btn", 103 | "input-group-lg", 104 | "input-group-sm", 105 | "input-lg", 106 | "input-sm", 107 | "invisible", 108 | "item", 109 | "jumbotron", 110 | "label", 111 | "label-danger", 112 | "label-default", 113 | "label-info", 114 | "label-primary", 115 | "label-success", 116 | "label-warning", 117 | "lead", 118 | "left", 119 | "list-group", 120 | "list-group-item", 121 | "list-group-item-heading", 122 | "list-group-item-text", 123 | "list-inline", 124 | "list-unstyled", 125 | "media", 126 | "media-body", 127 | "media-header", 128 | "modal", 129 | "modal-body", 130 | "modal-content", 131 | "modal-dialog", 132 | "modal-footer", 133 | "modal-title", 134 | "nav", 135 | "nav-justified", 136 | "nav-pills", 137 | "nav-stacked", 138 | "nav-tabs", 139 | "navbar", 140 | "navbar-brand", 141 | "navbar-btn", 142 | "navbar-default", 143 | "navbar-fixed-bottom", 144 | "navbar-fixed-top", 145 | "navbar-form", 146 | "navbar-header", 147 | "navbar-inverse", 148 | "navbar-left", 149 | "navbar-nav", 150 | "navbar-right", 151 | "navbar-static-top", 152 | "navbar-text", 153 | "next", 154 | "page-header", 155 | "pager", 156 | "pagination", 157 | "pagination-lg", 158 | "pagination-sm", 159 | "panel", 160 | "panel-body", 161 | "panel-collapse", 162 | "panel-danger", 163 | "panel-footer", 164 | "panel-heading", 165 | "panel-info", 166 | "panel-primary", 167 | "panel-success", 168 | "panel-title", 169 | "panel-warning", 170 | "pre-scrollable", 171 | "previous", 172 | "progress", 173 | "progress-bar", 174 | "progress-bar-danger", 175 | "progress-bar-info", 176 | "progress-bar-success", 177 | "progress-bar-warning", 178 | "progress-striped", 179 | "pull-left", 180 | "pull-right", 181 | "radio", 182 | "radio-inline", 183 | "right", 184 | "row", 185 | "show", 186 | "slide", 187 | "sr-only", 188 | "sr-only-focusable", 189 | "success", 190 | "tab-content", 191 | "tab-pane", 192 | "table-bordered", 193 | "table-condensed", 194 | "table-hover", 195 | "table-responsive", 196 | "table-striped", 197 | "text-center", 198 | "text-danger", 199 | "text-hide", 200 | "text-info", 201 | "text-left", 202 | "text-muted", 203 | "text-primary", 204 | "text-right", 205 | "text-success", 206 | "text-warning", 207 | "thumbnail", 208 | "visible-xs-block", 209 | "visible-xs-inline", 210 | "visible-xs-inline-block", 211 | "visible-sm-block", 212 | "visible-sm-inline", 213 | "visible-sm-inline-block", 214 | "visible-md-block", 215 | "visible-md-inline", 216 | "visible-md-inline-block", 217 | "visible-lg-block", 218 | "visible-lg-inline", 219 | "visible-lg-inline-block", 220 | "visible-print-block", 221 | "visible-print-inline", 222 | "visible-print-inline-block", 223 | "warning", 224 | "well", 225 | "well-lg", 226 | "well-sm" 227 | ] 228 | } 229 | 230 | 231 | -------------------------------------------------------------------------------- /badges/bst-badge.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-badge 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /breadcrumbs/bst-breadcrumbs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-breadcrumbs 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /buttons/bst-block-button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-disabled.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:disabled 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:primary 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-block-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-block-button 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-disabled.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:disabled 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-group-vertical.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-group:vertical 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /buttons/bst-button-group.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-group 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /buttons/bst-button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:primary 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button-toolbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-toolbar 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /buttons/bst-button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-button 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-disabled.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:disabled 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:primary 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-lg-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-lg-button 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-disabled.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:disabled 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:primary 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-mini-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-xs-button 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-disabled.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:disabled 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:primary 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /buttons/bst-sm-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-sm-button 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /carousel/bst-carousel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 17 | 18 | bst-carousel 19 | 20 | entity.name.tag.jade, entity.name.tag.pug 21 | 22 | -------------------------------------------------------------------------------- /cdn/bst-cdn-css.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-cdn:css 9 | 10 | 11 | -------------------------------------------------------------------------------- /cdn/bst-cdn-js.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-cdn:js 9 | 10 | 11 | -------------------------------------------------------------------------------- /cdn/bst-cdn.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-cdn 11 | 12 | 13 | -------------------------------------------------------------------------------- /form/bst-form-horizontal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-form:horizontal 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /form/bst-form-inline.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-form:inline 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | 14 | -------------------------------------------------------------------------------- /form/bst-form-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-form:label 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-form.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-form 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /form/bst-input-checkbox.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-input:checkbox 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | -------------------------------------------------------------------------------- /form/bst-input-color-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:color:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-color.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:color 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-date-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:date:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-date.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:date 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-email-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:email:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-email.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:email 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-hidden.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:hidden 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:label 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | -------------------------------------------------------------------------------- /form/bst-input-month-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:month:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /form/bst-input-month.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:month 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | -------------------------------------------------------------------------------- /form/bst-input-number-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:number:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-number.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:number 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-password-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:password:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-password.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:password 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-radio.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:radio 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /form/bst-input-range-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:range:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-range.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:range 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-reset-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-input:reset:h 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /form/bst-input-reset.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:reset 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-search-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:search:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-search.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:search 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-select-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-input:select:h 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /form/bst-input-select.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | bst-input:select 8 | 9 | entity.name.tag.jade, entity.name.tag.pug 10 | -------------------------------------------------------------------------------- /form/bst-input-submit-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-input:submit:h 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /form/bst-input-submit.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:submit 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-tel-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:tel:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-tel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:tel 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-text-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:text:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-text.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:text 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-time-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:time:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-time.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:time 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-url-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:url:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-url.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:url 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /form/bst-input-week-h.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-input:week:h 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /form/bst-input-week.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-input:week 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-1.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:1 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-10.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:10 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-11.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:11 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-12.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:12 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-2.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:2 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-3.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:3 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-4.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:4 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-5.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:5 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-6.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:6 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-7.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:7 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-8.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:8 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col-9.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col:9 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /grid/bst-col.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-col 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /icon/bst-icon-glyphicon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-icon:glyphicon 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /icon/bst-icon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-icon 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /images/bst-image.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-image 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /images/bst-thumbnail-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | bst-thumbnail:content 15 | 16 | entity.name.tag.jade, entity.name.tag.pug 17 | 18 | -------------------------------------------------------------------------------- /images/bst-thumbnail.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-thumbnail 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /jumbotron/bst-jumbotron.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-jumbotron 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | 15 | -------------------------------------------------------------------------------- /labels/bst-label-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label:danger 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /labels/bst-label-default.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label:default 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /labels/bst-label-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label:info 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /labels/bst-label-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label:success 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /labels/bst-label-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label:warning 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /labels/bst-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-label 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /list-groups/bst-list-group-badges.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 14 | 15 | bst-list-group:badges 16 | 17 | entity.name.tag.jade, entity.name.tag.pug 18 | -------------------------------------------------------------------------------- /list-groups/bst-list-group-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-list-group:content 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /list-groups/bst-list-group-linked.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-list-group:linked 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /list-groups/bst-list-group.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-list-group 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /media/bst-media-object.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | bst-media 12 | 13 | entity.name.tag.jade, entity.name.tag.pug 14 | -------------------------------------------------------------------------------- /messages.json: -------------------------------------------------------------------------------- 1 | { 2 | "install": "messages/install.txt", 3 | "1.1.1": "messages/1-1-2.txt", 4 | "1.1.3": "messages/1-1-3.txt", 5 | "1.1.4": "messages/1-1-4.txt", 6 | "1.1.9": "messages/1-1-9.txt", 7 | "1.1.10": "messages/1-1-10.txt", 8 | "1.1.11": "messages/1-1-11.txt", 9 | "1.1.27": "messages/1-1-27.txt" 10 | } 11 | -------------------------------------------------------------------------------- /messages/1-1-10.txt: -------------------------------------------------------------------------------- 1 | UPDATE for bootstrap 3.3.0 2 | 3 | - mostly a11y improvement 4 | - typo fix -------------------------------------------------------------------------------- /messages/1-1-11.txt: -------------------------------------------------------------------------------- 1 | UPDATE for bootstrap 3.3.2 2 | 3 | All examples updated for 3.3.2 4 | 5 | 6 | TODO : 7 | 8 | Some snippet need to be upgraded for following improvment of bootstrap (a11y , semantics) 9 | 10 | - add hidden label for "form" without label use "sr-only" 11 | - remove uneccessary (role="navigation") when it's main "nav" 12 | - use "sr-only" for active "a (links)" 13 | DONE - update "role" and "aria-expanded" for dropdown-toggle 14 | DONE - use "span" instead of "b" 15 | - use "nav" for main "navigation" instead of "div" 16 | DONE - use "footer" for main "footer" instead of "div" 17 | DONE - remove "http:" inside "links" and "script" (let the browser choose the right protocol to use) 18 | - template theme need to be updated for following change of official example (http://getbootstrap.com/examples/theme/) 19 | -------------------------------------------------------------------------------- /messages/1-1-2.txt: -------------------------------------------------------------------------------- 1 | 2 | Give your feedback on github.com/rs459/bootstrap3-sublime-plugin 3 | 4 | - added classname 5 | - added page-header snippet -------------------------------------------------------------------------------- /messages/1-1-27.txt: -------------------------------------------------------------------------------- 1 | V1.1.27 2 | 3 | - Update classname completion (change inside jadeTmPlugin (source.jade become text.jade)) -------------------------------------------------------------------------------- /messages/1-1-3.txt: -------------------------------------------------------------------------------- 1 | Update to 3.1.1 2 | 3 | Update : 4 | 5 | - Respond.js 6 | - Holder.js 7 | - Htmlshiv.js 8 | 9 | Use of entity.name.tag.jade instead of source.jade (thank's to "rnosov") -------------------------------------------------------------------------------- /messages/1-1-31.txt: -------------------------------------------------------------------------------- 1 | - Update all snippets , now support completion for pug files. 2 | 3 | - Update to bootstrap 3.3.6 and jquery 1.12.4 4 | 5 | --------------------------- 6 | 7 | I don't use bootstrap anymore, if you have any suggestion please create an issue or make a pull request with your proposition. 8 | 9 | -------------------------------------------------------------------------------- /messages/1-1-4.txt: -------------------------------------------------------------------------------- 1 | V 1.1.4 2 | 3 | Added three examples : 4 | 5 | - blog 6 | - cover 7 | - dashboard 8 | 9 | Minor fix : 10 | 11 | - tabtrigger for bst-tpl-carousel 12 | - update cdn link assets for 3.1.1 13 | - remove div when that's not necessary (div.class > .class) 14 | 15 | Update the README 16 | 17 | thank's @rs459 -------------------------------------------------------------------------------- /messages/1-1-6.txt: -------------------------------------------------------------------------------- 1 | V 1.1.6 2 | 3 | Fix : 4 | 5 | deprecated !!!5 inside jade template -------------------------------------------------------------------------------- /messages/1-1-9.txt: -------------------------------------------------------------------------------- 1 | V1.1.9 2 | 3 | - Update classname completion 4 | - Update Cdn for 3.2.0 -------------------------------------------------------------------------------- /messages/install.txt: -------------------------------------------------------------------------------- 1 | ============================================= 2 | Thank you for installing Bootstrap 3 Jade Snippets 3 | ============================================= 4 | 5 | Bootstrap 3 snippets for jade is a selection of snippets 6 | that will greatly improve your workflow. 7 | 8 | This package is compatible with both Sublime 9 | Text versions 2 & 3. 10 | 11 | Documentation, examples & issue filing can be found here: 12 | https://github.com/rs459/bootstrap3-jade-sublime-plugin 13 | 14 | 15 | ### Dependency 16 | 17 | You need to install Jade language 18 | 19 | 20 | ### How to use ? 21 | 22 | Type bst-* inside jade file. 23 | 24 | 25 | 26 | ### Give your feedback on https://github.com/rs459/bootstrap3-jade-sublime-plugin 27 | 28 | 29 | 30 | 31 | 32 | ------------------------------ 33 | Follow me on Twitter: @rs459 34 | ------------------------------ 35 | 36 | fork and jade conversion of https://github.com/JasonMortonNZ/bs3-sublime-plugin 37 | 38 | ----------------------------- 39 | follow him on Twitter: @JasonMortonNZ 40 | ----------------------------- 41 | -------------------------------------------------------------------------------- /modal/bst-modal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 18 | 19 | bst-modal 20 | 21 | entity.name.tag.jade, entity.name.tag.pug 22 | 23 | -------------------------------------------------------------------------------- /navigation/bst-navbar-basic.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-navbar:basic 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /navigation/bst-navbar-brand.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-navbar:brand 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /navigation/bst-navbar-fixed-bottom.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-navbar:fixed-bottom 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /navigation/bst-navbar-fixed-top.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-navbar:fixed-top 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /navigation/bst-navbar-form.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-navbar:form 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /navigation/bst-navbar-inverse.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-navbar:inverse 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /navigation/bst-navbar-link.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | entity.name.tag.jade, entity.name.tag.pug 10 | 11 | -------------------------------------------------------------------------------- /navigation/bst-navbar-links.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-navbar:links 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | 14 | -------------------------------------------------------------------------------- /navigation/bst-navbar-responsive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 31 | 32 | bst-navbar:responsive 33 | 34 | entity.name.tag.jade, entity.name.tag.pug 35 | 36 | -------------------------------------------------------------------------------- /navigation/bst-navbar-static-top.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-navbar:static-top 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /navigation/bst-navbar-text.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-navbar:text 7 | 8 | entity.name.tag.jade, entity.name.tag.pug 9 | 10 | -------------------------------------------------------------------------------- /navigation/bst-navbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 31 | 32 | bst-navbar 33 | 34 | entity.name.tag.jade, entity.name.tag.pug 35 | 36 | -------------------------------------------------------------------------------- /navigation/bst-navbar:button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | bst-navbar:button 7 | 8 | source.jade 9 | 10 | -------------------------------------------------------------------------------- /page-header/bst-page-header.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:subtext} 5 | ]]> 6 | 7 | bst-page-header 8 | 9 | entity.name.tag.jade, entity.name.tag.pug 10 | -------------------------------------------------------------------------------- /pagination/bst-pager-aligned.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-pager:aligned 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /pagination/bst-pager.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-pager 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | 13 | -------------------------------------------------------------------------------- /pagination/bst-pagination-lg.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | bst-pagination:lg 15 | 16 | entity.name.tag.jade, entity.name.tag.pug 17 | 18 | -------------------------------------------------------------------------------- /pagination/bst-pagination-sm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | bst-pagination:sm 15 | 16 | entity.name.tag.jade, entity.name.tag.pug 17 | 18 | -------------------------------------------------------------------------------- /pagination/bst-pagination.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | bst-pagination 15 | 16 | entity.name.tag.jade, entity.name.tag.pug 17 | 18 | -------------------------------------------------------------------------------- /panels/bst-panel-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:danger 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-footer.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:footer 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-heading.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:heading 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:info 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:primary 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:success 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel-table.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 17 | 18 | bst-panel:table 19 | 20 | entity.name.tag.jade, entity.name.tag.pug 21 | -------------------------------------------------------------------------------- /panels/bst-panel-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | bst-panel:warning 11 | 12 | entity.name.tag.jade, entity.name.tag.pug 13 | -------------------------------------------------------------------------------- /panels/bst-panel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-panel 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | -------------------------------------------------------------------------------- /progress-bar/progress.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | bst-progress 9 | 10 | entity.name.tag.jade, entity.name.tag.pug 11 | 12 | -------------------------------------------------------------------------------- /table/bst-table-bordered.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-table:bordered 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /table/bst-table-condensed.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-table:condensed 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /table/bst-table-hover.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-table:hover 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /table/bst-table-responsive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 12 | 13 | bst-table:responsive 14 | 15 | entity.name.tag.jade, entity.name.tag.pug 16 | -------------------------------------------------------------------------------- /table/bst-table-striped.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-table:striped 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /table/bst-table.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | bst-table 13 | 14 | entity.name.tag.jade, entity.name.tag.pug 15 | 16 | -------------------------------------------------------------------------------- /template/bst-h5bp-index-jade.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | bst-h5bp-index-jade 10 | 11 | entity.name.tag.jade, entity.name.tag.pug 12 | -------------------------------------------------------------------------------- /template/bst-h5bp-layout-jade.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | head 7 | //- TODO: Check if it's the good charset 8 | meta(charset="utf-8") 9 | meta(http-equiv="X-UA-Compatible", content="IE=edge") 10 | title 11 | meta(name="description", content="") 12 | meta(name="viewport", content="width=device-width,initial-scale=1") 13 | //- TODO : Place favicon.ico and apple-touch-icon.png in the root directory 14 | block css 15 | link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", rel="stylesheet", integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7", crossorigin="anonymous") 16 | block top-script 17 | //- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries 18 | 22 | body 23 | //- Add your site or application content here 24 | block main 25 | 26 | block bottom-script 27 | script(src="https://code.jquery.com/jquery-1.12.4.min.js") 28 | script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js", integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS", crossorigin="anonymous") 29 | script(src="//cdnjs.cloudflare.com/ajax/libs/holder/2.3.0/holder.js") 30 | ]]> 31 | 32 | bst-h5bp-layout-jade 33 | 34 | entity.name.tag.jade, entity.name.tag.pug 35 | 36 | -------------------------------------------------------------------------------- /template/bst-html5-template.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | head 7 | //- TODO: Check if it's the good charset 8 | meta(charset="utf-8") 9 | meta(http-equiv="X-UA-Compatible", content="IE=edge") 10 | title 11 | meta(name="description", content="") 12 | meta(name="viewport", content="width=device-width,initial-scale=1") 13 | //- TODO : Place favicon.ico and apple-touch-icon.png in the root directory 14 | link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", rel="stylesheet", integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7", crossorigin="anonymous") 15 | // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries 16 | 20 | body 21 | //- Add your site or application content here 22 | 23 | script(src="https://code.jquery.com/jquery-1.12.4.min.js") 24 | script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js", integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS", crossorigin="anonymous") 25 | script(src="//cdnjs.cloudflare.com/ajax/libs/holder/2.3.0/holder.js") 26 | ]]> 27 | 28 | bst-tpl-html5-full 29 | 30 | entity.name.tag.jade, entity.name.tag.pug 31 | 32 | -------------------------------------------------------------------------------- /template/bst-tpl-blog.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | li > a { 135 | width: 140px; 136 | padding: 10px 20px; 137 | text-align: center; 138 | border-radius: 30px; 139 | } 140 | 141 | 142 | /* 143 | * Blog posts 144 | */ 145 | 146 | .blog-post { 147 | margin-bottom: 60px; 148 | } 149 | .blog-post-title { 150 | margin-bottom: 5px; 151 | font-size: 40px; 152 | } 153 | .blog-post-meta { 154 | margin-bottom: 20px; 155 | color: #999; 156 | } 157 | 158 | 159 | /* 160 | * Footer 161 | */ 162 | 163 | .blog-footer { 164 | padding: 40px 0; 165 | color: #999; 166 | text-align: center; 167 | background-color: #f9f9f9; 168 | border-top: 1px solid #e5e5e5; 169 | } 170 | block main 171 | .blog-masthead 172 | .container 173 | nav.blog-nav 174 | a.blog-nav-item.active(href="#") Home 175 | a.blog-nav-item(href="#") New features 176 | a.blog-nav-item(href="#") Press 177 | a.blog-nav-item(href="#") New hires 178 | a.blog-nav-item(href="#") About 179 | .container 180 | .blog-header 181 | h1.blog-title The Bootstrap Blog 182 | p.lead.blog-description The official example template of creating a blog with Bootstrap. 183 | .row 184 | .col-sm-8.blog-main 185 | .blog-post 186 | h2.blog-post-title Sample blog post 187 | p.blog-post-meta 188 | | January 1, 2014 by 189 | a(href="#") Mark 190 | p 191 | | This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported. 192 | hr 193 | p 194 | | Cum sociis natoque penatibus et magnis 195 | a(href="#") dis parturient montes 196 | | , nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. 197 | blockquote 198 | p 199 | | Curabitur blandit tempus porttitor. 200 | strong Nullam quis risus eget urna mollis 201 | | ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit. 202 | p 203 | | Etiam porta 204 | em sem malesuada magna 205 | | mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. 206 | h2 Heading 207 | p 208 | | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 209 | h3 Sub-heading 210 | p 211 | | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 212 | pre. 213 | 214 | p 215 | | Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa. 216 | h3 Sub-heading 217 | p 218 | | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 219 | ul 220 | li Praesent commodo cursus magna, vel scelerisque nisl consectetur et. 221 | li Donec id elit non mi porta gravida at eget metus. 222 | li Nulla vitae elit libero, a pharetra augue. 223 | p 224 | | Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. 225 | ol 226 | li Vestibulum id ligula porta felis euismod semper. 227 | li 228 | | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 229 | li Maecenas sed diam eget risus varius blandit sit amet non magna. 230 | p 231 | | Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. 232 | // 233 | /.blog-post 234 | .blog-post 235 | h2.blog-post-title Another blog post 236 | p.blog-post-meta 237 | | December 23, 2013 by 238 | a(href="#") Jacob 239 | p 240 | | Cum sociis natoque penatibus et magnis 241 | a(href="#") dis parturient montes 242 | | , nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. 243 | blockquote 244 | p 245 | | Curabitur blandit tempus porttitor. 246 | strong Nullam quis risus eget urna mollis 247 | | ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit. 248 | p 249 | | Etiam porta 250 | em sem malesuada magna 251 | | mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. 252 | p 253 | | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 254 | // 255 | /.blog-post 256 | .blog-post 257 | h2.blog-post-title New feature 258 | p.blog-post-meta 259 | | December 14, 2013 by 260 | a(href="#") Chris 261 | p 262 | | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 263 | ul 264 | li Praesent commodo cursus magna, vel scelerisque nisl consectetur et. 265 | li Donec id elit non mi porta gravida at eget metus. 266 | li Nulla vitae elit libero, a pharetra augue. 267 | p 268 | | Etiam porta 269 | em sem malesuada magna 270 | | mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. 271 | p 272 | | Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. 273 | // 274 | /.blog-post 275 | nav 276 | ul.pager 277 | li 278 | a(href="#") Previous 279 | li 280 | a(href="#") Next 281 | // 282 | /.blog-main 283 | .col-sm-3.col-sm-offset-1.blog-sidebar 284 | .sidebar-module.sidebar-module-inset 285 | h4 About 286 | p 287 | | Etiam porta 288 | em sem malesuada magna 289 | | mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. 290 | .sidebar-module 291 | h4 Archives 292 | ol.list-unstyled 293 | li 294 | a(href="#") January 2014 295 | li 296 | a(href="#") December 2013 297 | li 298 | a(href="#") November 2013 299 | li 300 | a(href="#") October 2013 301 | li 302 | a(href="#") September 2013 303 | li 304 | a(href="#") August 2013 305 | li 306 | a(href="#") July 2013 307 | li 308 | a(href="#") June 2013 309 | li 310 | a(href="#") May 2013 311 | li 312 | a(href="#") April 2013 313 | li 314 | a(href="#") March 2013 315 | li 316 | a(href="#") February 2013 317 | .sidebar-module 318 | h4 Elsewhere 319 | ol.list-unstyled 320 | li 321 | a(href="#") GitHub 322 | li 323 | a(href="#") Twitter 324 | li 325 | a(href="#") Facebook 326 | // 327 | /.blog-sidebar 328 | // 329 | /.row 330 | // 331 | /.container 332 | footer.blog-footer 333 | p 334 | | Blog template built for 335 | a(href="http://getbootstrap.com") Bootstrap 336 | | by 337 | a(href="https://twitter.com/mdo") @mdo 338 | | . 339 | p 340 | a(href="#") Back to top 341 | ]]> 342 | 343 | bst-tpl-blog 344 | 345 | entity.name.tag.jade, entity.name.tag.pug 346 | -------------------------------------------------------------------------------- /template/bst-tpl-carousel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | .item > img { 58 | position: absolute; 59 | top: 0; 60 | left: 0; 61 | min-width: 100%; 62 | height: 500px; 63 | } 64 | 65 | 66 | 67 | /* MARKETING CONTENT 68 | -------------------------------------------------- */ 69 | 70 | /* Pad the edges of the mobile views a bit */ 71 | .marketing { 72 | padding-left: 15px; 73 | padding-right: 15px; 74 | } 75 | 76 | /* Center align the text within the three columns below the carousel */ 77 | .marketing .col-lg-4 { 78 | text-align: center; 79 | margin-bottom: 20px; 80 | } 81 | .marketing h2 { 82 | font-weight: normal; 83 | } 84 | .marketing .col-lg-4 p { 85 | margin-left: 10px; 86 | margin-right: 10px; 87 | } 88 | 89 | 90 | /* Featurettes 91 | ------------------------- */ 92 | 93 | .featurette-divider { 94 | margin: 80px 0; /* Space out the Bootstrap
more */ 95 | } 96 | 97 | /* Thin out the marketing headings */ 98 | .featurette-heading { 99 | font-weight: 300; 100 | line-height: 1; 101 | letter-spacing: -1px; 102 | } 103 | 104 | 105 | 106 | /* RESPONSIVE CSS 107 | -------------------------------------------------- */ 108 | 109 | @media (min-width: 768px) { 110 | 111 | /* Remove the edge padding needed for mobile */ 112 | .marketing { 113 | padding-left: 0; 114 | padding-right: 0; 115 | } 116 | 117 | /* Navbar positioning foo */ 118 | .navbar-wrapper { 119 | margin-top: 20px; 120 | } 121 | 122 | .navbar-wrapper .container { 123 | padding-left: 15px; 124 | padding-right: 15px; 125 | } 126 | .navbar-wrapper .navbar { 127 | padding-left: 0; 128 | padding-right: 0; 129 | } 130 | 131 | /* The navbar becomes detached from the top, so we round the corners */ 132 | .navbar-wrapper .navbar { 133 | border-radius: 4px; 134 | } 135 | 136 | /* Bump up size of carousel content */ 137 | .carousel-caption p { 138 | margin-bottom: 20px; 139 | font-size: 21px; 140 | line-height: 1.4; 141 | } 142 | 143 | .featurette-heading { 144 | font-size: 50px; 145 | } 146 | 147 | } 148 | 149 | @media (min-width: 992px) { 150 | .featurette-heading { 151 | margin-top: 120px; 152 | } 153 | } 154 | 155 | block main 156 | .navbar-wrapper 157 | .container 158 | nav.navbar.navbar-inverse.navbar-static-top 159 | .container 160 | .navbar-header 161 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 162 | span.sr-only Toggle Navigation 163 | span.icon-bar 164 | span.icon-bar 165 | span.icon-bar 166 | a.navbar-brand(href="#") Project name 167 | .navbar-collapse.collapse 168 | ul.nav.navbar-nav 169 | li.active 170 | a(href="#") Home 171 | li 172 | a(href="#about") About 173 | li 174 | a(href="#contact") Contact 175 | li.dropdown 176 | a.dropdown-toggle(href="#", data-toggle="dropdown",role="button", aria-expanded="false") 177 | | Dropdown 178 | span.caret 179 | ul.dropdown-menu(role="menu") 180 | li 181 | a(href="#") Action 182 | li 183 | a(href="#") Another action 184 | li 185 | a(href="#") Something else here 186 | li.divider 187 | li.dropdown-header Nav header 188 | li 189 | a(href="#") Separated link 190 | li 191 | a(href="#") One more separated link 192 | // Carousel 193 | #myCarousel.carousel.slide(data-ride="carousel") 194 | // Indicators 195 | ol.carousel-indicators 196 | li.active(data-target="#myCarousel", data-slide-to="0") 197 | li(data-target="#myCarousel", data-slide-to="1") 198 | li(data-target="#myCarousel", data-slide-to="2") 199 | .carousel-inner 200 | .item.active 201 | img(data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:First slide", alt="First slide") 202 | .container 203 | .carousel-caption 204 | h1 Example headline. 205 | p 206 | | Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. 207 | p 208 | a.btn.btn-large.btn-primary(href="#", role="button") Sign up today 209 | .item 210 | img(data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:First slide", alt="Second slide") 211 | .container 212 | .carousel-caption 213 | h1 Another example headline. 214 | p 215 | | Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. 216 | p 217 | a.btn.btn-large.btn-primary(href="#", role="button") Learn more 218 | .item 219 | img(data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:First slide", alt="Third slide") 220 | .container 221 | .carousel-caption 222 | h1 One more for good measure. 223 | p 224 | | Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. 225 | p 226 | a.btn.btn-large.btn-primary(href="#", role="button") Browse gallery 227 | a.left.carousel-control(href="#myCarousel", data-slide="prev") 228 | span.glyphicon.glyphicon-chevron-left(aria-hidden="true") 229 | span.sr-only previous 230 | a.right.carousel-control(href="#myCarousel", data-slide="next") 231 | span.glyphicon.glyphicon-chevron-right(aria-hidden="true") 232 | span.sr-only next 233 | // /.carousel 234 | // 235 | Marketing messaging and featurettes 236 | 237 | // Wrap the rest of the page in another container to center all the content. 238 | .container.marketing 239 | 240 | // Three columns of text below the carousel 241 | .row 242 | .col-lg-4 243 | img.img-circle(data-src="holder.js/140x140", alt="Generic placeholder image") 244 | h2 Heading 245 | p 246 | | Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna. 247 | p 248 | a.btn.btn-default(href="#", role="button") View details » 249 | // /.col-lg-4 250 | 251 | .col-lg-4 252 | img.img-circle(data-src="holder.js/140x140", alt="Generic placeholder image") 253 | h2 Heading 254 | p 255 | | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. 256 | p 257 | a.btn.btn-default(href="#", role="button") View details » 258 | // /.col-lg-4 259 | 260 | .col-lg-4 261 | img.img-circle(data-src="holder.js/140x140", alt="Generic placeholder image") 262 | h2 Heading 263 | p 264 | | Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 265 | p 266 | a.btn.btn-default(href="#", role="button") View details » 267 | // /.col-lg-4 268 | // /.row 269 | 270 | // START THE FEATURETTES 271 | hr.featurette-divider 272 | .row.featurette 273 | .col-md-7 274 | h2.featurette-heading 275 | | First featurette heading. 276 | span.text-muted It'll blow your mind. 277 | p.lead 278 | | Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. 279 | .col-md-5 280 | img.featurette-image.img-responsive(data-src="holder.js/500x500/auto", alt="Generic placeholder image") 281 | hr.featurette-divider 282 | .row.featurette 283 | .col-md-5 284 | img.featurette-image.img-responsive(data-src="holder.js/500x500/auto", alt="Generic placeholder image") 285 | .col-md-7 286 | h2.featurette-heading 287 | | Oh yeah, it's that good. 288 | span.text-muted See for yourself. 289 | p.lead 290 | | Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. 291 | hr.featurette-divider 292 | .row.featurette 293 | .col-md-7 294 | h2.featurette-heading 295 | | And lastly, this one. 296 | span.text-muted Checkmate. 297 | p.lead 298 | | Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. 299 | .col-md-5 300 | img.featurette-image.img-responsive(data-src="holder.js/500x500/auto", alt="Generic placeholder image") 301 | hr.featurette-divider 302 | // /END THE FEATURETTES 303 | 304 | // FOOTER 305 | footer.footer 306 | p.pull-right 307 | a(href="#") Back to top 308 | p 309 | | © 2013 Company, Inc. · 310 | a(href="#") Privacy 311 | | · 312 | a(href="#") Terms 313 | ]]> 314 | 315 | bst-tpl-carousel 316 | 317 | entity.name.tag.jade, entity.name.tag.pug 318 | 319 | -------------------------------------------------------------------------------- /template/bst-tpl-cover.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | li { 75 | display: inline-block; 76 | } 77 | .masthead-nav > li + li { 78 | margin-left: 20px; 79 | } 80 | .masthead-nav > li > a { 81 | padding-right: 0; 82 | padding-left: 0; 83 | font-size: 16px; 84 | font-weight: bold; 85 | color: #fff; /* IE8 proofing */ 86 | color: rgba(255,255,255,.75); 87 | border-bottom: 2px solid transparent; 88 | } 89 | .masthead-nav > li > a:hover, 90 | .masthead-nav > li > a:focus { 91 | background-color: transparent; 92 | border-bottom-color: rgba(255,255,255,.25); 93 | } 94 | .masthead-nav > .active > a, 95 | .masthead-nav > .active > a:hover, 96 | .masthead-nav > .active > a:focus { 97 | color: #fff; 98 | border-bottom-color: #fff; 99 | } 100 | 101 | @media (min-width: 768px) { 102 | .masthead-brand { 103 | float: left; 104 | } 105 | .masthead-nav { 106 | float: right; 107 | } 108 | } 109 | 110 | 111 | /* 112 | * Cover 113 | */ 114 | 115 | .cover { 116 | padding: 0 20px; 117 | } 118 | .cover .btn-lg { 119 | padding: 10px 20px; 120 | font-weight: bold; 121 | } 122 | 123 | 124 | /* 125 | * Footer 126 | */ 127 | 128 | .mastfoot { 129 | color: #999; /* IE8 proofing */ 130 | color: rgba(255,255,255,.5); 131 | } 132 | 133 | 134 | /* 135 | * Affix and center 136 | */ 137 | 138 | @media (min-width: 768px) { 139 | /* Pull out the header and footer */ 140 | .masthead { 141 | position: fixed; 142 | top: 0; 143 | } 144 | .mastfoot { 145 | position: fixed; 146 | bottom: 0; 147 | } 148 | /* Start the vertical centering */ 149 | .site-wrapper-inner { 150 | vertical-align: middle; 151 | } 152 | /* Handle the widths */ 153 | .masthead, 154 | .mastfoot, 155 | .cover-container { 156 | width: 100%; /* Must be percentage or pixels for horizontal alignment */ 157 | } 158 | } 159 | 160 | @media (min-width: 992px) { 161 | .masthead, 162 | .mastfoot, 163 | .cover-container { 164 | width: 700px; 165 | } 166 | } 167 | 168 | block main 169 | .site-wrapper 170 | .site-wrapper-inner 171 | .cover-container 172 | .masthead.clearfix 173 | .inner 174 | h3.masthead-brand Cover 175 | nav 176 | ul.nav.masthead-nav 177 | li.active 178 | a(href="#") Home 179 | li 180 | a(href="#") Features 181 | li 182 | a(href="#") Contact 183 | .inner.cover 184 | h1.cover-heading Cover your page. 185 | p.lead 186 | | Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own. 187 | p.lead 188 | a.btn.btn-lg.btn-default(href="#") Learn more 189 | footer.mastfoot 190 | .inner 191 | p 192 | | Cover template for 193 | a(href="http://getbootstrap.com") Bootstrap 194 | | , by 195 | a(href="https://twitter.com/mdo") @mdo 196 | | . 197 | 198 | ]]> 199 | 200 | bst-tpl-cover 201 | 202 | entity.name.tag.jade, entity.name.tag.pug 203 | -------------------------------------------------------------------------------- /template/bst-tpl-dashboard.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | li > a { 58 | padding-right: 20px; 59 | padding-left: 20px; 60 | } 61 | .nav-sidebar > .active > a { 62 | color: #fff; 63 | background-color: #428bca; 64 | } 65 | 66 | 67 | /* 68 | * Main content 69 | */ 70 | 71 | .main { 72 | padding: 20px; 73 | } 74 | @media (min-width: 768px) { 75 | .main { 76 | padding-right: 40px; 77 | padding-left: 40px; 78 | } 79 | } 80 | .main .page-header { 81 | margin-top: 0; 82 | } 83 | 84 | 85 | /* 86 | * Placeholder dashboard ideas 87 | */ 88 | 89 | .placeholders { 90 | margin-bottom: 30px; 91 | text-align: center; 92 | } 93 | .placeholders h4 { 94 | margin-bottom: 0; 95 | } 96 | .placeholder { 97 | margin-bottom: 20px; 98 | } 99 | .placeholder img { 100 | display: inline-block; 101 | border-radius: 50%; 102 | } 103 | 104 | block main 105 | nav.navbar.navbar-inverse.navbar-fixed-top 106 | .container-fluid 107 | .navbar-header 108 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 109 | span.sr-only Toggle navigation 110 | span.icon-bar 111 | span.icon-bar 112 | span.icon-bar 113 | a.navbar-brand(href="#") Project name 114 | .navbar-collapse.collapse 115 | ul.nav.navbar-nav.navbar-right 116 | li 117 | a(href="#") Dashboard 118 | li 119 | a(href="#") Settings 120 | li 121 | a(href="#") Profile 122 | li 123 | a(href="#") Help 124 | form.navbar-form.navbar-right 125 | input.form-control(type="text", placeholder="Search...") 126 | .container-fluid 127 | .row 128 | .col-sm-3.col-md-2.sidebar 129 | ul.nav.nav-sidebar 130 | li.active 131 | a(href="#") 132 | | Overview 133 | span.sr-only (current) 134 | li 135 | a(href="#") Reports 136 | li 137 | a(href="#") Analytics 138 | li 139 | a(href="#") Export 140 | ul.nav.nav-sidebar 141 | li 142 | a(href="") Nav item 143 | li 144 | a(href="") Nav item again 145 | li 146 | a(href="") One more nav 147 | li 148 | a(href="") Another nav item 149 | li 150 | a(href="") More navigation 151 | ul.nav.nav-sidebar 152 | li 153 | a(href="") Nav item again 154 | li 155 | a(href="") One more nav 156 | li 157 | a(href="") Another nav item 158 | .col-sm-9.col-sm-offset-3.col-md-10.col-md-offset-2.main 159 | h1.page-header Dashboard 160 | .row.placeholders 161 | .col-xs-6.col-sm-3.placeholder 162 | img.img-responsive(data-src="holder.js/200x200/auto/sky", alt="Generic placeholder thumbnail") 163 | h4 Label 164 | span.text-muted Something else 165 | .col-xs-6.col-sm-3.placeholder 166 | img.img-responsive(data-src="holder.js/200x200/auto/vine", alt="Generic placeholder thumbnail") 167 | h4 Label 168 | span.text-muted Something else 169 | .col-xs-6.col-sm-3.placeholder 170 | img.img-responsive(data-src="holder.js/200x200/auto/sky", alt="Generic placeholder thumbnail") 171 | h4 Label 172 | span.text-muted Something else 173 | .col-xs-6.col-sm-3.placeholder 174 | img.img-responsive(data-src="holder.js/200x200/auto/vine", alt="Generic placeholder thumbnail") 175 | h4 Label 176 | span.text-muted Something else 177 | h2.sub-header Section title 178 | .table-responsive 179 | table.table.table-striped 180 | thead 181 | tr 182 | th # 183 | th Header 184 | th Header 185 | th Header 186 | th Header 187 | tbody 188 | tr 189 | td 1,001 190 | td Lorem 191 | td ipsum 192 | td dolor 193 | td sit 194 | tr 195 | td 1,002 196 | td amet 197 | td consectetur 198 | td adipiscing 199 | td elit 200 | tr 201 | td 1,003 202 | td Integer 203 | td nec 204 | td odio 205 | td Praesent 206 | tr 207 | td 1,003 208 | td libero 209 | td Sed 210 | td cursus 211 | td ante 212 | tr 213 | td 1,004 214 | td dapibus 215 | td diam 216 | td Sed 217 | td nisi 218 | tr 219 | td 1,005 220 | td Nulla 221 | td quis 222 | td sem 223 | td at 224 | tr 225 | td 1,006 226 | td nibh 227 | td elementum 228 | td imperdiet 229 | td Duis 230 | tr 231 | td 1,007 232 | td sagittis 233 | td ipsum 234 | td Praesent 235 | td mauris 236 | tr 237 | td 1,008 238 | td Fusce 239 | td nec 240 | td tellus 241 | td sed 242 | tr 243 | td 1,009 244 | td augue 245 | td semper 246 | td porta 247 | td Mauris 248 | tr 249 | td 1,010 250 | td massa 251 | td Vestibulum 252 | td lacinia 253 | td arcu 254 | tr 255 | td 1,011 256 | td eget 257 | td nulla 258 | td Class 259 | td aptent 260 | tr 261 | td 1,012 262 | td taciti 263 | td sociosqu 264 | td ad 265 | td litora 266 | tr 267 | td 1,013 268 | td torquent 269 | td per 270 | td conubia 271 | td nostra 272 | tr 273 | td 1,014 274 | td per 275 | td inceptos 276 | td himenaeos 277 | td Curabitur 278 | tr 279 | td 1,015 280 | td sodales 281 | td ligula 282 | td in 283 | td libero 284 | ]]> 285 | 286 | bst-tpl-dashboard 287 | 288 | entity.name.tag.jade, entity.name.tag.pug 289 | -------------------------------------------------------------------------------- /template/bst-tpl-grid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 115 | 116 | bst-tpl-grid 117 | 118 | entity.name.tag.jade, entity.name.tag.pug 119 | -------------------------------------------------------------------------------- /template/bst-tpl-jumbotron-narrow.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | hr { 47 | margin: 30px 0; 48 | } 49 | 50 | /* Main marketing message and sign up button */ 51 | .jumbotron { 52 | text-align: center; 53 | border-bottom: 1px solid #e5e5e5; 54 | } 55 | .jumbotron .btn { 56 | font-size: 21px; 57 | padding: 14px 24px; 58 | } 59 | 60 | /* Supporting marketing content */ 61 | .marketing { 62 | margin: 40px 0; 63 | } 64 | .marketing p + h4 { 65 | margin-top: 28px; 66 | } 67 | 68 | /* Responsive: Portrait tablets and up */ 69 | @media screen and (min-width: 768px) { 70 | /* Remove the padding we set earlier */ 71 | .header, 72 | .marketing, 73 | .footer { 74 | padding-left: 0; 75 | padding-right: 0; 76 | } 77 | /* Space out the masthead */ 78 | .header { 79 | margin-bottom: 30px; 80 | } 81 | /* Remove the bottom border on the jumbotron for visual effect */ 82 | .jumbotron { 83 | border-bottom: 0; 84 | } 85 | } 86 | 87 | block main 88 | .container 89 | .header 90 | nav 91 | ul.nav.nav-pills.pull-right(role="tablist") 92 | li.active(role="presentation") 93 | a(href="#") Home 94 | li(role="presentation") 95 | a(href="#") About 96 | li(role="presentation") 97 | a(href="#") Contact 98 | h3.text-muted Project name 99 | .jumbotron 100 | h1 Jumbotron heading 101 | p.lead 102 | | Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 103 | p 104 | a.btn.btn-lg.btn-success(href="#", role="button") Sign up today 105 | .row.marketing 106 | .col-lg-6 107 | h4 Subheading 108 | p 109 | | Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. 110 | h4 Subheading 111 | p 112 | | Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. 113 | h4 Subheading 114 | p Maecenas sed diam eget risus varius blandit sit amet non magna. 115 | .col-lg-6 116 | h4 Subheading 117 | p 118 | | Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. 119 | h4 Subheading 120 | p 121 | | Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. 122 | h4 Subheading 123 | p Maecenas sed diam eget risus varius blandit sit amet non magna. 124 | footer.footer 125 | p © Company 2013 126 | ]]> 127 | 128 | bst-tpljumbotron-narrow 129 | 130 | entity.name.tag.jade, entity.name.tag.pug 131 | 132 | -------------------------------------------------------------------------------- /template/bst-tpl-jumbotron.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 88 | 89 | bst-tpl-jumbotron 90 | 91 | entity.name.tag.jade, entity.name.tag.pug 92 | 93 | -------------------------------------------------------------------------------- /template/bst-tpl-justified-nav.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | li > a { 37 | padding-top: 15px; 38 | padding-bottom: 15px; 39 | color: #777; 40 | font-weight: bold; 41 | text-align: center; 42 | border-bottom: 1px solid #d5d5d5; 43 | background-color: #e5e5e5; /* Old browsers */ 44 | background-repeat: repeat-x; /* Repeat the gradient */ 45 | background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */ 46 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ 47 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */ 48 | background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */ 49 | background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */ 50 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f5f5f5", endColorstr="#e5e5e5",GradientType=0 ); /* IE6-9 */ 51 | background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */ 52 | } 53 | .nav-justified > .active > a, 54 | .nav-justified > .active > a:hover, 55 | .nav-justified > .active > a:focus { 56 | background-color: #ddd; 57 | background-image: none; 58 | box-shadow: inset 0 3px 7px rgba(0,0,0,.15); 59 | } 60 | .nav-justified > li:first-child > a { 61 | border-radius: 5px 5px 0 0; 62 | } 63 | .nav-justified > li:last-child > a { 64 | border-bottom: 0; 65 | border-radius: 0 0 5px 5px; 66 | } 67 | 68 | @media (min-width: 768px) { 69 | .nav-justified { 70 | max-height: 52px; 71 | } 72 | .nav-justified > li > a { 73 | border-left: 1px solid #fff; 74 | border-right: 1px solid #d5d5d5; 75 | } 76 | .nav-justified > li:first-child > a { 77 | border-left: 0; 78 | border-radius: 5px 0 0 5px; 79 | } 80 | .nav-justified > li:last-child > a { 81 | border-radius: 0 5px 5px 0; 82 | border-right: 0; 83 | } 84 | } 85 | 86 | /* Responsive: Portrait tablets and up */ 87 | @media screen and (min-width: 768px) { 88 | /* Remove the padding we set earlier */ 89 | .masthead, 90 | .marketing, 91 | .footer { 92 | padding-left: 0; 93 | padding-right: 0; 94 | } 95 | } 96 | 97 | block main 98 | .container 99 | .masthead 100 | h3.text-muted Project name 101 | nav 102 | ul.nav.nav-justified 103 | li.active 104 | a(href="#") Home 105 | li 106 | a(href="#") Projects 107 | li 108 | a(href="#") Services 109 | li 110 | a(href="#") Downloads 111 | li 112 | a(href="#") About 113 | li 114 | a(href="#") Contact 115 | // Jumbotron 116 | .jumbotron 117 | h1 Marketing stuff! 118 | p.lead 119 | | Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. 120 | p 121 | a.btn.btn-lg.btn-success(href="#", role="button") Get started today 122 | // Example row of columns 123 | .row 124 | .col-lg-4 125 | h2 Heading 126 | p 127 | | Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. 128 | p 129 | a.btn.btn-primary(href="#", role="button") View details » 130 | .col-lg-4 131 | h2 Heading 132 | p 133 | | Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. 134 | p 135 | a.btn.btn-primary(href="#", role="button") View details » 136 | .col-lg-4 137 | h2 Heading 138 | p 139 | | Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa. 140 | p 141 | a.btn.btn-primary(href="#", role="button") View details » 142 | // Site footer 143 | footer.footer 144 | p © Company 2013 145 | ]]> 146 | 147 | bst-tpl-justified-nav 148 | 149 | entity.name.tag.jade, entity.name.tag.pug 150 | -------------------------------------------------------------------------------- /template/bst-tpl-navbar-fixed-top.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 70 | 71 | bst-tpl-navbar-fixed-top 72 | 73 | entity.name.tag.jade, entity.name.tag.pug 74 | 75 | -------------------------------------------------------------------------------- /template/bst-tpl-navbar-static-top.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 71 | 72 | bst-tpl-navbar-static-top 73 | 74 | entity.name.tag.jade, entity.name.tag.pug 75 | -------------------------------------------------------------------------------- /template/bst-tpl-navbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 68 | 69 | bst-tpl-navbar 70 | 71 | entity.name.tag.jade, entity.name.tag.pug 72 | 73 | -------------------------------------------------------------------------------- /template/bst-tpl-non-responsive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | li { 84 | float: left; 85 | } 86 | .navbar-nav > li > a { 87 | padding: 15px; 88 | } 89 | 90 | /* Redeclare since we override the float above */ 91 | .navbar-nav.navbar-right { 92 | float: right; 93 | } 94 | 95 | /* Undo custom dropdowns */ 96 | .navbar .open .dropdown-menu { 97 | position: absolute; 98 | float: left; 99 | background-color: #fff; 100 | border: 1px solid #cccccc; 101 | border: 1px solid rgba(0, 0, 0, 0.15); 102 | border-width: 0 1px 1px; 103 | border-radius: 0 0 4px 4px; 104 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 105 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 106 | } 107 | .navbar .open .dropdown-menu > li > a { 108 | color: #333; 109 | } 110 | .navbar .open .dropdown-menu > li > a:hover, 111 | .navbar .open .dropdown-menu > li > a:focus, 112 | .navbar .open .dropdown-menu > .active > a, 113 | .navbar .open .dropdown-menu > .active > a:hover, 114 | .navbar .open .dropdown-menu > .active > a:focus { 115 | color: #fff !important; 116 | background-color: #428bca !important; 117 | } 118 | .navbar .open .dropdown-menu > .disabled > a, 119 | .navbar .open .dropdown-menu > .disabled > a:hover, 120 | .navbar .open .dropdown-menu > .disabled > a:focus { 121 | color: #999 !important; 122 | background-color: transparent !important; 123 | } 124 | block main 125 | //Fixed navbar 126 | nav.navbar.navbar-default.navbar-fixed-top 127 | .container 128 | .navbar-header 129 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 130 | span.icon-bar 131 | span.icon-bar 132 | span.icon-bar 133 | a.navbar-brand(href="#") Project name 134 | .navbar-collapse.collapse 135 | ul.nav.navbar-nav 136 | li.active 137 | a(href="#") Home 138 | li 139 | a(href="#about") About 140 | li 141 | a(href="#contact") Contact 142 | li.dropdown 143 | a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") 144 | | Dropdown 145 | span.caret 146 | ul.dropdown-menu(role="menu") 147 | li 148 | a(href="#") Action 149 | li 150 | a(href="#") Another action 151 | li 152 | a(href="#") Something else here 153 | li.divider 154 | li.dropdown-header Nav header 155 | li 156 | a(href="#") Separated link 157 | li 158 | a(href="#") One more separated link 159 | ul.nav.navbar-nav.navbar-right 160 | li 161 | a(href="#") Link 162 | li 163 | a(href="#") Link 164 | li 165 | a(href="#") Link 166 | // 167 | /.nav-collapse 168 | .container 169 | .page-header 170 | h1 Non-responsive Bootstrap 171 | p.lead 172 | | Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier. 173 | h3 What changes 174 | p 175 | | Note the lack of the 176 | code <meta name="viewport" content="width=device-width, initial-scale=1.0"> 177 | | , which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are basically good to go. 178 | h3 Regarding navbars 179 | p 180 | | As a heads up, the navbar component is rather tricky here in that the styles for displaying it are rather specific and detailed. Overrides to ensure desktop styles display are not as performant or sleek as one would like. Just be aware there may be potential gotchas as you build on top of this example when using the navbar. 181 | h3 Non-responsive grid system 182 | .row 183 | .col-xs-4 One third 184 | .col-xs-4 One third 185 | .col-xs-4 One third 186 | ]]> 187 | 188 | bst-tpl-non-responsive 189 | 190 | entity.name.tag.jade, entity.name.tag.pug 191 | -------------------------------------------------------------------------------- /template/bst-tpl-offcanvas.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 168 | 169 | bst-tpl-offcanvas 170 | 171 | entity.name.tag.jade, entity.name.tag.pug 172 | -------------------------------------------------------------------------------- /template/bst-tpl-signin.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 60 | 61 | bst-tpl-signin 62 | 63 | entity.name.tag.jade, entity.name.tag.pug 64 | -------------------------------------------------------------------------------- /template/bst-tpl-starter-template.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 40 | 41 | bst-tpl-starter-template 42 | 43 | entity.name.tag.jade, entity.name.tag.pug 44 | 45 | -------------------------------------------------------------------------------- /template/bst-tpl-sticky-footer-navbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | .container { 28 | padding: 60px 15px 0; 29 | } 30 | .container .text-muted { 31 | margin: 20px 0; 32 | } 33 | 34 | .footer > .container { 35 | padding-right: 15px; 36 | padding-left: 15px; 37 | } 38 | 39 | code { 40 | font-size: 80%; 41 | } 42 | 43 | block main 44 | // Fixed navbar 45 | nav.navbar.navbar-default.navbar-fixed-top 46 | .container 47 | .navbar-header 48 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 49 | span.icon-bar 50 | span.icon-bar 51 | span.icon-bar 52 | a.navbar-brand(href="#") Project name 53 | .collapse.navbar-collapse 54 | ul.nav.navbar-nav 55 | li.active 56 | a(href="#") Home 57 | li 58 | a(href="#about") About 59 | li 60 | a(href="#contact") Contact 61 | li.dropdown 62 | a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") 63 | | Dropdown 64 | span.caret 65 | ul.dropdown-menu(role="menu") 66 | li 67 | a(href="#") Action 68 | li 69 | a(href="#") Another action 70 | li 71 | a(href="#") Something else here 72 | li.divider 73 | li.dropdown-header Nav header 74 | li 75 | a(href="#") Separated link 76 | li 77 | a(href="#") One more separated link 78 | // /.nav-collapse 79 | // Begin page content 80 | .container 81 | .page-header 82 | h1 Sticky footer with fixed navbar 83 | p.lead 84 | | Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with 85 | code padding-top: 60px; 86 | | on the 87 | code body > .container 88 | | . 89 | p 90 | | Back to 91 | a(href="/template/sticky-footer") the default sticky footer 92 | | minus the navbar. 93 | footer.footer 94 | .container 95 | p.text-muted.credit 96 | | Example courtesy 97 | a(href="http://martinbean.co.uk") Martin Bean 98 | | and 99 | a(href="http://ryanfait.com/sticky-footer/") Ryan Fait 100 | | . 101 | ]]> 102 | 103 | bst-tpl-sticky-footer-navbar 104 | 105 | entity.name.tag.jade, entity.name.tag.pug 106 | -------------------------------------------------------------------------------- /template/bst-tpl-sticky-footer.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 50 | 51 | bst-tpl-sticky-footer 52 | 53 | entity.name.tag.jade, entity.name.tag.pug 54 | -------------------------------------------------------------------------------- /template/bst-tpl-theme.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | p > .btn { 19 | margin: 5px 0; 20 | } 21 | 22 | block main 23 | 24 | // Fixed navbar 25 | nav.navbar.navbar-inverse.navbar-fixed-top 26 | .container 27 | .navbar-header 28 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 29 | span.icon-bar 30 | span.icon-bar 31 | span.icon-bar 32 | a.navbar-brand(href="#") Bootstrap theme 33 | .navbar-collapse.collapse 34 | ul.nav.navbar-nav 35 | li.active 36 | a(href="#") Home 37 | li 38 | a(href="#about") About 39 | li 40 | a(href="#contact") Contact 41 | li.dropdown 42 | a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") 43 | | Dropdown 44 | span.caret 45 | ul.dropdown-menu(role="menu") 46 | li 47 | a(href="#") Action 48 | li 49 | a(href="#") Another action 50 | li 51 | a(href="#") Something else here 52 | li.divider 53 | li.dropdown-header Nav header 54 | li 55 | a(href="#") Separated link 56 | li 57 | a(href="#") One more separated link 58 | // /.nav-collapse 59 | .container.theme-showcase 60 | // Main jumbotron for a primary marketing message or call to action 61 | .jumbotron 62 | h1 Hello, world! 63 | p 64 | | This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique. 65 | p 66 | a.btn.btn-primary.btn-lg(role="button") Learn more » 67 | .page-header 68 | h1 Buttons 69 | p 70 | button.btn.btn-lg.btn-default(type="button") Default 71 | button.btn.btn-lg.btn-primary(type="button") Primary 72 | button.btn.btn-lg.btn-success(type="button") Success 73 | button.btn.btn-lg.btn-info(type="button") Info 74 | button.btn.btn-lg.btn-warning(type="button") Warning 75 | button.btn.btn-lg.btn-danger(type="button") Danger 76 | button.btn.btn-lg.btn-link(type="button") Link 77 | p 78 | button.btn.btn-default(type="button") Default 79 | button.btn.btn-primary(type="button") Primary 80 | button.btn.btn-success(type="button") Success 81 | button.btn.btn-info(type="button") Info 82 | button.btn.btn-warning(type="button") Warning 83 | button.btn.btn-danger(type="button") Danger 84 | button.btn.btn-link(type="button") Link 85 | p 86 | button.btn.btn-sm.btn-default(type="button") Default 87 | button.btn.btn-sm.btn-primary(type="button") Primary 88 | button.btn.btn-sm.btn-success(type="button") Success 89 | button.btn.btn-sm.btn-info(type="button") Info 90 | button.btn.btn-sm.btn-warning(type="button") Warning 91 | button.btn.btn-sm.btn-danger(type="button") Danger 92 | button.btn.btn-sm.btn-link(type="button") Link 93 | p 94 | button.btn.btn-xs.btn-default(type="button") Default 95 | button.btn.btn-xs.btn-primary(type="button") Primary 96 | button.btn.btn-xs.btn-success(type="button") Success 97 | button.btn.btn-xs.btn-info(type="button") Info 98 | button.btn.btn-xs.btn-warning(type="button") Warning 99 | button.btn.btn-xs.btn-danger(type="button") Danger 100 | button.btn.btn-xs.btn-link(type="button") Link 101 | .page-header 102 | h1 Thumbnails 103 | img.img-thumbnail(data-src="holder.js/200x200", src="data:image/png;base64,", alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera") 104 | .page-header 105 | h1 Dropdown menus 106 | .dropdown.theme-dropdown.clearfix 107 | a#dropdownMenu1.sr-only.dropdown-toggle(href="#", role="button", data-toggle="dropdown", aria-expanded="false") 108 | | Dropdown 109 | span.caret 110 | ul.dropdown-menu(role="menu", aria-labelledby="dropdownMenu1") 111 | li(role="presentation") 112 | a(role="menuitem", tabindex="-1", href="#") Action 113 | li(role="presentation") 114 | a(role="menuitem", tabindex="-1", href="#") Another action 115 | li(role="presentation") 116 | a(role="menuitem", tabindex="-1", href="#") Something else here 117 | li.divider(role="presentation") 118 | li(role="presentation") 119 | a(role="menuitem", tabindex="-1", href="#") Separated link 120 | .page-header 121 | h1 Navbars 122 | .navbar.navbar-default 123 | .container 124 | .navbar-header 125 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 126 | span.icon-bar 127 | span.icon-bar 128 | span.icon-bar 129 | a.navbar-brand(href="#") Project name 130 | .navbar-collapse.collapse 131 | ul.nav.navbar-nav 132 | li.active 133 | a(href="#") Home 134 | li 135 | a(href="#about") About 136 | li 137 | a(href="#contact") Contact 138 | li.dropdown 139 | a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") 140 | | Dropdown 141 | span.caret 142 | ul.dropdown-menu(role="menu") 143 | li 144 | a(href="#") Action 145 | li 146 | a(href="#") Another action 147 | li 148 | a(href="#") Something else here 149 | li.divider 150 | li.dropdown-header Nav header 151 | li 152 | a(href="#") Separated link 153 | li 154 | a(href="#") One more separated link 155 | ul.nav.navbar-nav.navbar-right 156 | li 157 | a(href="/template/navbar") Default 158 | li 159 | a(href="/template/navbar-static-top") Static top 160 | li.active 161 | a(href="") Fixed top 162 | // /.nav-collapse 163 | .navbar.navbar-inverse 164 | .container 165 | .navbar-header 166 | button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target=".navbar-collapse") 167 | span.icon-bar 168 | span.icon-bar 169 | span.icon-bar 170 | a.navbar-brand(href="#") Project name 171 | .navbar-collapse.collapse 172 | ul.nav.navbar-nav 173 | li.active 174 | a(href="#") Home 175 | li 176 | a(href="#about") About 177 | li 178 | a(href="#contact") Contact 179 | li.dropdown 180 | a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") 181 | | Dropdown 182 | span.caret 183 | ul.dropdown-menu(role="menu") 184 | li 185 | a(href="#") Action 186 | li 187 | a(href="#") Another action 188 | li 189 | a(href="#") Something else here 190 | li.divider 191 | li.dropdown-header Nav header 192 | li 193 | a(href="#") Separated link 194 | li 195 | a(href="#") One more separated link 196 | ul.nav.navbar-nav.navbar-right 197 | li 198 | a(href="/template/navbar") Default 199 | li 200 | a(href="/template/navbar-static-top") Static top 201 | li.active 202 | a(href="") Fixed top 203 | // /.nav-collapse 204 | .page-header 205 | h1 Alerts 206 | .alert.alert-success 207 | strong Well done!  208 | | You successfully read this important alert message. 209 | .alert.alert-info 210 | strong Heads up!  211 | | This alert needs your attention, but it's not super important. 212 | .alert.alert-warning 213 | strong Warning!  214 | | Best check yo self, you're not looking too good. 215 | .alert.alert-danger 216 | strong Oh snap!  217 | | Change a few things up and try submitting again. 218 | .page-header 219 | h1 Progress bars 220 | .progress 221 | .progress-bar(role="progressbar", aria-valuenow="60", aria-valuemin="0", aria-valuemax="100", style="width: 60%;") 222 | span.sr-only 60% Complete 223 | .progress 224 | .progress-bar.progress-bar-success(role="progressbar", aria-valuenow="40", aria-valuemin="0", aria-valuemax="100", style="width: 40%;") 225 | span.sr-only 40% Complete (success) 226 | .progress 227 | .progress-bar.progress-bar-info(role="progressbar", aria-valuenow="20", aria-valuemin="0", aria-valuemax="100", style="width: 20%;") 228 | span.sr-only 20% Complete 229 | .progress 230 | .progress-bar.progress-bar-warning(role="progressbar", aria-valuenow="60", aria-valuemin="0", aria-valuemax="100", style="width: 60%;") 231 | span.sr-only 60% Complete (warning) 232 | .progress 233 | .progress-bar.progress-bar-danger(role="progressbar", aria-valuenow="80", aria-valuemin="0", aria-valuemax="100", style="width: 80%;") 234 | span.sr-only 80% Complete (danger) 235 | .progress 236 | .progress-bar.progress-bar-success(style="width: 35%;") 237 | span.sr-only 35% Complete (success) 238 | .progress-bar.progress-bar-warning(style="width: 20%;") 239 | span.sr-only 20% Complete (warning) 240 | .progress-bar.progress-bar-danger(style="width: 10%;") 241 | span.sr-only 10% Complete (danger) 242 | .page-header 243 | h1 List groups 244 | .row 245 | .col-sm-4 246 | ul.list-group 247 | li.list-group-item Cras justo odio 248 | li.list-group-item Dapibus ac facilisis in 249 | li.list-group-item Morbi leo risus 250 | li.list-group-item Porta ac consectetur ac 251 | li.list-group-item Vestibulum at eros 252 | // /.col-sm-4 253 | .col-sm-4 254 | .list-group 255 | a.list-group-item.active(href="#") 256 | | Cras justo odio 257 | a.list-group-item(href="#") Dapibus ac facilisis in 258 | a.list-group-item(href="#") Morbi leo risus 259 | a.list-group-item(href="#") Porta ac consectetur ac 260 | a.list-group-item(href="#") Vestibulum at eros 261 | // /.col-sm-4 262 | .col-sm-4 263 | .list-group 264 | a.list-group-item.active(href="#") 265 | h4.list-group-item-heading List group item heading 266 | p.list-group-item-text 267 | | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. 268 | a.list-group-item(href="#") 269 | h4.list-group-item-heading List group item heading 270 | p.list-group-item-text 271 | | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. 272 | a.list-group-item(href="#") 273 | h4.list-group-item-heading List group item heading 274 | p.list-group-item-text 275 | | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. 276 | // /.col-sm-4 277 | .page-header 278 | h1 Panels 279 | .row 280 | .col-sm-4 281 | .panel.panel-default 282 | .panel-heading 283 | h3.panel-title Panel title 284 | .panel-body 285 | | Panel content 286 | .panel.panel-primary 287 | .panel-heading 288 | h3.panel-title Panel title 289 | .panel-body 290 | | Panel content 291 | // /.col-sm-4 292 | .col-sm-4 293 | .panel.panel-success 294 | .panel-heading 295 | h3.panel-title Panel title 296 | .panel-body 297 | | Panel content 298 | .panel.panel-info 299 | .panel-heading 300 | h3.panel-title Panel title 301 | .panel-body 302 | | Panel content 303 | // /.col-sm-4 304 | .col-sm-4 305 | .panel.panel-warning 306 | .panel-heading 307 | h3.panel-title Panel title 308 | .panel-body 309 | | Panel content 310 | .panel.panel-danger 311 | .panel-heading 312 | h3.panel-title Panel title 313 | .panel-body 314 | | Panel content 315 | // /.col-sm-4 316 | .page-header 317 | h1 Wells 318 | .well 319 | p 320 | | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. 321 | ]]> 322 | 323 | bst-tpl-theme 324 | 325 | entity.name.tag.jade, entity.name.tag.pug 326 | --------------------------------------------------------------------------------