├── .gitignore ├── Gruntfile.js ├── LICENSE ├── README.md ├── bower.json ├── components └── x-template │ ├── demo.html │ └── x-template.html ├── css ├── boostrap-overwrite.scss ├── fonts.scss ├── global.scss ├── include.scss └── layout.scss ├── demo ├── element │ └── demo.html ├── modal │ └── demo.html ├── toast │ └── demo.html └── tooltip │ ├── demo.html │ └── demo2.html ├── elements ├── core-component-page │ ├── .bower.json │ ├── README.md │ ├── bowager-logo.png │ ├── bower.json │ ├── core-component-page.html │ ├── demo.html │ └── index.html ├── platform │ ├── .bower.json │ ├── README.md │ ├── bower.json │ ├── build.log │ ├── platform.js │ └── platform.js.map └── polymer │ ├── .bower.json │ ├── README.md │ ├── bower.json │ ├── build.log │ ├── layout.html │ ├── polymer.html │ ├── polymer.js │ └── polymer.js.map ├── favicon ├── font-awesome ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff └── scss │ ├── _bordered-pulled.scss │ ├── _core.scss │ ├── _fixed-width.scss │ ├── _icons.scss │ ├── _larger.scss │ ├── _list.scss │ ├── _mixins.scss │ ├── _path.scss │ ├── _rotated-flipped.scss │ ├── _spinning.scss │ ├── _stacked.scss │ ├── _variables.scss │ └── font-awesome.scss ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff ├── icomoon.eot ├── icomoon.svg ├── icomoon.ttf └── icomoon.woff ├── index.html ├── package.json ├── scripts.html └── template ├── addSubscriptionTemplate.html ├── addSubscriptionTemplate.mustache ├── connectionStyleTemplate.mustache ├── headerTemplate.mustache ├── messages └── jsonTemplate.hbs ├── newConnectionSubscriptionTemplate.mustache ├── newConnectionTemplate.mustache ├── newNotificationTemplate.mustache ├── subscriptionTemplate.mustache └── test.handelbars /.gitignore: -------------------------------------------------------------------------------- 1 | # Eclipse 2 | .classpath 3 | .project 4 | .settings/ 5 | 6 | # Intellij 7 | .idea/ 8 | *.iml 9 | *.iws 10 | 11 | # Mac 12 | .DS_Store 13 | 14 | # Maven 15 | log/ 16 | target/ 17 | 18 | # project 19 | # we use scss for styling and compile to css 20 | css/build/* 21 | # minified js 22 | js/build/* 23 | 24 | /node_modules/ 25 | 26 | /.sass-cache/ 27 | 28 | /bower_components/ 29 | 30 | npm-debug.log 31 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function (grunt) { 2 | 3 | // Project configuration. 4 | grunt.initConfig({ 5 | pkg: grunt.file.readJSON('package.json'), 6 | uglify: { 7 | build: { 8 | src: 'js/app.js', // input 9 | dest: 'js/build/app.min.js' // output 10 | } 11 | }, 12 | 13 | sass: { 14 | dist: { // Target 15 | files: [{ 16 | expand: true, 17 | cwd: 'css', 18 | src: ['*.scss'], 19 | dest: 'css/build', 20 | ext: '.css' 21 | }] 22 | } 23 | }, 24 | // watch for sccs files and compile to css 25 | watch: { 26 | sass: { 27 | files: ['css/*.scss'], 28 | tasks: ['sass'] 29 | } 30 | } 31 | // // reload page after the scss file had been compiled 32 | // livereload: { 33 | // // Here we watch the files the sass task will compile to 34 | // // These files are sent to the live reload server after sass compiles to them 35 | // options: { livereload: true }, 36 | // files: ['css/build/*', 'js/build/*'] 37 | // } 38 | }); 39 | 40 | // Load the plugin that provides the "uglify" task. 41 | grunt.loadNpmTasks('grunt-contrib-uglify'); 42 | 43 | // load sass 44 | grunt.loadNpmTasks('grunt-contrib-sass'); 45 | 46 | // watch 47 | grunt.loadNpmTasks('grunt-contrib-watch'); 48 | 49 | // Default task(s). 50 | grunt.registerTask('default', ['uglify', 'sass']); 51 | 52 | 53 | 54 | }; 55 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Sandro Kock 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | mqtt-chrome 2 | =========== 3 | 4 | Current demo at http://mqtt.madein-hamburg.de/beta0.2/ 5 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "MQTTlens", 3 | "version": "0.0.2", 4 | "authors": [ 5 | "Sandro Kock " 6 | ], 7 | "description": "A design prototype for an MQTT Chrome App", 8 | "main": "bower_components", 9 | "keywords": [ 10 | "mqtt", 11 | "chrome", 12 | "webapp" 13 | ], 14 | "license": "MIT", 15 | "homepage": "https://github.com/sandro-k/mqtt-chrome", 16 | "ignore": [ 17 | "**/.*", 18 | "node_modules", 19 | "bower_components", 20 | "test", 21 | "tests" 22 | ], 23 | "dependencies": { 24 | "polymer": "Polymer/polymer#~0.3.5", 25 | "mqtt-lens": "sandro-k/mqtt-lens#master", 26 | "chrome-app-livereload": "bestander/chrome-app-livereload#~0.0.5" 27 | }, 28 | "resolutions": { 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /components/x-template/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | x-demo demo 6 | 7 | 8 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /components/x-template/x-template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 52 | 53 | -------------------------------------------------------------------------------- /css/boostrap-overwrite.scss: -------------------------------------------------------------------------------- 1 | //@import "../bootstrap-sass-official/vendor/assets/"; 2 | $icon-font-path: "../bootstrap-sass-official/vendor/assets/"; 3 | 4 | .container-fluid { 5 | padding-left: 0; 6 | padding-right: 0; 7 | min-height: 100%; 8 | } 9 | 10 | [class*='col-'] { 11 | padding-left: 4px; 12 | padding-right: 4px; 13 | } -------------------------------------------------------------------------------- /css/fonts.scss: -------------------------------------------------------------------------------- 1 | /* 2 | compiled scss will be in the build directory so we need to go up two directories 3 | */ 4 | @font-face { 5 | font-family: 'icomoon'; 6 | src:url('../../fonts/icomoon.eot?ibphbr'); 7 | src:url('../../fonts/icomoon.eot?#iefixibphbr') format('embedded-opentype'), 8 | url('../../fonts/icomoon.woff?ibphbr') format('woff'), 9 | url('../../fonts/icomoon.ttf?ibphbr') format('truetype'), 10 | url('../../fonts/icomoon.svg?ibphbr#icomoon') format('svg'); 11 | font-weight: normal; 12 | font-style: normal; 13 | } 14 | 15 | [class^="icon-"], [class*=" icon-"] { 16 | // font-family: 'icomoon'; 17 | // speak: none; 18 | // font-style: normal; 19 | // font-weight: normal; 20 | // font-variant: normal; 21 | // text-transform: none; 22 | // line-height: 1; 23 | 24 | /* Better Font Rendering =========== */ 25 | -webkit-font-smoothing: antialiased; 26 | -moz-osx-font-smoothing: grayscale; 27 | } 28 | 29 | .icon-uniE600:before { 30 | content: "\e600"; 31 | } 32 | -------------------------------------------------------------------------------- /css/global.scss: -------------------------------------------------------------------------------- 1 | //variables 2 | 3 | @import "../font-awesome/scss/font-awesome"; 4 | 5 | //colors 6 | 7 | h1 { 8 | margin: 0; 9 | } 10 | 11 | // layout 12 | .wrapper { 13 | display: flex; 14 | flex-flow: row wrap; 15 | } 16 | 17 | /* We tell all items to be 100% width */ 18 | 19 | .content { 20 | flex: 2 100%; 21 | } 22 | 23 | .menu { 24 | flex: 1 20%; 25 | } 26 | 27 | /* Medium screens */ 28 | @media all and (min-width: 600px) { 29 | /* We tell both sidebars to share a row */ 30 | .aside { 31 | // flex: 1 auto; 32 | } 33 | } 34 | 35 | /* Large screens */ 36 | @media all and (min-width: 800px) { 37 | /* We invert order of first sidebar and content 38 | * And tell the content element to take twice as much width as the other two sidebars 39 | */ 40 | .content { 41 | flex: 2 0px; 42 | } 43 | .menu-left { 44 | order: 1; 45 | } 46 | .content { 47 | order: 2; 48 | } 49 | .menu-right { 50 | order: 3; 51 | } 52 | } 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /css/include.scss: -------------------------------------------------------------------------------- 1 | @import "../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap"; -------------------------------------------------------------------------------- /css/layout.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/bootstrap"; 3 | @import "boostrap-overwrite"; 4 | 5 | $margin: 4px; 6 | 7 | 8 | $grey: #f2f2f2; 9 | $grey-light: #f6f6f6; 10 | //$grey_dark: #D0D0D0; 11 | $grey_dark: #c1c0c6; 12 | 13 | //$grey_dark_dark: #555; 14 | $grey_dark_dark: #626267; 15 | $black: #010101; 16 | $blue: #7694c6; 17 | //c1c0c6 18 | 19 | html, 20 | body { 21 | overflow-y: scroll; 22 | margin: 0; 23 | padding: 0; 24 | height: 100%; 25 | background: #e5e5e5; 26 | -webkit-font-smoothing: antialiased; 27 | } 28 | 29 | div { 30 | -webkit-font-smoothing: antialiased; 31 | border: 0px; 32 | } 33 | 34 | .connected { 35 | h2 { 36 | font-weight: 400; 37 | } 38 | } 39 | 40 | // todo refactor into proper selector 41 | .no-top-padding { 42 | padding-top: 0 !important; 43 | } 44 | 45 | .toggle-menu { 46 | .badge { 47 | position: relative; 48 | top: -43px; 49 | left: 17px; 50 | background: rgba(250, 0, 0, 0.95); 51 | padding-left: 4px; 52 | padding-right: 4px; 53 | font-size: 12px; 54 | z-index: 4; 55 | } 56 | } 57 | 58 | .header-wrapper { 59 | .fixed-width { 60 | width: 50px; 61 | } 62 | } 63 | 64 | h1, h2, h3, h4, h5 { 65 | color: $grey_dark_dark; 66 | font-weight: 200; 67 | margin-top: 0; 68 | margin-bottom: 0; 69 | padding-top: $margin; 70 | padding-bottom: $margin; 71 | -webkit-font-smoothing: antialiased 72 | } 73 | 74 | @mixin headings($from: 1, $to: 6) { 75 | @for $i from $from through $to { 76 | h#{$i} { 77 | @content; 78 | font-size: (26-($i*2))*1px; 79 | } 80 | } 81 | } 82 | 83 | @include headings() { 84 | font-family: sans-serif; 85 | // font-weight: bold; 86 | } 87 | 88 | .sub { 89 | border-top: 1px dashed $grey_dark; 90 | 91 | } 92 | 93 | .glyphicon.off { 94 | color: $grey_dark; 95 | } 96 | 97 | .hidden-init { 98 | display: none; 99 | } 100 | 101 | .extra-margin { 102 | margin-right: $margin; 103 | } 104 | 105 | .connection { 106 | border-right: 1px solid $grey_dark; 107 | vertical-align: middle !important; 108 | .glyphicon { 109 | padding-top: $margin*2; 110 | } 111 | @media all and (min-width: 600px) { 112 | .glyphicon { 113 | 114 | padding-bottom: $margin; 115 | } 116 | } 117 | .options { 118 | .badge { 119 | margin-top: $margin*2; 120 | margin-bottom: $margin*2; 121 | font-family: sans-serif; 122 | font-size: 0.8em; 123 | } 124 | changeover-icon, core-icon { 125 | // margin-left: $margin*2; 126 | margin-top: $margin; 127 | fill: $grey_dark_dark; 128 | &:hover { 129 | cursor: pointer; 130 | text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.46); 131 | // -webkit-transform: rotate(25deg); 132 | } 133 | } 134 | } 135 | .badge { 136 | @media all and (max-width: 600px) { 137 | top: -40px; 138 | left: 9px; 139 | } 140 | } 141 | } 142 | 143 | .last { 144 | border-bottom: 2px solid $grey_dark; 145 | margin-bottom: $margin*2; 146 | } 147 | 148 | .main .row, .aside .row { 149 | // padding-top: $margin; 150 | // padding-bottom: $margin; 151 | } 152 | 153 | h1 { 154 | font-size: 24px; 155 | } 156 | 157 | h2 { 158 | font-size: 20px; 159 | } 160 | 161 | .row { 162 | margin-left: 0; 163 | margin-right: 0; 164 | } 165 | 166 | .wrapper { 167 | display: flex; 168 | flex-flow: row wrap; 169 | min-height: 100%; 170 | position: relative; 171 | } 172 | 173 | .separator { 174 | border-right: 1px dotted #e5e5e5; 175 | border-left: 1px dotted #e5e5e5; 176 | margin-right: $margin*2; 177 | padding-right: $margin*2 !important; 178 | padding-left: $margin*2 !important; 179 | } 180 | 181 | .main { 182 | flex: 10 100%; 183 | min-height: 100%; 184 | position: relative; 185 | [class*=" icon-"] { 186 | .glyphicon { 187 | // color: dimgrey; 188 | // font-size: 29px; 189 | } 190 | } 191 | .icon-left { 192 | border-right: 1px solid $grey; 193 | padding-right: 15px; 194 | padding-left: 10px; 195 | } 196 | .icon-right { 197 | border-left: 1px solid $grey; 198 | padding-left: 15px; 199 | // padding-right: 10px; 200 | margin-right: -15px 201 | } 202 | 203 | .head { 204 | text-align: center; 205 | h1 { 206 | font-family: sans-serif; 207 | // font-size: 21px; 208 | font-weight: 200; 209 | } 210 | } 211 | } 212 | 213 | .row { 214 | .options > span { 215 | margin-left: $margin*2; 216 | } 217 | // because we use pull left on all 218 | // spans the fist element will be the last 219 | .options > span:last-child { 220 | margin-left: 0px; 221 | } 222 | } 223 | 224 | .red { 225 | background-color: red; 226 | min-height: 100px; 227 | } 228 | 229 | .orange { 230 | background-color: orange; 231 | min-height: 100px; 232 | } 233 | 234 | .yellow { 235 | background-color: #ffff00; 236 | min-height: 100px; 237 | } 238 | 239 | /* remove right padding from first column */ 240 | .noleft-padding { 241 | // alter border 242 | padding-left: 0; 243 | } 244 | 245 | /* remove left padding from first column */ 246 | .noright-padding { 247 | // alter border 248 | padding-right: 0; 249 | } 250 | 251 | .menu-right-wrapper { 252 | right: 0; 253 | } 254 | 255 | .header { 256 | margin-top: 0; 257 | // margin-bottom: $margin*3; 258 | // padding-top: $margin; 259 | // padding-bottom: $margin; 260 | padding-left: 0; 261 | h1 { 262 | font-size: 24px; 263 | color: #ffffff; 264 | } 265 | .header-wrapper { 266 | .app-name { 267 | height: 67px; 268 | padding: 14px 0px; 269 | font-size: 32px; 270 | line-height: 22px; 271 | .glyphicon { 272 | margin-left: 4px; 273 | top: 4px; 274 | left: 4px; 275 | -webkit-transform: rotate(67deg); 276 | } 277 | span.subline { 278 | font-size: 26px; 279 | position: relative; 280 | top: 4px; 281 | } 282 | } 283 | .config-icon { 284 | height: 67px; 285 | padding: 20px 0px; 286 | font-size: 28px; 287 | line-height: 22px; 288 | } 289 | } 290 | .config[on-click] { 291 | color: #ffffff; 292 | :hover { 293 | // -webkit-transform: rotate(30deg); 294 | 295 | text-shadow: 0px 0px 5px rgba(68, 54, 133, 0.46); 296 | } 297 | } 298 | } 299 | 300 | .gradient { 301 | // background-image: linear-gradient(to bottom, $blue, #415577); 302 | // linear-gradient(#ffffff 81%,#f5f6f7); 303 | // box-shadow: 0px 0px 32px 0px $grey_dark_dark; 304 | } 305 | 306 | .footer { 307 | position: absolute; 308 | width: 100%; 309 | height: 80px; 310 | bottom: 0; 311 | left: 0; 312 | } 313 | 314 | .main { 315 | text-align: left; 316 | // padding-bottom: 80px; 317 | // margin-left: $margin*2; 318 | // margin-right: $margin*2; 319 | } 320 | 321 | //.aside > div:first-child 322 | .main > div:first-child { 323 | // border-left: 1px solid $grey_dark; 324 | border-left: 3px solid $grey_dark_dark; 325 | border-top: 1px solid $grey_dark; 326 | border-bottom: 1px solid $grey_dark; 327 | border-right: 1px solid $grey_dark; 328 | 329 | } 330 | 331 | .menu-left { 332 | // margin-right: $margin*2; 333 | // background: linear-gradient(to right,#3a3633 93%,#2a2725 100%); 334 | color: #ffffff; 335 | } 336 | 337 | .content-wrapper { 338 | padding-left: 0; 339 | } 340 | 341 | .connections-wrapper, .content-wrapper, .menu-right-wrapper { 342 | @media all and (max-width: 768px) { 343 | margin-bottom: $margin*2; 344 | padding-right: $margin*0.5; 345 | padding-left: $margin*0.5; 346 | } 347 | } 348 | 349 | .connections { 350 | @media all and (min-width: 768px) { 351 | // alter border 352 | // padding-left: $margin; 353 | // padding-right: $margin; 354 | } 355 | 356 | div:nth-of-type(1) div { 357 | // border-left: 3px solid red; 358 | } 359 | 360 | } 361 | 362 | .connection { 363 | // th { 364 | // display: inline-block; 365 | // min-width: 10px; 366 | // padding: 3px 7px; 367 | // font-size: 12px; 368 | // font-weight: bold; 369 | // line-height: 1; 370 | // color: #fff; 371 | // text-align: center; 372 | // white-space: nowrap; 373 | // vertical-align: baseline; 374 | // border-radius: 10px; 375 | // } 376 | } 377 | 378 | @media all and (max-width: $screen-sm-min) { 379 | .left-sidebar, .noleft-padding, .content-wrapper { 380 | padding-left: 0; 381 | padding-right: 0; 382 | } 383 | } 384 | 385 | @media all and (min-width: 600px) { 386 | .collapsed-extra-padding-left { 387 | padding-left: 46px; 388 | } 389 | 390 | .collapsed-extra-padding-right { 391 | padding-right: 42px; 392 | } 393 | } 394 | 395 | .glyphicon-btn { 396 | cursor: pointer; 397 | &:hover { 398 | text-shadow: 0px 0px 10px $blue; 399 | } 400 | } 401 | 402 | .helper { 403 | display: none; 404 | } 405 | 406 | .collapsed-custom { 407 | z-index: 500; 408 | position: absolute; 409 | // left: -273px; 410 | // margin-left: -$margin; 411 | // width: 38px; 412 | padding: 0; 413 | overflow: hidden; 414 | 415 | // .helper { 416 | // display: block; 417 | // } 418 | .menu-head-icon { 419 | 420 | i { 421 | margin-right: 3px; 422 | } 423 | 424 | } 425 | // @media all and (max-width: 600px) { 426 | // width: 0; 427 | // } 428 | 429 | // .aside { 430 | // padding-right: 0; 431 | // } 432 | 433 | // @media all and (max-width: 600px) { 434 | // .nav { 435 | // display: none; 436 | // } 437 | // } 438 | 439 | // h1,{ 440 | // display: none; 441 | // } 442 | // .col-xs-6, .col-sm-12, .col-lg-6 { 443 | // visibility: hidden; 444 | // } 445 | // h1.pull-right { 446 | // display: block; 447 | // } 448 | // .col-xs-1, .col-sm-2 { 449 | // width: 32px; 450 | // } 451 | 452 | } 453 | 454 | .border-dark-grey { 455 | // alter border 456 | border-right: 3px solid $grey_dark_dark; 457 | border-left: 1px solid $grey_dark; 458 | border-top: 1px solid $grey_dark; 459 | border-bottom: 1px solid $grey_dark; 460 | } 461 | 462 | .menu-right { 463 | .border-dark-grey { 464 | border-left: 3px solid $grey_dark_dark; 465 | border-right: 0; 466 | @media all and (max-width: 600px) { 467 | border-right: 1px solid $grey_dark; 468 | } 469 | } 470 | } 471 | 472 | //small 473 | @media all and (max-width: 600px) { 474 | .aside { 475 | max-width: 100%; 476 | width: 100%; 477 | } 478 | .menu-left { 479 | margin-right: 0; 480 | } 481 | .menu-right { 482 | margin-left: 0; 483 | } 484 | } 485 | 486 | .github { 487 | position: fixed; 488 | bottom: 0; 489 | left: 0; 490 | border: 0; 491 | z-index: 1000; 492 | } 493 | 494 | // colors 495 | .bg-grey { 496 | background-color: $grey; 497 | } 498 | 499 | .bg-white { 500 | background-color: #ffffff; 501 | } 502 | 503 | .bg-blue { 504 | background-color: $blue; 505 | } 506 | 507 | .nav { 508 | li:last-child { 509 | border-bottom: 2px solid $grey_dark; 510 | } 511 | li { 512 | border-bottom: 1px solid $grey_dark; 513 | // alter border 514 | // border-right: 1px solid $grey_dark; 515 | border-left: 1px solid $grey_dark; 516 | a { 517 | color: $grey_dark_dark; 518 | } 519 | } 520 | .active { 521 | font-weight: bold; 522 | } 523 | } 524 | 525 | .message { 526 | overflow-wrap: break-word; 527 | font-family: sans-serif; 528 | color: $grey_dark_dark; 529 | } 530 | 531 | .row.message { 532 | padding-top: $margin; 533 | padding-bottom: $margin; 534 | 535 | } 536 | 537 | .subscription-header { 538 | > div { 539 | padding-top: $margin; 540 | } 541 | .fa-2x { 542 | font-size: 1.4em; 543 | } 544 | } 545 | 546 | .spacer { 547 | min-width: 30px; 548 | min-height: 1px; 549 | display: inline-block; 550 | } 551 | 552 | // generate colors for the connections 553 | $num-colors: 10; 554 | $base-color: #cc2244; 555 | $spectrum: 360deg; 556 | $offset: 30deg; 557 | 558 | @for $i from 0 to $num-colors { 559 | $connections_color: adjust-hue($base-color, $offset + $spectrum / $num-colors * $i); 560 | .connection-#{$i} { 561 | // alter border 562 | // border-left: 3px solid $connections_color; 563 | border-right: 3px solid rgba($connections_color, 0.9999); 564 | .badge { 565 | background: $connections_color; 566 | } 567 | .message { 568 | border-left: 6px solid $connections_color; 569 | &:hover { 570 | background: lighten($connections_color, 30); 571 | cursor: pointer; 572 | } 573 | } 574 | 575 | .table-striped > tbody > tr:nth-child(odd) > td, 576 | .table-striped > tbody > tr:nth-child(odd) > th { 577 | background: lighten($connections_color, 40); 578 | } 579 | 580 | th { 581 | // background: lighten($connections_color, 30); 582 | } 583 | 584 | &.badge { 585 | background: $connections_color; 586 | } 587 | } 588 | 589 | // mqtt-subscription::shadow { 590 | //// background: #ffff00; 591 | // .connection-#{$i} { 592 | // background: rgba(lighten($connections_color, 50), 0.99); 593 | // // alter border 594 | // border-left: 3px solid $connections_color; 595 | // border-right: 1px solid $connections_color; 596 | // glyphicon-btn { 597 | // &:hover { 598 | // // color: #000000; 599 | // text-shadow: 0px 0px 10px rgba(lighten($connections_color, 10), 1); 600 | // } 601 | // } 602 | // } 603 | // } 604 | 605 | .connection-#{$i} { 606 | background: rgba(lighten($connections_color, 50), 0.99); 607 | // alter border 608 | border-left: 3px solid $connections_color; 609 | border-right: 1px solid $connections_color; 610 | 611 | .glyphicon-btn, changeover-icon, core-icon { 612 | &:hover { 613 | text-shadow: 0px 0px 10px rgba(lighten($connections_color, 10), 1); 614 | } 615 | } 616 | 617 | 618 | } 619 | .nav .connection-#{$i} { 620 | background: lighten($connections_color, 40); 621 | } 622 | .connection-#{$i}.active { 623 | background: lighten($connections_color, 30); 624 | border-right: 5px solid $connections_color; 625 | } 626 | .connection-#{$i} a:focus, .connection-#{$i} a:hover { 627 | // color: red; 628 | background: rgba(lighten($connections_color, 50), 1) !important; 629 | // background-color: #ffff00!important; 630 | } 631 | } 632 | 633 | .nav > li > a:hover, .nav > li > a:focus { 634 | //background-color: red; 635 | } 636 | 637 | // debug 638 | $debug: false; 639 | @if $debug { 640 | .menu-right { 641 | background: hotpink; 642 | } 643 | .menu-left { 644 | background: gold; 645 | } 646 | .main { 647 | background: deepskyblue; 648 | } 649 | .header { 650 | background: tomato; 651 | } 652 | .footer { 653 | background: lightgreen; 654 | } 655 | } 656 | 657 | @mixin headings { 658 | h1, h2, h3 659 | h4, h5, h6 { 660 | @content; 661 | } 662 | } 663 | 664 | $modal-border-radius: 5px; 665 | /* MODAL */ 666 | .modal-header { 667 | // @extend .bg-blue; 668 | border-top-left-radius: $modal-border-radius; 669 | border-top-right-radius: $modal-border-radius; 670 | border-bottom: 1px dotted #e5e5e5; 671 | // all headings get white font color 672 | @include headings { 673 | color: #ffffff; 674 | } 675 | 676 | .close { 677 | color: #FFF; 678 | text-shadow: 0 1px 0 #000; 679 | opacity: 1; 680 | font-weight: normal; 681 | font-size: 24px; 682 | &:hover { 683 | font-weight: bold; 684 | } 685 | } 686 | } 687 | 688 | .menu-head-icon { 689 | padding-left: 0; 690 | padding-right: 0; 691 | .pull-left { 692 | i { 693 | border-right: 1px solid $grey_dark; 694 | } 695 | } 696 | .pull-right { 697 | i { 698 | border-left: 1px solid $grey_dark; 699 | } 700 | } 701 | i { 702 | padding: 4px 8px; 703 | background: $grey-light; 704 | // border-left: 1px solid $grey_dark; 705 | } 706 | } 707 | 708 | .fa { 709 | color: #333; 710 | } 711 | 712 | .modal-body { 713 | // border-top: $margin solid $blue; 714 | } 715 | 716 | .modal-title { 717 | color: #ffffff; 718 | font-weight: 400; 719 | } 720 | 721 | .modal-open { 722 | overflow: visible; 723 | } 724 | 725 | .modal-footer { 726 | margin-top: 0; 727 | border-top: 1px dotted $blue; 728 | } 729 | 730 | .general-wrapper { 731 | border: 2px solid $blue; 732 | border-radius: 5px; 733 | margin-top: $margin*2; 734 | padding-bottom: $margin; 735 | .general-head { 736 | background: lighten($blue, 0); 737 | > div { 738 | padding-top: $margin; 739 | padding-bottom: $margin; 740 | padding-left: 0; 741 | padding-right: 0; 742 | } 743 | h3 { 744 | color: #ffffff; 745 | border-bottom: 1px dotted white; 746 | border-top: 1px dotted white; 747 | padding-left: 8px; 748 | } 749 | } 750 | .general-body { 751 | padding-left: 4px; 752 | } 753 | } 754 | 755 | .modal { 756 | .modal-body { 757 | .row { 758 | // margin-bottom: $margin*2; 759 | button.active { 760 | background-color: lightgreen; 761 | } 762 | } 763 | .advanced-wrapper { 764 | border: 2px solid $blue; 765 | border-radius: 5px; 766 | margin-top: $margin*2; 767 | .advanced-body { 768 | margin-top: $margin*2; 769 | padding-left: $margin*2; 770 | .form-group { 771 | margin-bottom: $margin; 772 | } 773 | } 774 | } 775 | .advanced { 776 | background: lighten($blue, 0); 777 | small { 778 | color: #ffffff; 779 | } 780 | // margin-left: -20px; 781 | // margin-right: -20px; 782 | > div { 783 | padding-bottom: 4px; 784 | padding-top: 4px; 785 | padding-left: 0px; 786 | padding-right: 0px; 787 | } 788 | h3 { 789 | color: #fff; 790 | border-bottom: 1px dotted white; 791 | border-top: 1px dotted white; 792 | padding-left: 8px; 793 | } 794 | } 795 | } 796 | .page-header { 797 | margin-top: 0; 798 | padding-bottom: $margin; 799 | h4 { 800 | padding-bottom: 0; 801 | // color: $blue; 802 | } 803 | } 804 | } 805 | 806 | .connection-wrapper { 807 | label { 808 | // color: $blue; 809 | } 810 | } 811 | 812 | .control-label { 813 | h4 { 814 | padding-top: 0; 815 | } 816 | } 817 | 818 | .right-spacing { 819 | padding-right: $margin*2; 820 | } 821 | 822 | .modal { 823 | .modal-body { 824 | .advanced { 825 | h3 { 826 | // color: #ffffff; 827 | } 828 | } 829 | } 830 | } 831 | 832 | .tooltip { 833 | z-index: 1100 !important; 834 | } 835 | 836 | .tooltip.in { 837 | z-index: 1101 !important; 838 | } 839 | 840 | #generateRandomId { 841 | width: 100%; 842 | } 843 | 844 | #generateRandomId { 845 | margin-top: 25px; 846 | line-height: 1.45; 847 | overflow-wrap: break-word; 848 | } 849 | 850 | @media all and (min-width: 768px) { 851 | 852 | } 853 | 854 | #notifications { 855 | margin-top: $margin*2; 856 | } 857 | 858 | .notifications-content { 859 | color: $grey_dark_dark; 860 | background: #ffffff; 861 | p { 862 | margin: 0; 863 | } 864 | .glyphicon-ok { 865 | color: green; 866 | } 867 | .glyphicon-remove-circle { 868 | color: red; 869 | 870 | } 871 | @media all and (max-width: 992px) and (min-width: 768px) { 872 | .glyphicon { 873 | // margin-left: -$margin*2; 874 | } 875 | } 876 | .glyphicon { 877 | float: right; 878 | padding-right: 4px; 879 | } 880 | .row { 881 | padding-top: $margin; 882 | padding-bottom: $margin; 883 | border-bottom: 1px solid $grey_dark; 884 | border-right: 3px solid $grey_dark; 885 | border-left: 1px solid $grey_dark; 886 | // will be compiled to .row.ok 887 | &.ok { 888 | -webkit-animation: okAnimation 5s; /* Chrome, Safari, Opera */ 889 | border-right: 3px solid green; 890 | } 891 | &.fail { 892 | -webkit-animation: failAnimation 8s; /* Chrome, Safari, Opera */ 893 | border-right: 3px solid red; 894 | } 895 | &:last-of-type { 896 | border-bottom: 2px solid $grey_dark; 897 | } 898 | &:hover { 899 | // background-color: lightgreen; 900 | -webkit-transition: background-color 1000ms linear; 901 | transition: background-color 1000ms linear; 902 | } 903 | } 904 | } 905 | 906 | pre.prettyprint { 907 | padding: 0 0 0 2px !important; 908 | 909 | .str { 910 | color: rgb(51, 51, 51); 911 | } 912 | span { 913 | // vertical-align: -webkit-baseline-middle; 914 | } 915 | 916 | } 917 | 918 | @-webkit-keyframes fadeInFromNone { 919 | 0% { 920 | display: block; 921 | opacity: 0; 922 | height: 1px; 923 | } 924 | 925 | 1% { 926 | display: block; 927 | opacity: 0; 928 | height: 20px; 929 | } 930 | 931 | 100% { 932 | display: block; 933 | opacity: 1; 934 | height: auto; 935 | } 936 | } 937 | 938 | .code-head { 939 | display: block; 940 | margin: 0; 941 | padding: 0 0 0 $margin*2; 942 | font-weight: bold; 943 | font-size: medium; 944 | 945 | float: right; 946 | background: #c4ee99; 947 | padding-left: 6px; 948 | padding-bottom: 2px; 949 | padding-right: 4px; 950 | border-left: 1px dotted #888; 951 | 952 | color: #555; 953 | padding-top: 2px; 954 | font-size: 14px; 955 | font-weight: 100; 956 | border-bottom-left-radius: 5px; 957 | border-bottom: 1px dotted #888; 958 | 959 | &.in { 960 | margin: 0 0 $margin 0 961 | } 962 | 963 | .pln { 964 | 965 | } 966 | } 967 | 968 | // animations 969 | /* Chrome, Safari, Opera */ 970 | @-webkit-keyframes okAnimation { 971 | from { 972 | background: lighten(lightgreen, 10); 973 | } 974 | to { 975 | background: #ffffff; 976 | } 977 | } 978 | 979 | @-webkit-keyframes okAnimationa { 980 | from { 981 | background: #bcf5bc; } 982 | 983 | to { 984 | background: none; } 985 | } 986 | 987 | // animations 988 | /* Chrome, Safari, Opera */ 989 | @-webkit-keyframes failAnimation { 990 | from { 991 | background: lighten(lightcoral, 10); 992 | } 993 | to { 994 | background: #ffffff; 995 | } 996 | } 997 | 998 | $rot: 5; 999 | @while $rot <= 180 { 1000 | .rot-#{$rot} { 1001 | -webkit-transform: rotate(#{$rot}deg); 1002 | } 1003 | $rot: $rot + 5 !global; 1004 | } -------------------------------------------------------------------------------- /demo/element/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 16 | 58 | 59 | 60 | 61 | 66 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /demo/modal/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Modal overlay with polymer 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 59 | 60 | 61 | 62 | 63 | 64 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /demo/toast/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Toast demo 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 26 | 46 | 47 | 48 | 49 | 50 | 60 | 61 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /demo/tooltip/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Tooltip demo 6 | 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 46 | 47 | 48 | 49 | 69 | 70 | 71 | 72 | 73 | 74 | 75 |
76 | 77 | 78 |
79 | AAAA 80 |
81 |
82 | 83 | 84 |
|||
85 |
86 |
87 | 88 | 93 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /demo/tooltip/demo2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Tooltip demo 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 129 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /elements/core-component-page/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "core-component-page", 3 | "private": true, 4 | "dependencies": { 5 | "platform": "Polymer/platform#>=0.3.0 <1.0.0", 6 | "polymer": "Polymer/polymer#>=0.3.0 <1.0.0" 7 | }, 8 | "homepage": "https://github.com/Polymer/core-component-page", 9 | "version": "0.3.4", 10 | "_release": "0.3.4", 11 | "_resolution": { 12 | "type": "version", 13 | "tag": "0.3.4", 14 | "commit": "4b85fc43eba7c112456044f3d4504cc0a14c7a08" 15 | }, 16 | "_source": "git://github.com/Polymer/core-component-page.git", 17 | "_target": ">=0.3.0 <1.0.0", 18 | "_originalSource": "Polymer/core-component-page" 19 | } -------------------------------------------------------------------------------- /elements/core-component-page/README.md: -------------------------------------------------------------------------------- 1 | core-component-page 2 | =================== 3 | 4 | See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-component-page) for more information. 5 | 6 | Note: this is the vulcanized version of [`core-component-page-dev`](https://github.com/Polymer/core-component-page-dev) (the source). 7 | -------------------------------------------------------------------------------- /elements/core-component-page/bowager-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/elements/core-component-page/bowager-logo.png -------------------------------------------------------------------------------- /elements/core-component-page/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "core-component-page", 3 | "private": true, 4 | "dependencies": { 5 | "platform": "Polymer/platform#>=0.3.0 <1.0.0", 6 | "polymer": "Polymer/polymer#>=0.3.0 <1.0.0" 7 | } 8 | } -------------------------------------------------------------------------------- /elements/core-component-page/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /elements/core-component-page/index.html: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /elements/platform/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "platform", 3 | "main": "platform.js", 4 | "homepage": "https://github.com/Polymer/platform", 5 | "authors": [ 6 | "The Polymer Authors" 7 | ], 8 | "description": "Integrate platform polyfills: load, build, test", 9 | "keywords": [ 10 | "polymer", 11 | "web", 12 | "components" 13 | ], 14 | "license": "BSD", 15 | "private": true, 16 | "version": "0.3.4", 17 | "_release": "0.3.4", 18 | "_resolution": { 19 | "type": "version", 20 | "tag": "0.3.4", 21 | "commit": "4e59041d572d81d633d73868f261fb89a0327501" 22 | }, 23 | "_source": "git://github.com/Polymer/platform.git", 24 | "_target": ">=0.3.0 <1.0.0", 25 | "_originalSource": "Polymer/platform" 26 | } -------------------------------------------------------------------------------- /elements/platform/README.md: -------------------------------------------------------------------------------- 1 | Platform 2 | ======== 3 | 4 | Aggregated polyfills the Polymer platform. 5 | 6 | [![Analytics](https://ga-beacon.appspot.com/UA-39334307-2/Polymer/platform/README)](https://github.com/igrigorik/ga-beacon) 7 | -------------------------------------------------------------------------------- /elements/platform/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "platform", 3 | "main": "platform.js", 4 | "homepage": "https://github.com/Polymer/platform", 5 | "authors": [ 6 | "The Polymer Authors" 7 | ], 8 | "description": "Integrate platform polyfills: load, build, test", 9 | "keywords": [ 10 | "polymer", 11 | "web", 12 | "components" 13 | ], 14 | "license": "BSD", 15 | "private": true 16 | } -------------------------------------------------------------------------------- /elements/platform/build.log: -------------------------------------------------------------------------------- 1 | BUILD LOG 2 | --------- 3 | Build Time: 2014-07-11T11:45:39 4 | 5 | NODEJS INFORMATION 6 | ================== 7 | nodejs: v0.10.28 8 | chai: 1.9.1 9 | grunt: 0.4.4 10 | grunt-audit: 0.0.3 11 | grunt-concat-sourcemap: 0.4.1 12 | grunt-contrib-concat: 0.4.0 13 | grunt-contrib-uglify: 0.5.0 14 | grunt-contrib-yuidoc: 0.5.2 15 | grunt-karma: 0.8.3 16 | karma: 0.12.14 17 | karma-crbot-reporter: 0.0.4 18 | karma-firefox-launcher: 0.1.3 19 | karma-ie-launcher: 0.1.5 20 | karma-mocha: 0.1.4 21 | karma-safari-launcher: 0.1.1 22 | karma-script-launcher: 0.1.0 23 | mocha: 1.20.1 24 | Platform: 0.3.4 25 | 26 | REPO REVISIONS 27 | ============== 28 | CustomElements: eef2f8f7d71ba474d40d59c743db049dbf174c0f 29 | HTMLImports: 5b24a18efe54b3e484ea95c2d28f46d6c4ef016b 30 | NodeBind: c47bc1b40d1cf0123b29620820a7111471e83ff3 31 | ShadowDOM: db04e2193a076120294dbcdc86da6c3680e92828 32 | TemplateBinding: 2a006d1635241b6a0b8ba11a8250ec1d8dacad7a 33 | WeakMap: a0947a9a0f58f5733f464755c3b86de624b00a5d 34 | observe-js: 18d3996727819eef3f00f9c901b7296b9e8635d3 35 | platform-dev: 35728d3e1951e77cbd484ed2b51d3da5b8119715 36 | 37 | BUILD HASHES 38 | ============ 39 | build/platform.js: 27fa15cfecf3bb1e3ecd60345606adad9742bc25 -------------------------------------------------------------------------------- /elements/polymer/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "polymer", 3 | "private": true, 4 | "dependencies": { 5 | "platform": "Polymer/platform#>=0.3.0 <1.0.0", 6 | "core-component-page": "Polymer/core-component-page#>=0.3.0 <1.0.0" 7 | }, 8 | "homepage": "https://github.com/Polymer/polymer", 9 | "version": "0.3.4", 10 | "_release": "0.3.4", 11 | "_resolution": { 12 | "type": "version", 13 | "tag": "0.3.4", 14 | "commit": "49a331373b78e37b415dca8e360223b2f63c4035" 15 | }, 16 | "_source": "git://github.com/Polymer/polymer.git", 17 | "_target": "~0.3.1", 18 | "_originalSource": "Polymer/polymer" 19 | } -------------------------------------------------------------------------------- /elements/polymer/README.md: -------------------------------------------------------------------------------- 1 | # Polymer 2 | 3 | [![Analytics](https://ga-beacon.appspot.com/UA-39334307-2/Polymer/polymer/README)](https://github.com/igrigorik/ga-beacon) 4 | 5 | Build Status: [http://build.chromium.org/p/client.polymer/waterfall](http://build.chromium.org/p/client.polymer/waterfall) 6 | 7 | ## Brief Overview 8 | 9 | For more detailed info goto [http://polymer-project.org/](http://polymer-project.org/). 10 | 11 | Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. 12 | 13 | Polymer is based on a set of future technologies, including [Shadow DOM](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html), [Custom Elements](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html) and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds. 14 | 15 | ## Tools & Testing 16 | 17 | For running tests or building minified files, consult the [tooling information](http://www.polymer-project.org/resources/tooling-strategy.html). 18 | -------------------------------------------------------------------------------- /elements/polymer/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "polymer", 3 | "private": true, 4 | "dependencies": { 5 | "platform": "Polymer/platform#>=0.3.0 <1.0.0", 6 | "core-component-page": "Polymer/core-component-page#>=0.3.0 <1.0.0" 7 | } 8 | } -------------------------------------------------------------------------------- /elements/polymer/build.log: -------------------------------------------------------------------------------- 1 | BUILD LOG 2 | --------- 3 | Build Time: 2014-07-11T11:45:46 4 | 5 | NODEJS INFORMATION 6 | ================== 7 | nodejs: v0.10.28 8 | chai: 1.9.1 9 | grunt: 0.4.4 10 | grunt-audit: 0.0.3 11 | grunt-contrib-uglify: 0.4.0 12 | grunt-contrib-yuidoc: 0.5.2 13 | grunt-karma: 0.8.3 14 | grunt-string-replace: 0.2.7 15 | karma: 0.12.14 16 | karma-crbot-reporter: 0.0.4 17 | karma-firefox-launcher: 0.1.3 18 | karma-ie-launcher: 0.1.5 19 | karma-mocha: 0.1.3 20 | karma-safari-launcher: 0.1.1 21 | karma-script-launcher: 0.1.0 22 | mocha: 1.18.2 23 | Polymer: 0.3.4 24 | 25 | REPO REVISIONS 26 | ============== 27 | polymer-expressions: 532e3a2be4a6deeb7e47dd1c4fa14c522cdc0576 28 | polymer-gestures: 014f8e1e11ea0c09b4972d8e35c161becdd1c6ef 29 | polymer-dev: 6ad2d610287352433baa407b04cc174631ccb5b5 30 | 31 | BUILD HASHES 32 | ============ 33 | build/polymer.js: ffd85a8ef2d910b63aa17651fe956c22ff1ca8af -------------------------------------------------------------------------------- /elements/polymer/layout.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /elements/polymer/polymer.html: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /favicon: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/favicon -------------------------------------------------------------------------------- /font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .pull-right { float: right; } 11 | .pull-left { float: left; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.pull-left { margin-right: .3em; } 15 | &.pull-right { margin-left: .3em; } 16 | } 17 | -------------------------------------------------------------------------------- /font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font-family: FontAwesome; 7 | font-style: normal; 8 | font-weight: normal; 9 | line-height: 1; 10 | -webkit-font-smoothing: antialiased; 11 | -moz-osx-font-smoothing: grayscale; 12 | } 13 | -------------------------------------------------------------------------------- /font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /font-awesome/scss/_icons.scss: -------------------------------------------------------------------------------- 1 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 2 | readers do not read off random characters that represent icons */ 3 | 4 | .#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } 5 | .#{$fa-css-prefix}-music:before { content: $fa-var-music; } 6 | .#{$fa-css-prefix}-search:before { content: $fa-var-search; } 7 | .#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } 8 | .#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } 9 | .#{$fa-css-prefix}-star:before { content: $fa-var-star; } 10 | .#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } 11 | .#{$fa-css-prefix}-user:before { content: $fa-var-user; } 12 | .#{$fa-css-prefix}-film:before { content: $fa-var-film; } 13 | .#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } 14 | .#{$fa-css-prefix}-th:before { content: $fa-var-th; } 15 | .#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } 16 | .#{$fa-css-prefix}-check:before { content: $fa-var-check; } 17 | .#{$fa-css-prefix}-times:before { content: $fa-var-times; } 18 | .#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } 19 | .#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } 20 | .#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } 21 | .#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } 22 | .#{$fa-css-prefix}-gear:before, 23 | .#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } 24 | .#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } 25 | .#{$fa-css-prefix}-home:before { content: $fa-var-home; } 26 | .#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } 27 | .#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } 28 | .#{$fa-css-prefix}-road:before { content: $fa-var-road; } 29 | .#{$fa-css-prefix}-download:before { content: $fa-var-download; } 30 | .#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } 31 | .#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } 32 | .#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } 33 | .#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } 34 | .#{$fa-css-prefix}-rotate-right:before, 35 | .#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } 36 | .#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } 37 | .#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } 38 | .#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } 39 | .#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } 40 | .#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } 41 | .#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } 42 | .#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } 43 | .#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } 44 | .#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } 45 | .#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } 46 | .#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } 47 | .#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } 48 | .#{$fa-css-prefix}-book:before { content: $fa-var-book; } 49 | .#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } 50 | .#{$fa-css-prefix}-print:before { content: $fa-var-print; } 51 | .#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } 52 | .#{$fa-css-prefix}-font:before { content: $fa-var-font; } 53 | .#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } 54 | .#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } 55 | .#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } 56 | .#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } 57 | .#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } 58 | .#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } 59 | .#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } 60 | .#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } 61 | .#{$fa-css-prefix}-list:before { content: $fa-var-list; } 62 | .#{$fa-css-prefix}-dedent:before, 63 | .#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } 64 | .#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } 65 | .#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } 66 | .#{$fa-css-prefix}-photo:before, 67 | .#{$fa-css-prefix}-image:before, 68 | .#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } 69 | .#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } 70 | .#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } 71 | .#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } 72 | .#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } 73 | .#{$fa-css-prefix}-edit:before, 74 | .#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } 75 | .#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } 76 | .#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } 77 | .#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; } 78 | .#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } 79 | .#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } 80 | .#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } 81 | .#{$fa-css-prefix}-play:before { content: $fa-var-play; } 82 | .#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } 83 | .#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } 84 | .#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } 85 | .#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } 86 | .#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } 87 | .#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } 88 | .#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } 89 | .#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } 90 | .#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } 91 | .#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } 92 | .#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } 93 | .#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } 94 | .#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } 95 | .#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } 96 | .#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } 97 | .#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } 98 | .#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } 99 | .#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } 100 | .#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } 101 | .#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } 102 | .#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } 103 | .#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } 104 | .#{$fa-css-prefix}-mail-forward:before, 105 | .#{$fa-css-prefix}-share:before { content: $fa-var-share; } 106 | .#{$fa-css-prefix}-expand:before { content: $fa-var-expand; } 107 | .#{$fa-css-prefix}-compress:before { content: $fa-var-compress; } 108 | .#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } 109 | .#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } 110 | .#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } 111 | .#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } 112 | .#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } 113 | .#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } 114 | .#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } 115 | .#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } 116 | .#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } 117 | .#{$fa-css-prefix}-warning:before, 118 | .#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } 119 | .#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } 120 | .#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } 121 | .#{$fa-css-prefix}-random:before { content: $fa-var-random; } 122 | .#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } 123 | .#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } 124 | .#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } 125 | .#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } 126 | .#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } 127 | .#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } 128 | .#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } 129 | .#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } 130 | .#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; } 131 | .#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; } 132 | .#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; } 133 | .#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } 134 | .#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } 135 | .#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } 136 | .#{$fa-css-prefix}-key:before { content: $fa-var-key; } 137 | .#{$fa-css-prefix}-gears:before, 138 | .#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } 139 | .#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } 140 | .#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } 141 | .#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } 142 | .#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } 143 | .#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } 144 | .#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } 145 | .#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } 146 | .#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } 147 | .#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } 148 | .#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } 149 | .#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } 150 | .#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } 151 | .#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } 152 | .#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } 153 | .#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } 154 | .#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } 155 | .#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } 156 | .#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } 157 | .#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } 158 | .#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } 159 | .#{$fa-css-prefix}-github:before { content: $fa-var-github; } 160 | .#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } 161 | .#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } 162 | .#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } 163 | .#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } 164 | .#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } 165 | .#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } 166 | .#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } 167 | .#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } 168 | .#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } 169 | .#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } 170 | .#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } 171 | .#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } 172 | .#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } 173 | .#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } 174 | .#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } 175 | .#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } 176 | .#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } 177 | .#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } 178 | .#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } 179 | .#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } 180 | .#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; } 181 | .#{$fa-css-prefix}-group:before, 182 | .#{$fa-css-prefix}-users:before { content: $fa-var-users; } 183 | .#{$fa-css-prefix}-chain:before, 184 | .#{$fa-css-prefix}-link:before { content: $fa-var-link; } 185 | .#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } 186 | .#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } 187 | .#{$fa-css-prefix}-cut:before, 188 | .#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } 189 | .#{$fa-css-prefix}-copy:before, 190 | .#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } 191 | .#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } 192 | .#{$fa-css-prefix}-save:before, 193 | .#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } 194 | .#{$fa-css-prefix}-square:before { content: $fa-var-square; } 195 | .#{$fa-css-prefix}-navicon:before, 196 | .#{$fa-css-prefix}-reorder:before, 197 | .#{$fa-css-prefix}-bars:before { content: $fa-var-bars; } 198 | .#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } 199 | .#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } 200 | .#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } 201 | .#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } 202 | .#{$fa-css-prefix}-table:before { content: $fa-var-table; } 203 | .#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } 204 | .#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } 205 | .#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } 206 | .#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } 207 | .#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } 208 | .#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } 209 | .#{$fa-css-prefix}-money:before { content: $fa-var-money; } 210 | .#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } 211 | .#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } 212 | .#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } 213 | .#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } 214 | .#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } 215 | .#{$fa-css-prefix}-unsorted:before, 216 | .#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } 217 | .#{$fa-css-prefix}-sort-down:before, 218 | .#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } 219 | .#{$fa-css-prefix}-sort-up:before, 220 | .#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } 221 | .#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } 222 | .#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } 223 | .#{$fa-css-prefix}-rotate-left:before, 224 | .#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } 225 | .#{$fa-css-prefix}-legal:before, 226 | .#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } 227 | .#{$fa-css-prefix}-dashboard:before, 228 | .#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } 229 | .#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } 230 | .#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } 231 | .#{$fa-css-prefix}-flash:before, 232 | .#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } 233 | .#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } 234 | .#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } 235 | .#{$fa-css-prefix}-paste:before, 236 | .#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } 237 | .#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } 238 | .#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } 239 | .#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } 240 | .#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } 241 | .#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } 242 | .#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } 243 | .#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } 244 | .#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } 245 | .#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } 246 | .#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } 247 | .#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } 248 | .#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; } 249 | .#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; } 250 | .#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } 251 | .#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } 252 | .#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } 253 | .#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } 254 | .#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } 255 | .#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } 256 | .#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } 257 | .#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } 258 | .#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } 259 | .#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } 260 | .#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } 261 | .#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } 262 | .#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } 263 | .#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } 264 | .#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } 265 | .#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } 266 | .#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } 267 | .#{$fa-css-prefix}-mobile-phone:before, 268 | .#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } 269 | .#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } 270 | .#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } 271 | .#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } 272 | .#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } 273 | .#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } 274 | .#{$fa-css-prefix}-mail-reply:before, 275 | .#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } 276 | .#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } 277 | .#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } 278 | .#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } 279 | .#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } 280 | .#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } 281 | .#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } 282 | .#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } 283 | .#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } 284 | .#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } 285 | .#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } 286 | .#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } 287 | .#{$fa-css-prefix}-code:before { content: $fa-var-code; } 288 | .#{$fa-css-prefix}-mail-reply-all:before, 289 | .#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } 290 | .#{$fa-css-prefix}-star-half-empty:before, 291 | .#{$fa-css-prefix}-star-half-full:before, 292 | .#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } 293 | .#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } 294 | .#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } 295 | .#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } 296 | .#{$fa-css-prefix}-unlink:before, 297 | .#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } 298 | .#{$fa-css-prefix}-question:before { content: $fa-var-question; } 299 | .#{$fa-css-prefix}-info:before { content: $fa-var-info; } 300 | .#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } 301 | .#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } 302 | .#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } 303 | .#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } 304 | .#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } 305 | .#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } 306 | .#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } 307 | .#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } 308 | .#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } 309 | .#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } 310 | .#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } 311 | .#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } 312 | .#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } 313 | .#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } 314 | .#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } 315 | .#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } 316 | .#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } 317 | .#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } 318 | .#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } 319 | .#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; } 320 | .#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } 321 | .#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; } 322 | .#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; } 323 | .#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } 324 | .#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } 325 | .#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } 326 | .#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } 327 | .#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } 328 | .#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } 329 | .#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } 330 | .#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } 331 | .#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } 332 | .#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } 333 | .#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } 334 | .#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } 335 | .#{$fa-css-prefix}-toggle-down:before, 336 | .#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } 337 | .#{$fa-css-prefix}-toggle-up:before, 338 | .#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } 339 | .#{$fa-css-prefix}-toggle-right:before, 340 | .#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } 341 | .#{$fa-css-prefix}-euro:before, 342 | .#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } 343 | .#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } 344 | .#{$fa-css-prefix}-dollar:before, 345 | .#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } 346 | .#{$fa-css-prefix}-rupee:before, 347 | .#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } 348 | .#{$fa-css-prefix}-cny:before, 349 | .#{$fa-css-prefix}-rmb:before, 350 | .#{$fa-css-prefix}-yen:before, 351 | .#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } 352 | .#{$fa-css-prefix}-ruble:before, 353 | .#{$fa-css-prefix}-rouble:before, 354 | .#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } 355 | .#{$fa-css-prefix}-won:before, 356 | .#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } 357 | .#{$fa-css-prefix}-bitcoin:before, 358 | .#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } 359 | .#{$fa-css-prefix}-file:before { content: $fa-var-file; } 360 | .#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } 361 | .#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } 362 | .#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } 363 | .#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } 364 | .#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } 365 | .#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } 366 | .#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } 367 | .#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } 368 | .#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } 369 | .#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } 370 | .#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } 371 | .#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } 372 | .#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } 373 | .#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } 374 | .#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } 375 | .#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } 376 | .#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } 377 | .#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } 378 | .#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } 379 | .#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } 380 | .#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } 381 | .#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } 382 | .#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } 383 | .#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } 384 | .#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } 385 | .#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } 386 | .#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } 387 | .#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } 388 | .#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } 389 | .#{$fa-css-prefix}-android:before { content: $fa-var-android; } 390 | .#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } 391 | .#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } 392 | .#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } 393 | .#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } 394 | .#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } 395 | .#{$fa-css-prefix}-female:before { content: $fa-var-female; } 396 | .#{$fa-css-prefix}-male:before { content: $fa-var-male; } 397 | .#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; } 398 | .#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } 399 | .#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } 400 | .#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } 401 | .#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } 402 | .#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } 403 | .#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } 404 | .#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } 405 | .#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } 406 | .#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } 407 | .#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } 408 | .#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } 409 | .#{$fa-css-prefix}-toggle-left:before, 410 | .#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } 411 | .#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } 412 | .#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } 413 | .#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } 414 | .#{$fa-css-prefix}-turkish-lira:before, 415 | .#{$fa-css-prefix}-try:before { content: $fa-var-try; } 416 | .#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; } 417 | .#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; } 418 | .#{$fa-css-prefix}-slack:before { content: $fa-var-slack; } 419 | .#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; } 420 | .#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; } 421 | .#{$fa-css-prefix}-openid:before { content: $fa-var-openid; } 422 | .#{$fa-css-prefix}-institution:before, 423 | .#{$fa-css-prefix}-bank:before, 424 | .#{$fa-css-prefix}-university:before { content: $fa-var-university; } 425 | .#{$fa-css-prefix}-mortar-board:before, 426 | .#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; } 427 | .#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; } 428 | .#{$fa-css-prefix}-google:before { content: $fa-var-google; } 429 | .#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; } 430 | .#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; } 431 | .#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } 432 | .#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; } 433 | .#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; } 434 | .#{$fa-css-prefix}-digg:before { content: $fa-var-digg; } 435 | .#{$fa-css-prefix}-pied-piper-square:before, 436 | .#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; } 437 | .#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; } 438 | .#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; } 439 | .#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; } 440 | .#{$fa-css-prefix}-language:before { content: $fa-var-language; } 441 | .#{$fa-css-prefix}-fax:before { content: $fa-var-fax; } 442 | .#{$fa-css-prefix}-building:before { content: $fa-var-building; } 443 | .#{$fa-css-prefix}-child:before { content: $fa-var-child; } 444 | .#{$fa-css-prefix}-paw:before { content: $fa-var-paw; } 445 | .#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; } 446 | .#{$fa-css-prefix}-cube:before { content: $fa-var-cube; } 447 | .#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; } 448 | .#{$fa-css-prefix}-behance:before { content: $fa-var-behance; } 449 | .#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; } 450 | .#{$fa-css-prefix}-steam:before { content: $fa-var-steam; } 451 | .#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; } 452 | .#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; } 453 | .#{$fa-css-prefix}-automobile:before, 454 | .#{$fa-css-prefix}-car:before { content: $fa-var-car; } 455 | .#{$fa-css-prefix}-cab:before, 456 | .#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; } 457 | .#{$fa-css-prefix}-tree:before { content: $fa-var-tree; } 458 | .#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; } 459 | .#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; } 460 | .#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; } 461 | .#{$fa-css-prefix}-database:before { content: $fa-var-database; } 462 | .#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; } 463 | .#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; } 464 | .#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; } 465 | .#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } 466 | .#{$fa-css-prefix}-file-photo-o:before, 467 | .#{$fa-css-prefix}-file-picture-o:before, 468 | .#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; } 469 | .#{$fa-css-prefix}-file-zip-o:before, 470 | .#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; } 471 | .#{$fa-css-prefix}-file-sound-o:before, 472 | .#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; } 473 | .#{$fa-css-prefix}-file-movie-o:before, 474 | .#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; } 475 | .#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; } 476 | .#{$fa-css-prefix}-vine:before { content: $fa-var-vine; } 477 | .#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; } 478 | .#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; } 479 | .#{$fa-css-prefix}-life-bouy:before, 480 | .#{$fa-css-prefix}-life-saver:before, 481 | .#{$fa-css-prefix}-support:before, 482 | .#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; } 483 | .#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; } 484 | .#{$fa-css-prefix}-ra:before, 485 | .#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; } 486 | .#{$fa-css-prefix}-ge:before, 487 | .#{$fa-css-prefix}-empire:before { content: $fa-var-empire; } 488 | .#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; } 489 | .#{$fa-css-prefix}-git:before { content: $fa-var-git; } 490 | .#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; } 491 | .#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; } 492 | .#{$fa-css-prefix}-qq:before { content: $fa-var-qq; } 493 | .#{$fa-css-prefix}-wechat:before, 494 | .#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; } 495 | .#{$fa-css-prefix}-send:before, 496 | .#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; } 497 | .#{$fa-css-prefix}-send-o:before, 498 | .#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; } 499 | .#{$fa-css-prefix}-history:before { content: $fa-var-history; } 500 | .#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; } 501 | .#{$fa-css-prefix}-header:before { content: $fa-var-header; } 502 | .#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; } 503 | .#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; } 504 | .#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; } 505 | .#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; } 506 | .#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; } 507 | -------------------------------------------------------------------------------- /font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon-rotate($degrees, $rotation) { 5 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 6 | -webkit-transform: rotate($degrees); 7 | -moz-transform: rotate($degrees); 8 | -ms-transform: rotate($degrees); 9 | -o-transform: rotate($degrees); 10 | transform: rotate($degrees); 11 | } 12 | 13 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 14 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 15 | -webkit-transform: scale($horiz, $vert); 16 | -moz-transform: scale($horiz, $vert); 17 | -ms-transform: scale($horiz, $vert); 18 | -o-transform: scale($horiz, $vert); 19 | transform: scale($horiz, $vert); 20 | } 21 | -------------------------------------------------------------------------------- /font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 9 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 10 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 11 | //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 12 | font-weight: normal; 13 | font-style: normal; 14 | } 15 | -------------------------------------------------------------------------------- /font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | -------------------------------------------------------------------------------- /font-awesome/scss/_spinning.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: spin 2s infinite linear; 6 | -moz-animation: spin 2s infinite linear; 7 | -o-animation: spin 2s infinite linear; 8 | animation: spin 2s infinite linear; 9 | } 10 | 11 | @-moz-keyframes spin { 12 | 0% { -moz-transform: rotate(0deg); } 13 | 100% { -moz-transform: rotate(359deg); } 14 | } 15 | @-webkit-keyframes spin { 16 | 0% { -webkit-transform: rotate(0deg); } 17 | 100% { -webkit-transform: rotate(359deg); } 18 | } 19 | @-o-keyframes spin { 20 | 0% { -o-transform: rotate(0deg); } 21 | 100% { -o-transform: rotate(359deg); } 22 | } 23 | @keyframes spin { 24 | 0% { 25 | -webkit-transform: rotate(0deg); 26 | transform: rotate(0deg); 27 | } 28 | 100% { 29 | -webkit-transform: rotate(359deg); 30 | transform: rotate(359deg); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /font-awesome/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | // -------------------------- 3 | 4 | //$fa-font-path: "../fonts" !default; 5 | $fa-font-path: "../../font-awesome/fonts" !default; // for referencing Bootstrap CDN font files directly 6 | $fa-css-prefix: fa !default; 7 | $fa-version: "4.1.0" !default; 8 | $fa-border-color: #eee !default; 9 | $fa-inverse: #fff !default; 10 | $fa-li-width: (30em / 14) !default; 11 | 12 | $fa-var-adjust: "\f042"; 13 | $fa-var-adn: "\f170"; 14 | $fa-var-align-center: "\f037"; 15 | $fa-var-align-justify: "\f039"; 16 | $fa-var-align-left: "\f036"; 17 | $fa-var-align-right: "\f038"; 18 | $fa-var-ambulance: "\f0f9"; 19 | $fa-var-anchor: "\f13d"; 20 | $fa-var-android: "\f17b"; 21 | $fa-var-angle-double-down: "\f103"; 22 | $fa-var-angle-double-left: "\f100"; 23 | $fa-var-angle-double-right: "\f101"; 24 | $fa-var-angle-double-up: "\f102"; 25 | $fa-var-angle-down: "\f107"; 26 | $fa-var-angle-left: "\f104"; 27 | $fa-var-angle-right: "\f105"; 28 | $fa-var-angle-up: "\f106"; 29 | $fa-var-apple: "\f179"; 30 | $fa-var-archive: "\f187"; 31 | $fa-var-arrow-circle-down: "\f0ab"; 32 | $fa-var-arrow-circle-left: "\f0a8"; 33 | $fa-var-arrow-circle-o-down: "\f01a"; 34 | $fa-var-arrow-circle-o-left: "\f190"; 35 | $fa-var-arrow-circle-o-right: "\f18e"; 36 | $fa-var-arrow-circle-o-up: "\f01b"; 37 | $fa-var-arrow-circle-right: "\f0a9"; 38 | $fa-var-arrow-circle-up: "\f0aa"; 39 | $fa-var-arrow-down: "\f063"; 40 | $fa-var-arrow-left: "\f060"; 41 | $fa-var-arrow-right: "\f061"; 42 | $fa-var-arrow-up: "\f062"; 43 | $fa-var-arrows: "\f047"; 44 | $fa-var-arrows-alt: "\f0b2"; 45 | $fa-var-arrows-h: "\f07e"; 46 | $fa-var-arrows-v: "\f07d"; 47 | $fa-var-asterisk: "\f069"; 48 | $fa-var-automobile: "\f1b9"; 49 | $fa-var-backward: "\f04a"; 50 | $fa-var-ban: "\f05e"; 51 | $fa-var-bank: "\f19c"; 52 | $fa-var-bar-chart-o: "\f080"; 53 | $fa-var-barcode: "\f02a"; 54 | $fa-var-bars: "\f0c9"; 55 | $fa-var-beer: "\f0fc"; 56 | $fa-var-behance: "\f1b4"; 57 | $fa-var-behance-square: "\f1b5"; 58 | $fa-var-bell: "\f0f3"; 59 | $fa-var-bell-o: "\f0a2"; 60 | $fa-var-bitbucket: "\f171"; 61 | $fa-var-bitbucket-square: "\f172"; 62 | $fa-var-bitcoin: "\f15a"; 63 | $fa-var-bold: "\f032"; 64 | $fa-var-bolt: "\f0e7"; 65 | $fa-var-bomb: "\f1e2"; 66 | $fa-var-book: "\f02d"; 67 | $fa-var-bookmark: "\f02e"; 68 | $fa-var-bookmark-o: "\f097"; 69 | $fa-var-briefcase: "\f0b1"; 70 | $fa-var-btc: "\f15a"; 71 | $fa-var-bug: "\f188"; 72 | $fa-var-building: "\f1ad"; 73 | $fa-var-building-o: "\f0f7"; 74 | $fa-var-bullhorn: "\f0a1"; 75 | $fa-var-bullseye: "\f140"; 76 | $fa-var-cab: "\f1ba"; 77 | $fa-var-calendar: "\f073"; 78 | $fa-var-calendar-o: "\f133"; 79 | $fa-var-camera: "\f030"; 80 | $fa-var-camera-retro: "\f083"; 81 | $fa-var-car: "\f1b9"; 82 | $fa-var-caret-down: "\f0d7"; 83 | $fa-var-caret-left: "\f0d9"; 84 | $fa-var-caret-right: "\f0da"; 85 | $fa-var-caret-square-o-down: "\f150"; 86 | $fa-var-caret-square-o-left: "\f191"; 87 | $fa-var-caret-square-o-right: "\f152"; 88 | $fa-var-caret-square-o-up: "\f151"; 89 | $fa-var-caret-up: "\f0d8"; 90 | $fa-var-certificate: "\f0a3"; 91 | $fa-var-chain: "\f0c1"; 92 | $fa-var-chain-broken: "\f127"; 93 | $fa-var-check: "\f00c"; 94 | $fa-var-check-circle: "\f058"; 95 | $fa-var-check-circle-o: "\f05d"; 96 | $fa-var-check-square: "\f14a"; 97 | $fa-var-check-square-o: "\f046"; 98 | $fa-var-chevron-circle-down: "\f13a"; 99 | $fa-var-chevron-circle-left: "\f137"; 100 | $fa-var-chevron-circle-right: "\f138"; 101 | $fa-var-chevron-circle-up: "\f139"; 102 | $fa-var-chevron-down: "\f078"; 103 | $fa-var-chevron-left: "\f053"; 104 | $fa-var-chevron-right: "\f054"; 105 | $fa-var-chevron-up: "\f077"; 106 | $fa-var-child: "\f1ae"; 107 | $fa-var-circle: "\f111"; 108 | $fa-var-circle-o: "\f10c"; 109 | $fa-var-circle-o-notch: "\f1ce"; 110 | $fa-var-circle-thin: "\f1db"; 111 | $fa-var-clipboard: "\f0ea"; 112 | $fa-var-clock-o: "\f017"; 113 | $fa-var-cloud: "\f0c2"; 114 | $fa-var-cloud-download: "\f0ed"; 115 | $fa-var-cloud-upload: "\f0ee"; 116 | $fa-var-cny: "\f157"; 117 | $fa-var-code: "\f121"; 118 | $fa-var-code-fork: "\f126"; 119 | $fa-var-codepen: "\f1cb"; 120 | $fa-var-coffee: "\f0f4"; 121 | $fa-var-cog: "\f013"; 122 | $fa-var-cogs: "\f085"; 123 | $fa-var-columns: "\f0db"; 124 | $fa-var-comment: "\f075"; 125 | $fa-var-comment-o: "\f0e5"; 126 | $fa-var-comments: "\f086"; 127 | $fa-var-comments-o: "\f0e6"; 128 | $fa-var-compass: "\f14e"; 129 | $fa-var-compress: "\f066"; 130 | $fa-var-copy: "\f0c5"; 131 | $fa-var-credit-card: "\f09d"; 132 | $fa-var-crop: "\f125"; 133 | $fa-var-crosshairs: "\f05b"; 134 | $fa-var-css3: "\f13c"; 135 | $fa-var-cube: "\f1b2"; 136 | $fa-var-cubes: "\f1b3"; 137 | $fa-var-cut: "\f0c4"; 138 | $fa-var-cutlery: "\f0f5"; 139 | $fa-var-dashboard: "\f0e4"; 140 | $fa-var-database: "\f1c0"; 141 | $fa-var-dedent: "\f03b"; 142 | $fa-var-delicious: "\f1a5"; 143 | $fa-var-desktop: "\f108"; 144 | $fa-var-deviantart: "\f1bd"; 145 | $fa-var-digg: "\f1a6"; 146 | $fa-var-dollar: "\f155"; 147 | $fa-var-dot-circle-o: "\f192"; 148 | $fa-var-download: "\f019"; 149 | $fa-var-dribbble: "\f17d"; 150 | $fa-var-dropbox: "\f16b"; 151 | $fa-var-drupal: "\f1a9"; 152 | $fa-var-edit: "\f044"; 153 | $fa-var-eject: "\f052"; 154 | $fa-var-ellipsis-h: "\f141"; 155 | $fa-var-ellipsis-v: "\f142"; 156 | $fa-var-empire: "\f1d1"; 157 | $fa-var-envelope: "\f0e0"; 158 | $fa-var-envelope-o: "\f003"; 159 | $fa-var-envelope-square: "\f199"; 160 | $fa-var-eraser: "\f12d"; 161 | $fa-var-eur: "\f153"; 162 | $fa-var-euro: "\f153"; 163 | $fa-var-exchange: "\f0ec"; 164 | $fa-var-exclamation: "\f12a"; 165 | $fa-var-exclamation-circle: "\f06a"; 166 | $fa-var-exclamation-triangle: "\f071"; 167 | $fa-var-expand: "\f065"; 168 | $fa-var-external-link: "\f08e"; 169 | $fa-var-external-link-square: "\f14c"; 170 | $fa-var-eye: "\f06e"; 171 | $fa-var-eye-slash: "\f070"; 172 | $fa-var-facebook: "\f09a"; 173 | $fa-var-facebook-square: "\f082"; 174 | $fa-var-fast-backward: "\f049"; 175 | $fa-var-fast-forward: "\f050"; 176 | $fa-var-fax: "\f1ac"; 177 | $fa-var-female: "\f182"; 178 | $fa-var-fighter-jet: "\f0fb"; 179 | $fa-var-file: "\f15b"; 180 | $fa-var-file-archive-o: "\f1c6"; 181 | $fa-var-file-audio-o: "\f1c7"; 182 | $fa-var-file-code-o: "\f1c9"; 183 | $fa-var-file-excel-o: "\f1c3"; 184 | $fa-var-file-image-o: "\f1c5"; 185 | $fa-var-file-movie-o: "\f1c8"; 186 | $fa-var-file-o: "\f016"; 187 | $fa-var-file-pdf-o: "\f1c1"; 188 | $fa-var-file-photo-o: "\f1c5"; 189 | $fa-var-file-picture-o: "\f1c5"; 190 | $fa-var-file-powerpoint-o: "\f1c4"; 191 | $fa-var-file-sound-o: "\f1c7"; 192 | $fa-var-file-text: "\f15c"; 193 | $fa-var-file-text-o: "\f0f6"; 194 | $fa-var-file-video-o: "\f1c8"; 195 | $fa-var-file-word-o: "\f1c2"; 196 | $fa-var-file-zip-o: "\f1c6"; 197 | $fa-var-files-o: "\f0c5"; 198 | $fa-var-film: "\f008"; 199 | $fa-var-filter: "\f0b0"; 200 | $fa-var-fire: "\f06d"; 201 | $fa-var-fire-extinguisher: "\f134"; 202 | $fa-var-flag: "\f024"; 203 | $fa-var-flag-checkered: "\f11e"; 204 | $fa-var-flag-o: "\f11d"; 205 | $fa-var-flash: "\f0e7"; 206 | $fa-var-flask: "\f0c3"; 207 | $fa-var-flickr: "\f16e"; 208 | $fa-var-floppy-o: "\f0c7"; 209 | $fa-var-folder: "\f07b"; 210 | $fa-var-folder-o: "\f114"; 211 | $fa-var-folder-open: "\f07c"; 212 | $fa-var-folder-open-o: "\f115"; 213 | $fa-var-font: "\f031"; 214 | $fa-var-forward: "\f04e"; 215 | $fa-var-foursquare: "\f180"; 216 | $fa-var-frown-o: "\f119"; 217 | $fa-var-gamepad: "\f11b"; 218 | $fa-var-gavel: "\f0e3"; 219 | $fa-var-gbp: "\f154"; 220 | $fa-var-ge: "\f1d1"; 221 | $fa-var-gear: "\f013"; 222 | $fa-var-gears: "\f085"; 223 | $fa-var-gift: "\f06b"; 224 | $fa-var-git: "\f1d3"; 225 | $fa-var-git-square: "\f1d2"; 226 | $fa-var-github: "\f09b"; 227 | $fa-var-github-alt: "\f113"; 228 | $fa-var-github-square: "\f092"; 229 | $fa-var-gittip: "\f184"; 230 | $fa-var-glass: "\f000"; 231 | $fa-var-globe: "\f0ac"; 232 | $fa-var-google: "\f1a0"; 233 | $fa-var-google-plus: "\f0d5"; 234 | $fa-var-google-plus-square: "\f0d4"; 235 | $fa-var-graduation-cap: "\f19d"; 236 | $fa-var-group: "\f0c0"; 237 | $fa-var-h-square: "\f0fd"; 238 | $fa-var-hacker-news: "\f1d4"; 239 | $fa-var-hand-o-down: "\f0a7"; 240 | $fa-var-hand-o-left: "\f0a5"; 241 | $fa-var-hand-o-right: "\f0a4"; 242 | $fa-var-hand-o-up: "\f0a6"; 243 | $fa-var-hdd-o: "\f0a0"; 244 | $fa-var-header: "\f1dc"; 245 | $fa-var-headphones: "\f025"; 246 | $fa-var-heart: "\f004"; 247 | $fa-var-heart-o: "\f08a"; 248 | $fa-var-history: "\f1da"; 249 | $fa-var-home: "\f015"; 250 | $fa-var-hospital-o: "\f0f8"; 251 | $fa-var-html5: "\f13b"; 252 | $fa-var-image: "\f03e"; 253 | $fa-var-inbox: "\f01c"; 254 | $fa-var-indent: "\f03c"; 255 | $fa-var-info: "\f129"; 256 | $fa-var-info-circle: "\f05a"; 257 | $fa-var-inr: "\f156"; 258 | $fa-var-instagram: "\f16d"; 259 | $fa-var-institution: "\f19c"; 260 | $fa-var-italic: "\f033"; 261 | $fa-var-joomla: "\f1aa"; 262 | $fa-var-jpy: "\f157"; 263 | $fa-var-jsfiddle: "\f1cc"; 264 | $fa-var-key: "\f084"; 265 | $fa-var-keyboard-o: "\f11c"; 266 | $fa-var-krw: "\f159"; 267 | $fa-var-language: "\f1ab"; 268 | $fa-var-laptop: "\f109"; 269 | $fa-var-leaf: "\f06c"; 270 | $fa-var-legal: "\f0e3"; 271 | $fa-var-lemon-o: "\f094"; 272 | $fa-var-level-down: "\f149"; 273 | $fa-var-level-up: "\f148"; 274 | $fa-var-life-bouy: "\f1cd"; 275 | $fa-var-life-ring: "\f1cd"; 276 | $fa-var-life-saver: "\f1cd"; 277 | $fa-var-lightbulb-o: "\f0eb"; 278 | $fa-var-link: "\f0c1"; 279 | $fa-var-linkedin: "\f0e1"; 280 | $fa-var-linkedin-square: "\f08c"; 281 | $fa-var-linux: "\f17c"; 282 | $fa-var-list: "\f03a"; 283 | $fa-var-list-alt: "\f022"; 284 | $fa-var-list-ol: "\f0cb"; 285 | $fa-var-list-ul: "\f0ca"; 286 | $fa-var-location-arrow: "\f124"; 287 | $fa-var-lock: "\f023"; 288 | $fa-var-long-arrow-down: "\f175"; 289 | $fa-var-long-arrow-left: "\f177"; 290 | $fa-var-long-arrow-right: "\f178"; 291 | $fa-var-long-arrow-up: "\f176"; 292 | $fa-var-magic: "\f0d0"; 293 | $fa-var-magnet: "\f076"; 294 | $fa-var-mail-forward: "\f064"; 295 | $fa-var-mail-reply: "\f112"; 296 | $fa-var-mail-reply-all: "\f122"; 297 | $fa-var-male: "\f183"; 298 | $fa-var-map-marker: "\f041"; 299 | $fa-var-maxcdn: "\f136"; 300 | $fa-var-medkit: "\f0fa"; 301 | $fa-var-meh-o: "\f11a"; 302 | $fa-var-microphone: "\f130"; 303 | $fa-var-microphone-slash: "\f131"; 304 | $fa-var-minus: "\f068"; 305 | $fa-var-minus-circle: "\f056"; 306 | $fa-var-minus-square: "\f146"; 307 | $fa-var-minus-square-o: "\f147"; 308 | $fa-var-mobile: "\f10b"; 309 | $fa-var-mobile-phone: "\f10b"; 310 | $fa-var-money: "\f0d6"; 311 | $fa-var-moon-o: "\f186"; 312 | $fa-var-mortar-board: "\f19d"; 313 | $fa-var-music: "\f001"; 314 | $fa-var-navicon: "\f0c9"; 315 | $fa-var-openid: "\f19b"; 316 | $fa-var-outdent: "\f03b"; 317 | $fa-var-pagelines: "\f18c"; 318 | $fa-var-paper-plane: "\f1d8"; 319 | $fa-var-paper-plane-o: "\f1d9"; 320 | $fa-var-paperclip: "\f0c6"; 321 | $fa-var-paragraph: "\f1dd"; 322 | $fa-var-paste: "\f0ea"; 323 | $fa-var-pause: "\f04c"; 324 | $fa-var-paw: "\f1b0"; 325 | $fa-var-pencil: "\f040"; 326 | $fa-var-pencil-square: "\f14b"; 327 | $fa-var-pencil-square-o: "\f044"; 328 | $fa-var-phone: "\f095"; 329 | $fa-var-phone-square: "\f098"; 330 | $fa-var-photo: "\f03e"; 331 | $fa-var-picture-o: "\f03e"; 332 | $fa-var-pied-piper: "\f1a7"; 333 | $fa-var-pied-piper-alt: "\f1a8"; 334 | $fa-var-pied-piper-square: "\f1a7"; 335 | $fa-var-pinterest: "\f0d2"; 336 | $fa-var-pinterest-square: "\f0d3"; 337 | $fa-var-plane: "\f072"; 338 | $fa-var-play: "\f04b"; 339 | $fa-var-play-circle: "\f144"; 340 | $fa-var-play-circle-o: "\f01d"; 341 | $fa-var-plus: "\f067"; 342 | $fa-var-plus-circle: "\f055"; 343 | $fa-var-plus-square: "\f0fe"; 344 | $fa-var-plus-square-o: "\f196"; 345 | $fa-var-power-off: "\f011"; 346 | $fa-var-print: "\f02f"; 347 | $fa-var-puzzle-piece: "\f12e"; 348 | $fa-var-qq: "\f1d6"; 349 | $fa-var-qrcode: "\f029"; 350 | $fa-var-question: "\f128"; 351 | $fa-var-question-circle: "\f059"; 352 | $fa-var-quote-left: "\f10d"; 353 | $fa-var-quote-right: "\f10e"; 354 | $fa-var-ra: "\f1d0"; 355 | $fa-var-random: "\f074"; 356 | $fa-var-rebel: "\f1d0"; 357 | $fa-var-recycle: "\f1b8"; 358 | $fa-var-reddit: "\f1a1"; 359 | $fa-var-reddit-square: "\f1a2"; 360 | $fa-var-refresh: "\f021"; 361 | $fa-var-renren: "\f18b"; 362 | $fa-var-reorder: "\f0c9"; 363 | $fa-var-repeat: "\f01e"; 364 | $fa-var-reply: "\f112"; 365 | $fa-var-reply-all: "\f122"; 366 | $fa-var-retweet: "\f079"; 367 | $fa-var-rmb: "\f157"; 368 | $fa-var-road: "\f018"; 369 | $fa-var-rocket: "\f135"; 370 | $fa-var-rotate-left: "\f0e2"; 371 | $fa-var-rotate-right: "\f01e"; 372 | $fa-var-rouble: "\f158"; 373 | $fa-var-rss: "\f09e"; 374 | $fa-var-rss-square: "\f143"; 375 | $fa-var-rub: "\f158"; 376 | $fa-var-ruble: "\f158"; 377 | $fa-var-rupee: "\f156"; 378 | $fa-var-save: "\f0c7"; 379 | $fa-var-scissors: "\f0c4"; 380 | $fa-var-search: "\f002"; 381 | $fa-var-search-minus: "\f010"; 382 | $fa-var-search-plus: "\f00e"; 383 | $fa-var-send: "\f1d8"; 384 | $fa-var-send-o: "\f1d9"; 385 | $fa-var-share: "\f064"; 386 | $fa-var-share-alt: "\f1e0"; 387 | $fa-var-share-alt-square: "\f1e1"; 388 | $fa-var-share-square: "\f14d"; 389 | $fa-var-share-square-o: "\f045"; 390 | $fa-var-shield: "\f132"; 391 | $fa-var-shopping-cart: "\f07a"; 392 | $fa-var-sign-in: "\f090"; 393 | $fa-var-sign-out: "\f08b"; 394 | $fa-var-signal: "\f012"; 395 | $fa-var-sitemap: "\f0e8"; 396 | $fa-var-skype: "\f17e"; 397 | $fa-var-slack: "\f198"; 398 | $fa-var-sliders: "\f1de"; 399 | $fa-var-smile-o: "\f118"; 400 | $fa-var-sort: "\f0dc"; 401 | $fa-var-sort-alpha-asc: "\f15d"; 402 | $fa-var-sort-alpha-desc: "\f15e"; 403 | $fa-var-sort-amount-asc: "\f160"; 404 | $fa-var-sort-amount-desc: "\f161"; 405 | $fa-var-sort-asc: "\f0de"; 406 | $fa-var-sort-desc: "\f0dd"; 407 | $fa-var-sort-down: "\f0dd"; 408 | $fa-var-sort-numeric-asc: "\f162"; 409 | $fa-var-sort-numeric-desc: "\f163"; 410 | $fa-var-sort-up: "\f0de"; 411 | $fa-var-soundcloud: "\f1be"; 412 | $fa-var-space-shuttle: "\f197"; 413 | $fa-var-spinner: "\f110"; 414 | $fa-var-spoon: "\f1b1"; 415 | $fa-var-spotify: "\f1bc"; 416 | $fa-var-square: "\f0c8"; 417 | $fa-var-square-o: "\f096"; 418 | $fa-var-stack-exchange: "\f18d"; 419 | $fa-var-stack-overflow: "\f16c"; 420 | $fa-var-star: "\f005"; 421 | $fa-var-star-half: "\f089"; 422 | $fa-var-star-half-empty: "\f123"; 423 | $fa-var-star-half-full: "\f123"; 424 | $fa-var-star-half-o: "\f123"; 425 | $fa-var-star-o: "\f006"; 426 | $fa-var-steam: "\f1b6"; 427 | $fa-var-steam-square: "\f1b7"; 428 | $fa-var-step-backward: "\f048"; 429 | $fa-var-step-forward: "\f051"; 430 | $fa-var-stethoscope: "\f0f1"; 431 | $fa-var-stop: "\f04d"; 432 | $fa-var-strikethrough: "\f0cc"; 433 | $fa-var-stumbleupon: "\f1a4"; 434 | $fa-var-stumbleupon-circle: "\f1a3"; 435 | $fa-var-subscript: "\f12c"; 436 | $fa-var-suitcase: "\f0f2"; 437 | $fa-var-sun-o: "\f185"; 438 | $fa-var-superscript: "\f12b"; 439 | $fa-var-support: "\f1cd"; 440 | $fa-var-table: "\f0ce"; 441 | $fa-var-tablet: "\f10a"; 442 | $fa-var-tachometer: "\f0e4"; 443 | $fa-var-tag: "\f02b"; 444 | $fa-var-tags: "\f02c"; 445 | $fa-var-tasks: "\f0ae"; 446 | $fa-var-taxi: "\f1ba"; 447 | $fa-var-tencent-weibo: "\f1d5"; 448 | $fa-var-terminal: "\f120"; 449 | $fa-var-text-height: "\f034"; 450 | $fa-var-text-width: "\f035"; 451 | $fa-var-th: "\f00a"; 452 | $fa-var-th-large: "\f009"; 453 | $fa-var-th-list: "\f00b"; 454 | $fa-var-thumb-tack: "\f08d"; 455 | $fa-var-thumbs-down: "\f165"; 456 | $fa-var-thumbs-o-down: "\f088"; 457 | $fa-var-thumbs-o-up: "\f087"; 458 | $fa-var-thumbs-up: "\f164"; 459 | $fa-var-ticket: "\f145"; 460 | $fa-var-times: "\f00d"; 461 | $fa-var-times-circle: "\f057"; 462 | $fa-var-times-circle-o: "\f05c"; 463 | $fa-var-tint: "\f043"; 464 | $fa-var-toggle-down: "\f150"; 465 | $fa-var-toggle-left: "\f191"; 466 | $fa-var-toggle-right: "\f152"; 467 | $fa-var-toggle-up: "\f151"; 468 | $fa-var-trash-o: "\f014"; 469 | $fa-var-tree: "\f1bb"; 470 | $fa-var-trello: "\f181"; 471 | $fa-var-trophy: "\f091"; 472 | $fa-var-truck: "\f0d1"; 473 | $fa-var-try: "\f195"; 474 | $fa-var-tumblr: "\f173"; 475 | $fa-var-tumblr-square: "\f174"; 476 | $fa-var-turkish-lira: "\f195"; 477 | $fa-var-twitter: "\f099"; 478 | $fa-var-twitter-square: "\f081"; 479 | $fa-var-umbrella: "\f0e9"; 480 | $fa-var-underline: "\f0cd"; 481 | $fa-var-undo: "\f0e2"; 482 | $fa-var-university: "\f19c"; 483 | $fa-var-unlink: "\f127"; 484 | $fa-var-unlock: "\f09c"; 485 | $fa-var-unlock-alt: "\f13e"; 486 | $fa-var-unsorted: "\f0dc"; 487 | $fa-var-upload: "\f093"; 488 | $fa-var-usd: "\f155"; 489 | $fa-var-user: "\f007"; 490 | $fa-var-user-md: "\f0f0"; 491 | $fa-var-users: "\f0c0"; 492 | $fa-var-video-camera: "\f03d"; 493 | $fa-var-vimeo-square: "\f194"; 494 | $fa-var-vine: "\f1ca"; 495 | $fa-var-vk: "\f189"; 496 | $fa-var-volume-down: "\f027"; 497 | $fa-var-volume-off: "\f026"; 498 | $fa-var-volume-up: "\f028"; 499 | $fa-var-warning: "\f071"; 500 | $fa-var-wechat: "\f1d7"; 501 | $fa-var-weibo: "\f18a"; 502 | $fa-var-weixin: "\f1d7"; 503 | $fa-var-wheelchair: "\f193"; 504 | $fa-var-windows: "\f17a"; 505 | $fa-var-won: "\f159"; 506 | $fa-var-wordpress: "\f19a"; 507 | $fa-var-wrench: "\f0ad"; 508 | $fa-var-xing: "\f168"; 509 | $fa-var-xing-square: "\f169"; 510 | $fa-var-yahoo: "\f19e"; 511 | $fa-var-yen: "\f157"; 512 | $fa-var-youtube: "\f167"; 513 | $fa-var-youtube-play: "\f16a"; 514 | $fa-var-youtube-square: "\f166"; 515 | 516 | -------------------------------------------------------------------------------- /font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "spinning"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /fonts/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/icomoon.eot -------------------------------------------------------------------------------- /fonts/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /fonts/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/icomoon.ttf -------------------------------------------------------------------------------- /fonts/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandro-k/mqtt-chrome/c3c847b452847d12c308aef061b8b1231adfa5b1/fonts/icomoon.woff -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | MQTTlens 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mqtt-web-utility-design", 3 | "version": "0.0.1", 4 | "devDependencies": { 5 | "grunt": "~0.4.5", 6 | "grunt-contrib-jshint": "~0.10.0", 7 | "grunt-contrib-nodeunit": "~0.3.3", 8 | "grunt-contrib-uglify": "~0.4.0", 9 | "grunt-contrib-sass": "^0.7.3", 10 | "grunt-contrib-watch": "^0.6.1" 11 | }, 12 | "dependencies": { 13 | "mows": "0.0.6" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /template/addSubscriptionTemplate.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /template/addSubscriptionTemplate.mustache: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /template/connectionStyleTemplate.mustache: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /template/headerTemplate.mustache: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

MQTTlens

6 |
7 |
8 |

10 | 11 |

12 | 13 | 14 | 15 | 19 16 |

17 |
18 |
19 |
20 |
-------------------------------------------------------------------------------- /template/messages/jsonTemplate.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
{{type}}
{{abr contentRaw 150 false}}...
18 |
-------------------------------------------------------------------------------- /template/newConnectionSubscriptionTemplate.mustache: -------------------------------------------------------------------------------- 1 |
2 |
3 |

{{name}} - Subscriptions

4 |
5 |

6 | 7 |

8 |
9 |
10 |
-------------------------------------------------------------------------------- /template/newConnectionTemplate.mustache: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    4 |
    {{name}}
    5 |
    {{connection}}
    6 |
    7 |
    8 |
  • 9 | -------------------------------------------------------------------------------- /template/newNotificationTemplate.mustache: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | Connected with {{connectionURL}} 4 |
    5 |
    6 | 7 |
    8 |
    -------------------------------------------------------------------------------- /template/subscriptionTemplate.mustache: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |

    {{name}}

    4 |
    5 |
    6 | 7 | 8 | Messages: 0/0 9 | QoS: {{qos}} 10 |
    11 |
    -------------------------------------------------------------------------------- /template/test.handelbars: -------------------------------------------------------------------------------- 1 |
    2 |

    {{title}}

    3 |
    4 | {{abr body 10}} 5 |
    6 |
    --------------------------------------------------------------------------------