├── .gitignore ├── LICENSE ├── README.md ├── dist ├── the-framework.bundle.css └── the-framework.bundle.js ├── fonts ├── font-awesome │ ├── FontAwesome.otf │ ├── HELP-US-OUT.txt │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 └── vazir │ ├── Vazir-Bold.eot │ ├── Vazir-Bold.ttf │ ├── Vazir-Bold.woff │ ├── Vazir-Light.eot │ ├── Vazir-Light.ttf │ └── Vazir-Light.woff ├── gruntfile.js ├── index.html ├── js ├── app.js └── the-framework.js ├── modified_modules └── moment-jalaali │ └── moment-jalaali.js ├── package.json ├── sass ├── _bootstrap-rtl.scss ├── _bootstrap.scss ├── _bootswatch.scss ├── _font-awesome.scss ├── _fonts.scss ├── _tf-datepicker.scss ├── _tf-image-slider.scss ├── _tf-select.scss ├── _tf-switch.scss ├── _variables.scss ├── bootstrap-sass-modified │ ├── _alerts.scss │ ├── _badges.scss │ ├── _breadcrumbs.scss │ ├── _button-groups.scss │ ├── _buttons.scss │ ├── _carousel.scss │ ├── _close.scss │ ├── _code.scss │ ├── _component-animations.scss │ ├── _dropdowns.scss │ ├── _forms.scss │ ├── _glyphicons.scss │ ├── _grid.scss │ ├── _input-groups.scss │ ├── _jumbotron.scss │ ├── _labels.scss │ ├── _list-group.scss │ ├── _media.scss │ ├── _mixins.scss │ ├── _modals.scss │ ├── _navbar.scss │ ├── _navs.scss │ ├── _normalize.scss │ ├── _pager.scss │ ├── _pagination.scss │ ├── _panels.scss │ ├── _popovers.scss │ ├── _print.scss │ ├── _progress-bars.scss │ ├── _responsive-embed.scss │ ├── _responsive-utilities.scss │ ├── _scaffolding.scss │ ├── _tables.scss │ ├── _theme.scss │ ├── _thumbnails.scss │ ├── _tooltip.scss │ ├── _type.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── _wells.scss │ └── mixins │ │ ├── _alerts.scss │ │ ├── _background-variant.scss │ │ ├── _border-radius.scss │ │ ├── _buttons.scss │ │ ├── _center-block.scss │ │ ├── _clearfix.scss │ │ ├── _forms.scss │ │ ├── _gradients.scss │ │ ├── _grid-framework.scss │ │ ├── _grid.scss │ │ ├── _hide-text.scss │ │ ├── _image.scss │ │ ├── _labels.scss │ │ ├── _list-group.scss │ │ ├── _nav-divider.scss │ │ ├── _nav-vertical-align.scss │ │ ├── _opacity.scss │ │ ├── _pagination.scss │ │ ├── _panels.scss │ │ ├── _progress-bar.scss │ │ ├── _reset-filter.scss │ │ ├── _reset-text.scss │ │ ├── _resize.scss │ │ ├── _responsive-visibility.scss │ │ ├── _size.scss │ │ ├── _tab-focus.scss │ │ ├── _table-row.scss │ │ ├── _text-emphasis.scss │ │ ├── _text-overflow.scss │ │ └── _vendor-prefixes.scss ├── font-awesome │ ├── _animated.scss │ ├── _bordered-pulled.scss │ ├── _core.scss │ ├── _fixed-width.scss │ ├── _icons.scss │ ├── _larger.scss │ ├── _list.scss │ ├── _mixins.scss │ ├── _path.scss │ ├── _rotated-flipped.scss │ ├── _screen-reader.scss │ ├── _stacked.scss │ └── _variables.scss └── the-framework.scss └── templates ├── ajax.html ├── bottom-sheet.html ├── conduction.html ├── datepicker.html ├── dropdown.html ├── floating-btn.html ├── image-picker.html ├── image-slider.html ├── loading.html ├── main.html ├── navbar.html ├── scroll.html ├── searchbar.html ├── sidebar.html ├── switch.html └── toast.html /.gitignore: -------------------------------------------------------------------------------- 1 | logs 2 | *.log 3 | npm-debug.log* 4 | 5 | pids 6 | *.pid 7 | *.seed 8 | 9 | lib-cov 10 | 11 | coverage 12 | 13 | .nyc_output 14 | 15 | .grunt 16 | .lock-wscript 17 | build/Release 18 | 19 | node_modules 20 | .sass-cache 21 | jspm_packages 22 | .npm 23 | .node_repl_history 24 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Amir Momenian 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. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # the-framework 2 | An AngularJs mobile first framework for the Persian community. I tried to write this as simple as i could to easy creating Cordova, Electron and normal web applications. 3 | 4 | #### Documention & Demo: 5 | [the-framework](http://nainemom.github.io/the-framework) 6 | 7 | #### Depends: ( bundled, no need to include manually ) 8 | - angular 9 | - angular-animate 10 | - angular-route 11 | - angular-touch 12 | - bootstrap 13 | - fastclick 14 | - moment 15 | - moment-jalaali 16 | 17 | #### Directives: 18 | - tf-view 19 | - tf-go 20 | - tf-components 21 | - tf-scroll 22 | - tf-sidebar 23 | - tf-searchbar 24 | - tf-image-slider 25 | - tf-select 26 | - tf-switch 27 | - tf-datepicker 28 | - tf-bottom-sheet 29 | - tf-image-picker 30 | - tf-floating-btn 31 | 32 | #### Grunt Commands: 33 | - grunt buildjs 34 | - grunt buildcss 35 | - grunt build 36 | - grunt fastbuild 37 | - grunt start 38 | 39 | 40 | 41 | ## How To Use? 42 | #### Include the-framework files in head tag of your index.html: 43 | ```html 44 | 45 | 46 | ``` 47 | 48 | #### Create two main the-framework directives in body tag of your index.html: 49 | ```html 50 | 51 | 52 | ``` 53 | 54 | #### Add the-framework to your angular app: 55 | ```javascript 56 | var app = angular.module('app', ['theFramework']) 57 | ``` 58 | 59 | That's all. To start playing, clone this repostory and run it by [http-server](https://www.npmjs.com/package/http-server). 60 | ```bash 61 | git clone https://github.com/nainemom/the-framework 62 | cd the-framework 63 | npm install 64 | grunt start 65 | ``` 66 | 67 | All contributions are welcome :-) 68 | -------------------------------------------------------------------------------- /fonts/font-awesome/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/font-awesome/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/font-awesome/HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /fonts/font-awesome/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/font-awesome/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/font-awesome/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/font-awesome/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/font-awesome/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/font-awesome/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/font-awesome/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/font-awesome/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Bold.eot -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Bold.ttf -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Bold.woff -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Light.eot -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Light.ttf -------------------------------------------------------------------------------- /fonts/vazir/Vazir-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nainemom/the-framework/6c0259f95c77c6a145217ace23bec7a0a870bd5b/fonts/vazir/Vazir-Light.woff -------------------------------------------------------------------------------- /gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | grunt.initConfig({ 3 | sass: { 4 | options: { 5 | sourcemap: "none" 6 | }, 7 | build: { 8 | files: { 9 | 'dist/the-framework.bundle.css': 'sass/the-framework.scss' 10 | } 11 | } 12 | }, 13 | cssmin: { 14 | options: { 15 | keepSpecialComments: 0, 16 | report: 'gzip' 17 | }, 18 | target: { 19 | files: { 20 | 'dist/the-framework.bundle.css': 'dist/the-framework.bundle.css' 21 | } 22 | } 23 | }, 24 | concat: { 25 | buildjs: { 26 | src: [ 27 | "node_modules/fastclick/lib/fastclick.js", 28 | 'node_modules/moment/min/moment.min.js', 29 | 'modified_modules/moment-jalaali/moment-jalaali.js', 30 | 31 | "node_modules/angular/angular.js", 32 | "node_modules/angular-route/angular-route.js", 33 | "node_modules/angular-animate/angular-animate.js", 34 | "node_modules/angular-touch/angular-touch.js", 35 | "node_modules/angular-carousel/dist/angular-carousel.min.js", 36 | 37 | "js/the-framework.js" 38 | ], 39 | dest: 'dist/the-framework.bundle.js', 40 | }, 41 | buildcss: { 42 | src: [ 43 | "dist/the-framework.bundle.css", 44 | "node_modules/angular-carousel/dist/angular-carousel.min.css", 45 | ], 46 | dest: 'dist/the-framework.bundle.css', 47 | }, 48 | }, 49 | uglify: { 50 | options: { 51 | mangle: false 52 | }, 53 | build: { 54 | files: { 55 | 'dist/the-framework.bundle.js': 'dist/the-framework.bundle.js' 56 | } 57 | } 58 | }, 59 | exec: { 60 | start: { 61 | command: 'http-server .', 62 | stdout: true, 63 | stderr: true 64 | } 65 | } 66 | }); 67 | grunt.loadNpmTasks('grunt-contrib-sass'); 68 | grunt.loadNpmTasks('grunt-contrib-concat'); 69 | grunt.loadNpmTasks('grunt-contrib-cssmin'); 70 | grunt.loadNpmTasks('grunt-contrib-uglify'); 71 | grunt.loadNpmTasks('grunt-exec'); 72 | 73 | grunt.registerTask('buildcss', ['sass:build', 'cssmin', 'concat:buildcss']); 74 | grunt.registerTask('buildjs', ['concat:buildjs', 'uglify:build']); 75 | grunt.registerTask('build', ['buildcss', 'buildjs']); 76 | grunt.registerTask('fastbuild', ['sass:build', 'concat:buildcss', 'concat:buildjs']); 77 | grunt.registerTask('start', ['fastbuild', 'exec:start']); 78 | }; -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | The Framework 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "the-framework", 3 | "version": "0.0.6", 4 | "devDependencies": { 5 | "grunt": "1.0.0", 6 | "grunt-contrib-concat": "^1.0.1", 7 | "grunt-contrib-cssmin": "^1.0.2", 8 | "grunt-contrib-sass": "1.0.0", 9 | "grunt-contrib-uglify": "^2.0.0", 10 | "grunt-exec": "^1.0.1", 11 | "http-server": "^0.9.0" 12 | }, 13 | "dependencies": { 14 | "angular": "1.5.8", 15 | "angular-animate": "1.5.8", 16 | "angular-carousel": "^1.0.1", 17 | "angular-route": "1.5.8", 18 | "angular-touch": "1.5.8", 19 | "fastclick": "^1.0.6", 20 | "moment": "^2.15.0" 21 | }, 22 | "description": "An AngularJs mobile first framework for the Persian community.", 23 | "main": "gruntfile.js", 24 | "scripts": { 25 | "start": "grunt start" 26 | }, 27 | "repository": { 28 | "type": "git", 29 | "url": "git+https://github.com/nainemom/the-framework.git" 30 | }, 31 | "keywords": [ 32 | "persian", 33 | "framework", 34 | "angularjs", 35 | "bootstrap", 36 | "mobile" 37 | ], 38 | "author": "nainemom ", 39 | "license": "MIT", 40 | "bugs": { 41 | "url": "https://github.com/nainemom/the-framework/issues" 42 | }, 43 | "homepage": "https://github.com/nainemom/the-framework#readme" 44 | } -------------------------------------------------------------------------------- /sass/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "bootstrap-sass-modified/variables"; 9 | @import "bootstrap-sass-modified/mixins"; 10 | // Reset and dependencies 11 | @import "bootstrap-sass-modified/normalize"; 12 | @import "bootstrap-sass-modified/print"; 13 | //@import "bootstrap-sass-modified/glyphicons"; 14 | // Core CSS 15 | @import "bootstrap-sass-modified/scaffolding"; 16 | @import "bootstrap-sass-modified/type"; 17 | @import "bootstrap-sass-modified/code"; 18 | @import "bootstrap-sass-modified/grid"; 19 | @import "bootstrap-sass-modified/tables"; 20 | @import "bootstrap-sass-modified/forms"; 21 | @import "bootstrap-sass-modified/buttons"; 22 | // Components 23 | @import "bootstrap-sass-modified/component-animations"; 24 | @import "bootstrap-sass-modified/dropdowns"; 25 | @import "bootstrap-sass-modified/button-groups"; 26 | @import "bootstrap-sass-modified/input-groups"; 27 | @import "bootstrap-sass-modified/navs"; 28 | @import "bootstrap-sass-modified/navbar"; 29 | @import "bootstrap-sass-modified/breadcrumbs"; 30 | @import "bootstrap-sass-modified/pagination"; 31 | @import "bootstrap-sass-modified/pager"; 32 | @import "bootstrap-sass-modified/labels"; 33 | @import "bootstrap-sass-modified/badges"; 34 | @import "bootstrap-sass-modified/jumbotron"; 35 | @import "bootstrap-sass-modified/thumbnails"; 36 | @import "bootstrap-sass-modified/alerts"; 37 | @import "bootstrap-sass-modified/progress-bars"; 38 | @import "bootstrap-sass-modified/media"; 39 | @import "bootstrap-sass-modified/list-group"; 40 | @import "bootstrap-sass-modified/panels"; 41 | @import "bootstrap-sass-modified/responsive-embed"; 42 | @import "bootstrap-sass-modified/wells"; 43 | @import "bootstrap-sass-modified/close"; 44 | // Components w/ JavaScript 45 | @import "bootstrap-sass-modified/modals"; 46 | @import "bootstrap-sass-modified/tooltip"; 47 | @import "bootstrap-sass-modified/popovers"; 48 | @import "bootstrap-sass-modified/carousel"; 49 | // Utility classes 50 | @import "bootstrap-sass-modified/utilities"; 51 | @import "bootstrap-sass-modified/responsive-utilities"; 52 | -------------------------------------------------------------------------------- /sass/_font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "font-awesome/variables"; 7 | @import "font-awesome/mixins"; 8 | @import "font-awesome/path"; 9 | @import "font-awesome/core"; 10 | @import "font-awesome/larger"; 11 | @import "font-awesome/fixed-width"; 12 | @import "font-awesome/list"; 13 | @import "font-awesome/bordered-pulled"; 14 | @import "font-awesome/animated"; 15 | @import "font-awesome/rotated-flipped"; 16 | @import "font-awesome/stacked"; 17 | @import "font-awesome/icons"; 18 | @import "font-awesome/screen-reader"; 19 | -------------------------------------------------------------------------------- /sass/_fonts.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Vazir; 3 | src: url('../fonts/vazir/Vazir-Bold.eot'); 4 | src: url('../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Bold.woff') format('woff'), url('../fonts/vazir/Vazir-Bold.ttf') format('truetype'); 5 | font-weight: bold; 6 | } 7 | 8 | @font-face { 9 | font-family: Vazir; 10 | src: url('../fonts/vazir/Vazir-Light.eot'); 11 | src: url('../fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Light.woff') format('woff'), url('../fonts/vazir/Vazir-Light.ttf') format('truetype'); 12 | font-weight: normal; 13 | } -------------------------------------------------------------------------------- /sass/_tf-datepicker.scss: -------------------------------------------------------------------------------- 1 | .tf-datepicker { 2 | & > .tf-datepicker-inner { 3 | height: auto; 4 | max-height: auto; 5 | min-height: auto; 6 | & .tf-container { 7 | &, 8 | & * { 9 | text-align: center; 10 | } 11 | & > .j { 12 | display: inline-block; 13 | width: 33.333%; 14 | & > * { 15 | padding: 10px 0; 16 | } 17 | &.focus { 18 | background-color: darken($body-bg, 3%); 19 | } 20 | } 21 | & .button { 22 | cursor: pointer; 23 | } 24 | & > .button { 25 | border-top: solid 1px lighten($text-color, 10%); 26 | padding: 12px 0; 27 | } 28 | } 29 | } 30 | } 31 | 32 | .tf-datepicker-element { 33 | height: auto; 34 | min-height: $input-height-base; 35 | cursor: text; 36 | & .item { 37 | cursor: text; 38 | display: block; 39 | } 40 | } 41 | 42 | 43 | /* 44 | .tf-datepicker { 45 | z-index: 39999; 46 | position: absolute; 47 | min-width: 150px; 48 | background: $text-color; 49 | color: $body-bg; 50 | margin-top: $padding-base-vertical; 51 | @include box-shadow($long-shadow); 52 | &, 53 | & * { 54 | text-align: center; 55 | } 56 | & > .j { 57 | display: inline-block; 58 | width: 33.333%; 59 | max-width: 85px; 60 | & > * { 61 | padding: 10px 0; 62 | } 63 | &.active { 64 | background: lighten($text-color, 5%); 65 | } 66 | } 67 | & .button { 68 | cursor: pointer; 69 | } 70 | & > .button { 71 | border-top: solid 1px lighten($text-color, 10%); 72 | padding: 12px 0; 73 | } 74 | & > .display { 75 | background: $theme-color; 76 | padding: 12px 0; 77 | } 78 | } 79 | */ -------------------------------------------------------------------------------- /sass/_tf-image-slider.scss: -------------------------------------------------------------------------------- 1 | .tf-image-slider { 2 | position: relative; 3 | padding: 0 !important; 4 | background-color: $text-color; 5 | margin: 0; 6 | z-index: 22; 7 | direction: ltr; 8 | & li .bgimage { 9 | width: 100%; 10 | background-position: center; 11 | background-size: cover; 12 | & .bgtext{ 13 | color: $body-bg; 14 | font-weight: bold; 15 | font-size: 20px; 16 | display: block; 17 | text-align: center; 18 | width: 100%; 19 | background: rgba($theme-color, 0.45); 20 | padding: 8px; 21 | cursor: pointer; 22 | } 23 | } 24 | .tf-image-slider-pagination { 25 | left: 0; 26 | bottom: $vertical-padding; 27 | width: 100%; 28 | text-align: center; 29 | height: 8px; 30 | position: absolute; 31 | & li { 32 | background: rgba($theme-color, 0.4); 33 | border-radius: 4px; 34 | display: inline-block; 35 | height: 8px; 36 | width: 8px; 37 | margin: 0 3px; 38 | position: relative; 39 | cursor: pointer; 40 | transition-duration: $animation-speed-fast; 41 | -webkit-transition-duration: $animation-speed-fast; 42 | &.current { 43 | background: $theme-color; 44 | width: 15px; 45 | } 46 | } 47 | } 48 | & .rn-carousel-control { 49 | color: $theme-color; 50 | font-size: 23px; 51 | } 52 | } -------------------------------------------------------------------------------- /sass/_tf-select.scss: -------------------------------------------------------------------------------- 1 | .tf-select { 2 | & > .tf-select-inner { 3 | &.ng-hide { 4 | opacity: 0; 5 | } 6 | & .tf-navbar { 7 | cursor: default; 8 | & .form-control { 9 | border: none; 10 | border-radius: 16px; 11 | cursor: text; 12 | } 13 | } 14 | & .tf-container { 15 | overflow-y: scroll; 16 | height: auto; 17 | & > .list-group { 18 | margin: 0; 19 | cursor: pointer; 20 | & .list-group-item { 21 | padding-top: 0; 22 | padding-bottom: 0; 23 | & > div.pull-right { 24 | padding-top: $vertical-padding; 25 | padding-bottom: $vertical-padding; 26 | width: 90%; 27 | } 28 | & > i { 29 | width: 10%; 30 | margin: 0; 31 | padding-top: $vertical-padding; 32 | padding-bottom: $vertical-padding; 33 | } 34 | &.focus { 35 | background-color: darken($body-bg, 3%); 36 | &.active { 37 | background-color: lighten($theme-color, 5%); 38 | } 39 | } 40 | } 41 | } 42 | } 43 | } 44 | } 45 | 46 | .tf-select-element { 47 | height: auto; 48 | min-height: $input-height-base; 49 | cursor: text; 50 | & .item { 51 | cursor: text; 52 | &.item-single { 53 | display: block; 54 | } 55 | &.item-multiple { 56 | margin: 0 0 1px 2px; 57 | padding: 0 8px; 58 | background: #eee; 59 | color: #6f6f6f; 60 | border: none; 61 | display: inline-block; 62 | font-size: 13px; 63 | } 64 | } 65 | } -------------------------------------------------------------------------------- /sass/_tf-switch.scss: -------------------------------------------------------------------------------- 1 | .tf-switch { 2 | display: inline-block; 3 | cursor: pointer; 4 | width: 40px; 5 | height: 15px; 6 | background: $input-border; 7 | border-radius: 25px; 8 | border: none; 9 | padding: 0; 10 | margin-left: 2px; 11 | margin-right: 2px; 12 | transform: translateY(25%); 13 | -webkit-transform: translateY(25%); 14 | transition: all $animation-speed-fast; 15 | -webkit-transition: all $animation-speed-fast; 16 | &.checked { 17 | background: lighten( $theme-color, 25%); 18 | & .switch-lever { 19 | margin-right: 21px; // (43 - 23) + 1 20 | background: $theme-color; 21 | } 22 | } 23 | & .switch-lever { 24 | width: 23px; 25 | height: 23px; 26 | transform: translateY(-4px); 27 | -webkit-transform: translateY(-4px); 28 | margin-right: -1px; 29 | display: block; 30 | background-color: darken($body-bg, 4%); 31 | border-radius: 23px; 32 | box-shadow: $short-shadow; //border-bottom: solid 1px $input-border; 33 | /* border-top: solid 1px #fff; */ 34 | transition: all $animation-speed-fast; 35 | -webkit-transition: all $animation-speed-fast; 36 | } 37 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing $headings-color 19 | color: inherit; 20 | } 21 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: $alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: ($alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | // Base class 5 | .badge { 6 | display: inline-block; 7 | min-width: 10px; 8 | padding: 3px 7px; 9 | font-size: $font-size-small; 10 | font-weight: $badge-font-weight; 11 | color: $badge-color; 12 | line-height: $badge-line-height; 13 | vertical-align: middle; 14 | white-space: nowrap; 15 | text-align: center; 16 | background-color: $badge-bg; 17 | border-radius: $badge-border-radius; 18 | // Empty badges collapse automatically (not available in IE8) 19 | &:empty { 20 | display: none; 21 | } 22 | // Quick fix for badges in buttons 23 | .btn & { 24 | position: relative; 25 | top: -1px; 26 | } 27 | .btn-xs &, 28 | .btn-group-xs > .btn & { 29 | top: 0; 30 | padding: 1px 5px; 31 | } 32 | // [converter] extracted a& to a.badge 33 | // Account for badges in navs 34 | .list-group-item.active > &, 35 | .nav-pills > .active > a > & { 36 | color: $badge-active-color; 37 | background-color: $badge-active-bg; 38 | } 39 | .list-group-item > & { 40 | float: right; 41 | } 42 | .list-group-item > & + & { 43 | margin-right: 5px; 44 | } 45 | .nav-pills > li > a > & { 46 | margin-left: 3px; 47 | } 48 | } 49 | 50 | // Hover state, but only for links 51 | a.badge { 52 | /* the-framework &:hover, 53 | &:focus { 54 | color: $badge-link-hover-color; 55 | text-decoration: none; 56 | cursor: pointer; 57 | } 58 | */ 59 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 18 | $nbsp: "\00a0"; 19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 20 | padding: 0 5px; 21 | color: $breadcrumb-color; 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_button-groups.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Button groups 3 | // -------------------------------------------------- 4 | // Make the div behave like a button 5 | .btn-group, 6 | .btn-group-vertical { 7 | position: relative; 8 | display: inline-block; 9 | vertical-align: middle; // match .btn alignment given font-size hack above 10 | > .btn { 11 | position: relative; 12 | float: left; 13 | // Bring the "active" button to the front 14 | /* the-framework &:hover, */ 15 | &:focus, 16 | &:active, 17 | &.active { 18 | z-index: 2; 19 | } 20 | } 21 | } 22 | 23 | // Prevent double borders when buttons are next to each other 24 | .btn-group { 25 | .btn + .btn, 26 | .btn + .btn-group, 27 | .btn-group + .btn, 28 | .btn-group + .btn-group { 29 | margin-left: -1px; 30 | } 31 | } 32 | 33 | // Optional: Group multiple button groups together for a toolbar 34 | .btn-toolbar { 35 | margin-left: -5px; // Offset the first child's margin 36 | @include clearfix; 37 | .btn, 38 | .btn-group, 39 | .input-group { 40 | float: left; 41 | } 42 | > .btn, 43 | > .btn-group, 44 | > .input-group { 45 | margin-left: 5px; 46 | } 47 | } 48 | 49 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 50 | border-radius: 0; 51 | } 52 | 53 | // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match 54 | .btn-group > .btn:first-child { 55 | margin-left: 0; 56 | &:not(:last-child):not(.dropdown-toggle) { 57 | @include border-right-radius(0); 58 | } 59 | } 60 | 61 | // Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it 62 | .btn-group > .btn:last-child:not(:first-child), 63 | .btn-group > .dropdown-toggle:not(:first-child) { 64 | @include border-left-radius(0); 65 | } 66 | 67 | // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) 68 | .btn-group > .btn-group { 69 | float: left; 70 | } 71 | 72 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 73 | border-radius: 0; 74 | } 75 | 76 | .btn-group > .btn-group:first-child:not(:last-child) { 77 | > .btn:last-child, 78 | > .dropdown-toggle { 79 | @include border-right-radius(0); 80 | } 81 | } 82 | 83 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { 84 | @include border-left-radius(0); 85 | } 86 | 87 | // On active and open, don't show outline 88 | .btn-group .dropdown-toggle:active, 89 | .btn-group.open .dropdown-toggle { 90 | outline: 0; 91 | } 92 | 93 | // Sizing 94 | // 95 | // Remix the default button sizing classes into new ones for easier manipulation. 96 | .btn-group-xs > .btn { 97 | @extend .btn-xs; 98 | } 99 | 100 | .btn-group-sm > .btn { 101 | @extend .btn-sm; 102 | } 103 | 104 | .btn-group-lg > .btn { 105 | @extend .btn-lg; 106 | } 107 | 108 | // Split button dropdowns 109 | // ---------------------- 110 | // Give the line between buttons some depth 111 | .btn-group > .btn + .dropdown-toggle { 112 | padding-left: 8px; 113 | padding-right: 8px; 114 | } 115 | 116 | .btn-group > .btn-lg + .dropdown-toggle { 117 | padding-left: 12px; 118 | padding-right: 12px; 119 | } 120 | 121 | // The clickable button for toggling the menu 122 | // Remove the gradient and set the same inset shadow as the :active state 123 | .btn-group.open .dropdown-toggle { 124 | @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125)); 125 | // Show no shadow for `.btn-link` since it has no other button styles. 126 | &.btn-link { 127 | @include box-shadow(none); 128 | } 129 | } 130 | 131 | // Reposition the caret 132 | .btn .caret { 133 | margin-left: 0; 134 | } 135 | 136 | // Carets in other button sizes 137 | .btn-lg .caret { 138 | border-width: $caret-width-large $caret-width-large 0; 139 | border-bottom-width: 0; 140 | } 141 | 142 | // Upside down carets for .dropup 143 | .dropup .btn-lg .caret { 144 | border-width: 0 $caret-width-large $caret-width-large; 145 | } 146 | 147 | // Vertical button groups 148 | // ---------------------- 149 | .btn-group-vertical { 150 | > .btn, 151 | > .btn-group, 152 | > .btn-group > .btn { 153 | display: block; 154 | float: none; 155 | width: 100%; 156 | max-width: 100%; 157 | } 158 | // Clear floats so dropdown menus can be properly placed 159 | > .btn-group { 160 | @include clearfix; 161 | > .btn { 162 | float: none; 163 | } 164 | } 165 | > .btn + .btn, 166 | > .btn + .btn-group, 167 | > .btn-group + .btn, 168 | > .btn-group + .btn-group { 169 | margin-top: -1px; 170 | margin-left: 0; 171 | } 172 | } 173 | 174 | .btn-group-vertical > .btn { 175 | &:not(:first-child):not(:last-child) { 176 | border-radius: 0; 177 | } 178 | &:first-child:not(:last-child) { 179 | @include border-top-radius($btn-border-radius-base); 180 | @include border-bottom-radius(0); 181 | } 182 | &:last-child:not(:first-child) { 183 | @include border-top-radius(0); 184 | @include border-bottom-radius($btn-border-radius-base); 185 | } 186 | } 187 | 188 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 189 | border-radius: 0; 190 | } 191 | 192 | .btn-group-vertical > .btn-group:first-child:not(:last-child) { 193 | > .btn:last-child, 194 | > .dropdown-toggle { 195 | @include border-bottom-radius(0); 196 | } 197 | } 198 | 199 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 200 | @include border-top-radius(0); 201 | } 202 | 203 | // Justified button groups 204 | // ---------------------- 205 | .btn-group-justified { 206 | display: table; 207 | width: 100%; 208 | table-layout: fixed; 209 | border-collapse: separate; 210 | > .btn, 211 | > .btn-group { 212 | float: none; 213 | display: table-cell; 214 | width: 1%; 215 | } 216 | > .btn-group .btn { 217 | width: 100%; 218 | } 219 | > .btn-group .dropdown-menu { 220 | left: auto; 221 | } 222 | } 223 | 224 | // Checkbox and radio options 225 | // 226 | // In order to support the browser's form validation feedback, powered by the 227 | // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use 228 | // `display: none;` or `visibility: hidden;` as that also hides the popover. 229 | // Simply visually hiding the inputs via `opacity` would leave them clickable in 230 | // certain cases which is prevented by using `clip` and `pointer-events`. 231 | // This way, we ensure a DOM element is visible to position the popover from. 232 | // 233 | // See https://github.com/twbs/bootstrap/pull/12794 and 234 | // https://github.com/twbs/bootstrap/pull/14559 for more information. 235 | [data-toggle="buttons"] { 236 | > .btn, 237 | > .btn-group > .btn { 238 | input[type="radio"], 239 | input[type="checkbox"] { 240 | position: absolute; 241 | clip: rect(0, 0, 0, 0); 242 | pointer-events: none; 243 | } 244 | } 245 | } 246 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | // Base styles 5 | // -------------------------------------------------- 6 | .btn { 7 | display: inline-block; 8 | margin-bottom: 0; // For input.btn 9 | font-weight: $btn-font-weight; 10 | text-align: center; 11 | vertical-align: middle; 12 | touch-action: manipulation; 13 | cursor: pointer; 14 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 15 | border: 1px solid transparent; 16 | white-space: nowrap; 17 | @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base); 18 | @include user-select(none); 19 | /*&, 20 | &:active, 21 | &.active { 22 | &:focus, 23 | &.focus { 24 | @include tab-focus; 25 | } 26 | }*/ 27 | /* the framework &:hover, 28 | &:focus, 29 | &.focus { 30 | color: $btn-default-color; 31 | text-decoration: none; 32 | } */ 33 | &:active, 34 | &.active { 35 | outline: 0; 36 | background-image: none; 37 | //@include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125)); 38 | } 39 | &.disabled, 40 | &[disabled], 41 | fieldset[disabled] & { 42 | cursor: $cursor-disabled; 43 | @include opacity(.65); 44 | @include box-shadow(none); 45 | } 46 | // [converter] extracted a& to a.btn 47 | } 48 | 49 | a.btn { 50 | &.disabled, 51 | fieldset[disabled] & { 52 | pointer-events: none; // Future-proof disabling of clicks on `` elements 53 | } 54 | } 55 | 56 | // Alternate buttons 57 | // -------------------------------------------------- 58 | .btn-default { 59 | @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); 60 | } 61 | 62 | .btn-primary { 63 | @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); 64 | } 65 | 66 | // Success appears as green 67 | .btn-success { 68 | @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); 69 | } 70 | 71 | // Info appears as blue-green 72 | .btn-info { 73 | @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); 74 | } 75 | 76 | // Warning appears as orange 77 | .btn-warning { 78 | @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); 79 | } 80 | 81 | // Danger and error appear as red 82 | .btn-danger { 83 | @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); 84 | } 85 | 86 | // Link buttons 87 | // ------------------------- 88 | // Make a button look and behave like a link 89 | .btn-link { 90 | color: $link-color; 91 | font-weight: normal; 92 | border-radius: 0; 93 | &, 94 | &:active, 95 | &.active, 96 | &[disabled], 97 | fieldset[disabled] & { 98 | background-color: transparent; 99 | @include box-shadow(none); 100 | } 101 | &, 102 | /* the framework &:hover, */ 103 | &:focus, 104 | &:active { 105 | border-color: transparent; 106 | } 107 | /* the framework &:hover, */ 108 | &:focus { 109 | color: $link-hover-color; 110 | text-decoration: $link-hover-decoration; 111 | background-color: transparent; 112 | } 113 | &[disabled], 114 | fieldset[disabled] & { 115 | /* the framework &:hover, */ 116 | &:focus { 117 | color: $btn-link-disabled-color; 118 | text-decoration: none; 119 | } 120 | } 121 | } 122 | 123 | // Button Sizes 124 | // -------------------------------------------------- 125 | .btn-lg { 126 | // line-height: ensure even-numbered height of button next to large input 127 | @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-base, $line-height-base, $btn-border-radius-large); 128 | } 129 | 130 | .btn-sm { 131 | // line-height: ensure proper height of button next to small input 132 | @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 133 | } 134 | 135 | .btn-xs { 136 | @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 137 | } 138 | 139 | // Block button 140 | // -------------------------------------------------- 141 | .btn-block { 142 | display: block; 143 | width: 100%; 144 | } 145 | 146 | // Vertically space out multiple block buttons 147 | .btn-block + .btn-block { 148 | margin-top: 5px; 149 | } 150 | 151 | // Specificity overrides 152 | input[type="submit"], 153 | input[type="reset"], 154 | input[type="button"] { 155 | &.btn-block { 156 | width: 100%; 157 | } 158 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_carousel.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Carousel 3 | // -------------------------------------------------- 4 | // Wrapper for the slide container and indicators 5 | .carousel { 6 | position: relative; 7 | } 8 | 9 | .carousel-inner { 10 | position: relative; 11 | overflow: hidden; 12 | width: 100%; 13 | > .item { 14 | display: none; 15 | position: relative; 16 | @include transition(.6s ease-in-out left); 17 | // Account for jankitude on images 18 | > img, 19 | > a > img { 20 | @include img-responsive; 21 | line-height: 1; 22 | } 23 | // WebKit CSS3 transforms for supported devices 24 | @media all and (transform-3d), 25 | (-webkit-transform-3d) { 26 | @include transition-transform(0.6s ease-in-out); 27 | @include backface-visibility(hidden); 28 | @include perspective(1000px); 29 | &.next, 30 | &.active.right { 31 | @include translate3d(100%, 0, 0); 32 | left: 0; 33 | } 34 | &.prev, 35 | &.active.left { 36 | @include translate3d(-100%, 0, 0); 37 | left: 0; 38 | } 39 | &.next.left, 40 | &.prev.right, 41 | &.active { 42 | @include translate3d(0, 0, 0); 43 | left: 0; 44 | } 45 | } 46 | } 47 | > .active, 48 | > .next, 49 | > .prev { 50 | display: block; 51 | } 52 | > .active { 53 | left: 0; 54 | } 55 | > .next, 56 | > .prev { 57 | position: absolute; 58 | top: 0; 59 | width: 100%; 60 | } 61 | > .next { 62 | left: 100%; 63 | } 64 | > .prev { 65 | left: -100%; 66 | } 67 | > .next.left, 68 | > .prev.right { 69 | left: 0; 70 | } 71 | > .active.left { 72 | left: -100%; 73 | } 74 | > .active.right { 75 | left: 100%; 76 | } 77 | } 78 | 79 | // Left/right controls for nav 80 | // --------------------------- 81 | .carousel-control { 82 | position: absolute; 83 | top: 0; 84 | left: 0; 85 | bottom: 0; 86 | width: $carousel-control-width; 87 | @include opacity($carousel-control-opacity); 88 | font-size: $carousel-control-font-size; 89 | color: $carousel-control-color; 90 | text-align: center; 91 | text-shadow: $carousel-text-shadow; 92 | background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug 93 | // We can't have this transition here because WebKit cancels the carousel 94 | // animation if you trip this while in the middle of another animation. 95 | // Set gradients for backgrounds 96 | &.left { 97 | @include gradient-horizontal($start-color: rgba(0, 0, 0, .5), $end-color: rgba(0, 0, 0, .0001)); 98 | } 99 | &.right { 100 | left: auto; 101 | right: 0; 102 | @include gradient-horizontal($start-color: rgba(0, 0, 0, .0001), $end-color: rgba(0, 0, 0, .5)); 103 | } 104 | // Hover/focus state 105 | /* the framework &:hover, */ 106 | &:focus { 107 | outline: 0; 108 | color: $carousel-control-color; 109 | text-decoration: none; 110 | @include opacity(.9); 111 | } 112 | // Toggles 113 | .icon-prev, 114 | .icon-next, 115 | .glyphicon-chevron-left, 116 | .glyphicon-chevron-right { 117 | position: absolute; 118 | top: 50%; 119 | margin-top: -10px; 120 | z-index: 5; 121 | display: inline-block; 122 | } 123 | .icon-prev, 124 | .glyphicon-chevron-left { 125 | left: 50%; 126 | margin-left: -10px; 127 | } 128 | .icon-next, 129 | .glyphicon-chevron-right { 130 | right: 50%; 131 | margin-right: -10px; 132 | } 133 | .icon-prev, 134 | .icon-next { 135 | width: 20px; 136 | height: 20px; 137 | line-height: 1; 138 | font-family: serif; 139 | } 140 | .icon-prev { 141 | &:before { 142 | content: '\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) 143 | } 144 | } 145 | .icon-next { 146 | &:before { 147 | content: '\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) 148 | } 149 | } 150 | } 151 | 152 | // Optional indicator pips 153 | // 154 | // Add an unordered list with the following class and add a list item for each 155 | // slide your carousel holds. 156 | .carousel-indicators { 157 | position: absolute; 158 | bottom: 10px; 159 | left: 50%; 160 | z-index: 15; 161 | width: 60%; 162 | margin-left: -30%; 163 | padding-left: 0; 164 | list-style: none; 165 | text-align: center; 166 | li { 167 | display: inline-block; 168 | width: 10px; 169 | height: 10px; 170 | margin: 1px; 171 | text-indent: -999px; 172 | border: 1px solid $carousel-indicator-border-color; 173 | border-radius: 10px; 174 | cursor: pointer; 175 | // IE8-9 hack for event handling 176 | // 177 | // Internet Explorer 8-9 does not support clicks on elements without a set 178 | // `background-color`. We cannot use `filter` since that's not viewed as a 179 | // background color by the browser. Thus, a hack is needed. 180 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer 181 | // 182 | // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we 183 | // set alpha transparency for the best results possible. 184 | background-color: #000 \9; // IE8 185 | background-color: rgba(0, 0, 0, 0); // IE9 186 | } 187 | .active { 188 | margin: 0; 189 | width: 12px; 190 | height: 12px; 191 | background-color: $carousel-indicator-active-bg; 192 | } 193 | } 194 | 195 | // Optional captions 196 | // ----------------------------- 197 | // Hidden by default for smaller viewports 198 | .carousel-caption { 199 | position: absolute; 200 | left: 15%; 201 | right: 15%; 202 | bottom: 20px; 203 | z-index: 10; 204 | padding-top: 20px; 205 | padding-bottom: 20px; 206 | color: $carousel-caption-color; 207 | text-align: center; 208 | text-shadow: $carousel-text-shadow; 209 | & .btn { 210 | text-shadow: none; // No shadow for button elements in carousel-caption 211 | } 212 | } 213 | 214 | // Scale up controls for tablets and up 215 | @media screen and (min-width: $screen-sm-min) { 216 | // Scale up the controls a smidge 217 | .carousel-control { 218 | .glyphicon-chevron-left, 219 | .glyphicon-chevron-right, 220 | .icon-prev, 221 | .icon-next { 222 | width: ($carousel-control-font-size * 1.5); 223 | height: ($carousel-control-font-size * 1.5); 224 | margin-top: ($carousel-control-font-size / -2); 225 | font-size: ($carousel-control-font-size * 1.5); 226 | } 227 | .glyphicon-chevron-left, 228 | .icon-prev { 229 | margin-left: ($carousel-control-font-size / -2); 230 | } 231 | .glyphicon-chevron-right, 232 | .icon-next { 233 | margin-right: ($carousel-control-font-size / -2); 234 | } 235 | } 236 | // Show and left align the captions 237 | .carousel-caption { 238 | left: 20%; 239 | right: 20%; 240 | padding-bottom: 30px; 241 | } 242 | // Move up the indicators 243 | .carousel-indicators { 244 | bottom: 20px; 245 | } 246 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_close.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | .close { 5 | float: right; 6 | font-size: ($font-size-base * 1.5); 7 | font-weight: $close-font-weight; 8 | line-height: 1; 9 | color: $close-color; 10 | text-shadow: $close-text-shadow; 11 | @include opacity(.2); 12 | /* the framework &:hover, */ 13 | &:focus { 14 | color: $close-color; 15 | text-decoration: none; 16 | cursor: pointer; 17 | @include opacity(.5); 18 | } 19 | // [converter] extracted button& to button.close 20 | } 21 | 22 | // Additional properties for button version 23 | // iOS requires the button element instead of an anchor tag. 24 | // If you want the anchor version, it requires `href="#"`. 25 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 26 | button.close { 27 | padding: 0; 28 | cursor: pointer; 29 | background: transparent; 30 | border: 0; 31 | -webkit-appearance: none; 32 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | // Inline and block code styles 5 | code, 6 | kbd, 7 | pre, 8 | samp { 9 | font-family: $font-family-monospace; 10 | direction: ltr; 11 | text-align: left; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 31 | kbd { 32 | padding: 0; 33 | font-size: 100%; 34 | font-weight: bold; 35 | box-shadow: none; 36 | } 37 | } 38 | 39 | // Blocks of code 40 | pre { 41 | display: block; 42 | padding: (($line-height-computed - 1) / 2); 43 | margin: 0 0 ($line-height-computed / 2); 44 | font-size: ($font-size-base - 1); // 14px to 13px 45 | line-height: $line-height-base; 46 | word-break: break-all; 47 | word-wrap: break-word; 48 | color: $pre-color; 49 | background-color: $pre-bg; 50 | border: 1px solid $pre-border-color; 51 | border-radius: $border-radius-base; 52 | // Account for some code outputs that place code tags in pre tags 53 | code { 54 | padding: 0; 55 | font-size: inherit; 56 | color: inherit; 57 | white-space: pre-wrap; 58 | background-color: transparent; 59 | border-radius: 0; 60 | } 61 | } 62 | 63 | // Enable scrollable blocks of code 64 | .pre-scrollable { 65 | max-height: $pre-scrollable-max-height; 66 | overflow-y: scroll; 67 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_component-animations.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | @include transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | // [converter] extracted tr&.in to tr.collapse.in 23 | // [converter] extracted tbody&.in to tbody.collapse.in 24 | } 25 | 26 | tr.collapse.in { display: table-row; } 27 | 28 | tbody.collapse.in { display: table-row-group; } 29 | 30 | .collapsing { 31 | position: relative; 32 | height: 0; 33 | overflow: hidden; 34 | @include transition-property(height, visibility); 35 | @include transition-duration(.35s); 36 | @include transition-timing-function(ease); 37 | } 38 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_dropdowns.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Dropdown menus 3 | // -------------------------------------------------- 4 | // Dropdown arrow/caret 5 | .caret { 6 | display: inline-block; 7 | width: 0; 8 | height: 0; 9 | margin-left: 2px; 10 | vertical-align: middle; 11 | border-top: $caret-width-base dashed; 12 | border-top: $caret-width-base solid \9; // IE8 13 | border-right: $caret-width-base solid transparent; 14 | border-left: $caret-width-base solid transparent; 15 | } 16 | 17 | // The dropdown wrapper (div) 18 | .dropup, 19 | .dropdown { 20 | position: relative; 21 | } 22 | 23 | // Prevent the focus on the dropdown toggle when closing dropdowns 24 | .dropdown-toggle:focus { 25 | outline: 0; 26 | } 27 | 28 | // The dropdown menu (ul) 29 | .dropdown-menu { 30 | position: absolute; 31 | top: 100%; 32 | left: 0; 33 | z-index: $zindex-dropdown; 34 | display: none; // none by default, but block on "open" of the menu 35 | float: left; 36 | min-width: 160px; 37 | padding: 5px 0; 38 | margin: 2px 0 0; // override default ul 39 | list-style: none; 40 | font-size: $font-size-base; 41 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 42 | background-color: $dropdown-bg; 43 | border: 1px solid $dropdown-fallback-border; // IE8 fallback 44 | border: 1px solid $dropdown-border; 45 | border-radius: $border-radius-base; 46 | @include box-shadow(0 6px 12px rgba(0, 0, 0, .175)); 47 | background-clip: padding-box; 48 | // Aligns the dropdown menu to right 49 | // 50 | // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` 51 | &.pull-right { 52 | right: 0; 53 | left: auto; 54 | } 55 | // Dividers (basically an hr) within the dropdown 56 | .divider { 57 | @include nav-divider($dropdown-divider-bg); 58 | } 59 | // Links within the dropdown menu 60 | > li > a { 61 | display: block; 62 | padding: 3px 20px; 63 | clear: both; 64 | font-weight: normal; 65 | line-height: $line-height-base; 66 | color: $dropdown-link-color; 67 | white-space: nowrap; // prevent links from randomly breaking onto new lines 68 | } 69 | } 70 | 71 | // Hover/Focus state 72 | .dropdown-menu > li > a { 73 | /* the-framework &:hover, */ 74 | &:focus { 75 | text-decoration: none; 76 | color: $dropdown-link-hover-color; 77 | background-color: $dropdown-link-hover-bg; 78 | } 79 | } 80 | 81 | // Active state 82 | .dropdown-menu > .active > a { 83 | &, 84 | /* the framework &:hover,*/ 85 | &:focus { 86 | color: $dropdown-link-active-color; 87 | text-decoration: none; 88 | outline: 0; 89 | background-color: $dropdown-link-active-bg; 90 | } 91 | } 92 | 93 | // Disabled state 94 | // 95 | // Gray out text and ensure the hover/focus state remains gray 96 | .dropdown-menu > .disabled > a { 97 | &, 98 | /* the-framework &:hover, */ 99 | &:focus { 100 | color: $dropdown-link-disabled-color; 101 | } 102 | // Nuke hover/focus effects 103 | /* the-framework &:hover, */ 104 | &:focus { 105 | text-decoration: none; 106 | background-color: transparent; 107 | background-image: none; // Remove CSS gradient 108 | @include reset-filter; 109 | cursor: $cursor-disabled; 110 | } 111 | } 112 | 113 | // Open state for the dropdown 114 | .open { 115 | // Show the menu 116 | > .dropdown-menu { 117 | display: block; 118 | } 119 | // Remove the outline when :focus is triggered 120 | > a { 121 | outline: 0; 122 | } 123 | } 124 | 125 | // Menu positioning 126 | // 127 | // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown 128 | // menu with the parent. 129 | .dropdown-menu-right { 130 | left: auto; // Reset the default from `.dropdown-menu` 131 | right: 0; 132 | } 133 | 134 | // With v3, we enabled auto-flipping if you have a dropdown within a right 135 | // aligned nav component. To enable the undoing of that, we provide an override 136 | // to restore the default dropdown menu alignment. 137 | // 138 | // This is only for left-aligning a dropdown menu within a `.navbar-right` or 139 | // `.pull-right` nav component. 140 | .dropdown-menu-left { 141 | left: 0; 142 | right: auto; 143 | } 144 | 145 | // Dropdown section headers 146 | .dropdown-header { 147 | display: block; 148 | padding: 3px 20px; 149 | font-size: $font-size-small; 150 | line-height: $line-height-base; 151 | color: $dropdown-header-color; 152 | white-space: nowrap; // as with > li > a 153 | } 154 | 155 | // Backdrop to catch body clicks on mobile, etc. 156 | .dropdown-backdrop { 157 | position: fixed; 158 | left: 0; 159 | right: 0; 160 | bottom: 0; 161 | top: 0; 162 | z-index: ($zindex-dropdown - 10); 163 | } 164 | 165 | // Right aligned dropdowns 166 | .pull-right > .dropdown-menu { 167 | right: 0; 168 | left: auto; 169 | } 170 | 171 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 172 | // 173 | // Just add .dropup after the standard .dropdown class and you're set, bro. 174 | // TODO: abstract this so that the navbar fixed styles are not placed here? 175 | .dropup, 176 | .navbar-fixed-bottom .dropdown { 177 | // Reverse the caret 178 | .caret { 179 | border-top: 0; 180 | border-bottom: $caret-width-base dashed; 181 | border-bottom: $caret-width-base solid \9; // IE8 182 | content: ""; 183 | } 184 | // Different positioning for bottom up menu 185 | .dropdown-menu { 186 | top: auto; 187 | bottom: 100%; 188 | margin-bottom: 2px; 189 | } 190 | } 191 | 192 | // Component alignment 193 | // 194 | // Reiterate per navbar.less and the modified component alignment there. 195 | @media (min-width: $grid-float-breakpoint) { 196 | .navbar-right { 197 | .dropdown-menu { 198 | right: 0; 199 | left: auto; 200 | } 201 | // Necessary for overrides of the default right aligned menu. 202 | // Will remove come v4 in all likelihood. 203 | .dropdown-menu-left { 204 | left: 0; 205 | right: auto; 206 | } 207 | } 208 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | @include make-grid-columns; 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | @include make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: $screen-sm-min) { 65 | @include make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: $screen-md-min) { 74 | @include make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: $screen-lg-min) { 83 | @include make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_input-groups.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Input groups 3 | // -------------------------------------------------- 4 | // Base styles 5 | // ------------------------- 6 | .input-group { 7 | position: relative; // For dropdowns 8 | display: table; 9 | border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table 10 | // Undo padding and float of grid classes 11 | &[class*="col-"] { 12 | float: none; 13 | padding-left: 0; 14 | padding-right: 0; 15 | } 16 | .form-control { 17 | // Ensure that the input is always above the *appended* addon button for 18 | // proper border colors. 19 | position: relative; 20 | z-index: 2; 21 | // IE9 fubars the placeholder attribute in text inputs and the arrows on 22 | // select elements in input groups. To fix it, we float the input. Details: 23 | // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 24 | float: left; 25 | width: 100%; 26 | margin-bottom: 0; 27 | &:focus { 28 | z-index: 3; 29 | } 30 | } 31 | } 32 | 33 | // Sizing options 34 | // 35 | // Remix the default form control sizing classes into new ones for easier 36 | // manipulation. 37 | .input-group-lg > .form-control, 38 | .input-group-lg > .input-group-addon, 39 | .input-group-lg > .input-group-btn > .btn { 40 | @extend .input-lg; 41 | } 42 | 43 | .input-group-sm > .form-control, 44 | .input-group-sm > .input-group-addon, 45 | .input-group-sm > .input-group-btn > .btn { 46 | @extend .input-sm; 47 | } 48 | 49 | // Display as table-cell 50 | // ------------------------- 51 | .input-group-addon, 52 | .input-group-btn, 53 | .input-group .form-control { 54 | display: table-cell; 55 | &:not(:first-child):not(:last-child) { 56 | border-radius: 0; 57 | } 58 | } 59 | 60 | // Addon and addon wrapper for buttons 61 | .input-group-addon, 62 | .input-group-btn { 63 | width: 1%; 64 | white-space: nowrap; 65 | vertical-align: middle; // Match the inputs 66 | } 67 | 68 | // Text input groups 69 | // ------------------------- 70 | .input-group-addon { 71 | padding: $padding-base-vertical $padding-base-horizontal; 72 | font-size: $font-size-base; 73 | font-weight: normal; 74 | line-height: 1; 75 | color: $input-color; 76 | text-align: center; 77 | background-color: $input-group-addon-bg; 78 | border: 1px solid $input-group-addon-border-color; 79 | border-radius: $input-border-radius; 80 | // Sizing 81 | &.input-sm { 82 | padding: $padding-small-vertical $padding-small-horizontal; 83 | font-size: $font-size-small; 84 | border-radius: $input-border-radius-small; 85 | } 86 | &.input-lg { 87 | padding: $padding-large-vertical $padding-large-horizontal; 88 | font-size: $font-size-large; 89 | border-radius: $input-border-radius-large; 90 | } 91 | // Nuke default margins from checkboxes and radios to vertically center within. 92 | input[type="radio"], 93 | input[type="checkbox"] { 94 | margin-top: 0; 95 | } 96 | } 97 | 98 | // Reset rounded corners 99 | .input-group .form-control:first-child, 100 | .input-group-addon:first-child, 101 | .input-group-btn:first-child > .btn, 102 | .input-group-btn:first-child > .btn-group > .btn, 103 | .input-group-btn:first-child > .dropdown-toggle, 104 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 105 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 106 | @include border-right-radius(0); 107 | } 108 | 109 | .input-group-addon:first-child { 110 | border-right: 0; 111 | } 112 | 113 | .input-group .form-control:last-child, 114 | .input-group-addon:last-child, 115 | .input-group-btn:last-child > .btn, 116 | .input-group-btn:last-child > .btn-group > .btn, 117 | .input-group-btn:last-child > .dropdown-toggle, 118 | .input-group-btn:first-child > .btn:not(:first-child), 119 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 120 | @include border-left-radius(0); 121 | } 122 | 123 | .input-group-addon:last-child { 124 | border-left: 0; 125 | } 126 | 127 | // Button input groups 128 | // ------------------------- 129 | .input-group-btn { 130 | position: relative; 131 | // Jankily prevent input button groups from wrapping with `white-space` and 132 | // `font-size` in combination with `inline-block` on buttons. 133 | font-size: 0; 134 | white-space: nowrap; 135 | // Negative margin for spacing, position for bringing hovered/focused/actived 136 | // element above the siblings. 137 | > .btn { 138 | position: relative; 139 | + .btn { 140 | margin-left: -1px; 141 | } 142 | // Bring the "active" button to the front 143 | /* the-framework &:hover, */ 144 | &:focus, 145 | &:active { 146 | z-index: 2; 147 | } 148 | } 149 | // Negative margin to only have a 1px border between the two 150 | &:first-child { 151 | > .btn, 152 | > .btn-group { 153 | margin-right: -1px; 154 | } 155 | } 156 | &:last-child { 157 | > .btn, 158 | > .btn-group { 159 | z-index: 2; 160 | margin-left: -1px; 161 | } 162 | } 163 | } 164 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: $jumbotron-padding; 8 | padding-bottom: $jumbotron-padding; 9 | margin-bottom: $jumbotron-padding; 10 | color: $jumbotron-color; 11 | background-color: $jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: $jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: ($jumbotron-padding / 2); 20 | font-size: $jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken($jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | padding-left: ($grid-gutter-width / 2); 32 | padding-right: ($grid-gutter-width / 2); 33 | } 34 | 35 | .container { 36 | max-width: 100%; 37 | } 38 | 39 | @media screen and (min-width: $screen-sm-min) { 40 | padding-top: ($jumbotron-padding * 1.6); 41 | padding-bottom: ($jumbotron-padding * 1.6); 42 | 43 | .container &, 44 | .container-fluid & { 45 | padding-left: ($jumbotron-padding * 2); 46 | padding-right: ($jumbotron-padding * 2); 47 | } 48 | 49 | h1, 50 | .h1 { 51 | font-size: $jumbotron-heading-font-size; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | .label { 5 | display: inline; 6 | padding: .2em .6em .3em; 7 | font-size: 75%; 8 | font-weight: bold; 9 | line-height: 1; 10 | color: $label-color; 11 | text-align: center; 12 | white-space: nowrap; 13 | vertical-align: baseline; 14 | border-radius: .25em; 15 | // [converter] extracted a& to a.label 16 | // Empty labels collapse automatically (not available in IE8) 17 | &:empty { 18 | display: none; 19 | } 20 | // Quick fix for labels in buttons 21 | .btn & { 22 | position: relative; 23 | top: -1px; 24 | } 25 | } 26 | 27 | // Add hover effects, but only for links 28 | a.label { 29 | /* the-framework &:hover, */ 30 | &:focus { 31 | color: $label-link-hover-color; 32 | text-decoration: none; 33 | cursor: pointer; 34 | } 35 | } 36 | 37 | // Colors 38 | // Contextual variations (linked labels get darker on hover) 39 | .label-default { 40 | @include label-variant($label-default-bg); 41 | } 42 | 43 | .label-primary { 44 | @include label-variant($label-primary-bg); 45 | } 46 | 47 | .label-success { 48 | @include label-variant($label-success-bg); 49 | } 50 | 51 | .label-info { 52 | @include label-variant($label-info-bg); 53 | } 54 | 55 | .label-warning { 56 | @include label-variant($label-warning-bg); 57 | } 58 | 59 | .label-danger { 60 | @include label-variant($label-danger-bg); 61 | } -------------------------------------------------------------------------------- /sass/bootstrap-sass-modified/_list-group.scss: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | // Base class 5 | // 6 | // Easily usable on