├── .gitignore ├── LICENSE ├── README.md ├── assets ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── icon.icns ├── icon.png ├── icon.sketch ├── logo.png ├── logo.svg ├── screenshot-1.png ├── screenshot-2.png ├── screenshot-3.png └── screenshot-4.png ├── css ├── app.css └── vendor.css ├── index.html ├── main.js ├── package.js ├── package.json ├── scss ├── _variables.scss ├── app.scss ├── app │ ├── _general.scss │ ├── components │ │ ├── _root-view.scss │ │ ├── documentation-panel │ │ │ └── _documentation-panel.scss │ │ ├── environment-panel │ │ │ └── _environment-panel.scss │ │ ├── graphiql │ │ │ └── _graphiql.scss │ │ ├── map-editor │ │ │ └── _map-editor.scss │ │ ├── menu │ │ │ └── _menu.scss │ │ ├── panel │ │ │ └── _panel.scss │ │ ├── project-detail │ │ │ └── _project-detail.scss │ │ ├── project-list │ │ │ ├── _project-list-item.scss │ │ │ └── _project-list.scss │ │ ├── project-panel │ │ │ └── _project-panel.scss │ │ ├── query-list │ │ │ └── _query-list.scss │ │ ├── query-panel │ │ │ └── _query-panel.scss │ │ ├── tabs │ │ │ └── _tabs.scss │ │ └── workspace │ │ │ └── _workspace-header.scss │ └── utils │ │ └── _truncate-text.scss ├── vendor.scss └── vendor │ ├── bootstrap │ ├── _bootstrap-compass.scss │ ├── _bootstrap-mincer.scss │ ├── _bootstrap-sprockets.scss │ ├── _bootstrap.scss │ └── bootstrap │ │ ├── _alerts.scss │ │ ├── _badges.scss │ │ ├── _breadcrumbs.scss │ │ ├── _button-groups.scss │ │ ├── _buttons.scss │ │ ├── _carousel.scss │ │ ├── _close.scss │ │ ├── _code.scss │ │ ├── _component-animations.scss │ │ ├── _dropdowns.scss │ │ ├── _forms.scss │ │ ├── _glyphicons.scss │ │ ├── _grid.scss │ │ ├── _input-groups.scss │ │ ├── _jumbotron.scss │ │ ├── _labels.scss │ │ ├── _list-group.scss │ │ ├── _media.scss │ │ ├── _mixins.scss │ │ ├── _modals.scss │ │ ├── _navbar.scss │ │ ├── _navs.scss │ │ ├── _normalize.scss │ │ ├── _pager.scss │ │ ├── _pagination.scss │ │ ├── _panels.scss │ │ ├── _popovers.scss │ │ ├── _print.scss │ │ ├── _progress-bars.scss │ │ ├── _responsive-embed.scss │ │ ├── _responsive-utilities.scss │ │ ├── _scaffolding.scss │ │ ├── _tables.scss │ │ ├── _theme.scss │ │ ├── _thumbnails.scss │ │ ├── _tooltip.scss │ │ ├── _type.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── _wells.scss │ │ └── mixins │ │ ├── _alerts.scss │ │ ├── _background-variant.scss │ │ ├── _border-radius.scss │ │ ├── _buttons.scss │ │ ├── _center-block.scss │ │ ├── _clearfix.scss │ │ ├── _forms.scss │ │ ├── _gradients.scss │ │ ├── _grid-framework.scss │ │ ├── _grid.scss │ │ ├── _hide-text.scss │ │ ├── _image.scss │ │ ├── _labels.scss │ │ ├── _list-group.scss │ │ ├── _nav-divider.scss │ │ ├── _nav-vertical-align.scss │ │ ├── _opacity.scss │ │ ├── _pagination.scss │ │ ├── _panels.scss │ │ ├── _progress-bar.scss │ │ ├── _reset-filter.scss │ │ ├── _reset-text.scss │ │ ├── _resize.scss │ │ ├── _responsive-visibility.scss │ │ ├── _size.scss │ │ ├── _tab-focus.scss │ │ ├── _table-row.scss │ │ ├── _text-emphasis.scss │ │ ├── _text-overflow.scss │ │ └── _vendor-prefixes.scss │ └── graphiql │ ├── _app.scss │ ├── _codemirror.scss │ ├── _doc-explorer.scss │ ├── _foldgutter.scss │ ├── _graphiql.scss │ ├── _lint.scss │ ├── _loading.scss │ └── _show-hint.scss ├── src ├── app │ ├── bootstrap.js │ ├── components │ │ ├── environment-panel │ │ │ └── environment-panel.jsx │ │ ├── graphiql │ │ │ ├── graphiql.jsx │ │ │ └── utils │ │ │ │ ├── get-operation-name.js │ │ │ │ ├── get-operation-type.js │ │ │ │ └── get-query-facts.js │ │ ├── layout-view.jsx │ │ ├── layout │ │ │ └── layout.jsx │ │ ├── loader │ │ │ └── loader.jsx │ │ ├── map-editor │ │ │ ├── map-editor.jsx │ │ │ └── map-item.jsx │ │ ├── panel │ │ │ ├── panel-body.jsx │ │ │ ├── panel-footer.jsx │ │ │ ├── panel-header.jsx │ │ │ └── panel.jsx │ │ ├── project-detail │ │ │ └── project-detail.jsx │ │ ├── project-list │ │ │ ├── project-list-item.jsx │ │ │ └── project-list.jsx │ │ ├── project-panel │ │ │ └── project-panel.jsx │ │ ├── query-list │ │ │ ├── query-list-item.jsx │ │ │ └── query-list.jsx │ │ ├── query-panel │ │ │ └── query-panel.jsx │ │ ├── root-view.jsx │ │ ├── router-view.jsx │ │ ├── tabs │ │ │ ├── tab-add-button.jsx │ │ │ ├── tab-item.jsx │ │ │ └── tabs.jsx │ │ ├── view.jsx │ │ └── workspace │ │ │ ├── menu-item.jsx │ │ │ └── workspace-header.jsx │ ├── config.js │ ├── data │ │ ├── data-collection.js │ │ └── data-store.js │ ├── di.js │ ├── handlers │ │ └── setup-menu.js │ ├── index.jsx │ ├── reducers │ │ ├── app.js │ │ ├── data-store.js │ │ └── root.js │ ├── services │ │ ├── actions.js │ │ ├── actualize-state.js │ │ ├── data-store.js │ │ ├── database.js │ │ ├── factories.js │ │ ├── history.js │ │ ├── import-export.js │ │ ├── queries.js │ │ ├── selectors.js │ │ └── store.js │ └── utils │ │ ├── apply-variables-to-headers.js │ │ ├── create-modal.jsx │ │ └── get-defined.js └── index.jsx └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | release 3 | .idea 4 | .DS_Store 5 | dist 6 | TODO.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Olivier Andriessen 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 |

2 | GraphQL IDE 3 |

4 | 5 |

6 | An extensive IDE for exploring GraphQL API's 7 |

8 | 9 | --- 10 | 11 | ## Features 12 | 13 | - Manage projects 14 | - Import/export 15 | - Store queries 16 | - Query history 17 | - Custom headers 18 | - Environment variables for dynamic headers 19 | 20 | ## Installing 21 | 22 | ### MacOS 23 | 24 | Unpack the latest app from the [releases][0] tab 25 | 26 | ### Window / Linux 27 | 28 | Releases available soon, for now build the binary using 29 | 30 | ```` 31 | npm install -g electron 32 | npm install 33 | npm run package --all 34 | ```` 35 | 36 | Run the binary using `electron .` 37 | 38 | ## Upgrade from 0.x 39 | 40 | Download the latest 0.2.x version, this will give you an option to export any project for 1.x. 41 | After you've installed 1.x you can import the project there. You can always go back to 0.x, your project data is stored at 42 | `/Users/[username]/Library/Application Support/graphql-ide` 43 | 44 | ## Contributing 45 | 46 | Please file issues under GitHub, or submit a pull request if you'd like to directly contribute. 47 | 48 | ## Screenshots 49 | 50 |

51 | Execute queries 52 |

53 | 54 | ![Execute queries](assets/screenshot-1.png) 55 | 56 |

57 | Custom headers 58 |

59 | 60 | ![Custom headers](assets/screenshot-2.png) 61 | 62 |

63 | Environment variables for dynamic headers 64 |

65 | 66 | ![Custom headers](assets/screenshot-3.png) 67 | 68 |

69 | Manage projects 70 |

71 | 72 | ![Manage projects](assets/screenshot-4.png) 73 | 74 | [0]: https://github.com/redound/graphql-ide/releases 75 | -------------------------------------------------------------------------------- /assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /assets/icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/icon.icns -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/icon.png -------------------------------------------------------------------------------- /assets/icon.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/icon.sketch -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/logo.png -------------------------------------------------------------------------------- /assets/screenshot-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/screenshot-1.png -------------------------------------------------------------------------------- /assets/screenshot-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/screenshot-2.png -------------------------------------------------------------------------------- /assets/screenshot-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/screenshot-3.png -------------------------------------------------------------------------------- /assets/screenshot-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andev-software/graphql-ide/b2906f50493ba833d53ba324ab8b3a6ff381df82/assets/screenshot-4.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | GraphQL IDE 7 | 8 | 9 | 96 | 97 |
98 |
99 |
100 |
101 |
102 | Initializing 103 |
104 |
105 |
106 | 107 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | // const devtools = require('electron-devtools-installer') 2 | // const installExtension = devtools.default 3 | // const {REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS} = devtools 4 | // 5 | // const extensions = [ 6 | // REACT_DEVELOPER_TOOLS, 7 | // REDUX_DEVTOOLS 8 | // ] 9 | // 10 | // Promise.all(extensions.map(extension => { 11 | // return installExtension(extension, true) 12 | // .then((name) => console.log(`Added Extension: ${name}`)) 13 | // .catch((err) => console.log('An error occurred: ', err)) 14 | // })) 15 | 16 | const electron = require('electron') 17 | // Module to control application life. 18 | const app = electron.app 19 | const Menu = electron.Menu 20 | const ipcMain = electron.ipcMain 21 | // Module to create native browser window. 22 | const BrowserWindow = electron.BrowserWindow 23 | 24 | const path = require('path') 25 | const url = require('url') 26 | 27 | electron.crashReporter.start({ 28 | productName: 'GraphiQL', 29 | companyName: 'Redound', 30 | submitURL: 'https://github.com/redound/graphql-ide/issues', 31 | autoSubmit: true 32 | }) 33 | 34 | // Keep a global reference of the window object, if you don't, the window will 35 | // be closed automatically when the JavaScript object is garbage collected. 36 | let mainWindow 37 | 38 | function createWindow() { 39 | 40 | let template, menu 41 | 42 | // Create the browser window. 43 | mainWindow = new BrowserWindow({ 44 | width: 1400, 45 | height: 800, 46 | titleBarStyle: 'hidden-inset' 47 | }) 48 | 49 | // and load the index.html of the app. 50 | mainWindow.loadURL(url.format({ 51 | pathname: path.join(__dirname, 'index.html'), 52 | protocol: 'file:', 53 | slashes: true 54 | })) 55 | 56 | // Open the DevTools. 57 | // mainWindow.webContents.openDevTools() 58 | 59 | // Emitted when the window is closed. 60 | mainWindow.on('closed', function () { 61 | // Dereference the window object, usually you would store windows 62 | // in an array if your app supports multi windows, this is the time 63 | // when you should delete the corresponding element. 64 | mainWindow = null 65 | }) 66 | 67 | if (process.env.NODE_ENV === 'development') { 68 | mainWindow.openDevTools() 69 | } 70 | } 71 | 72 | // This method will be called when Electron has finished 73 | // initialization and is ready to create browser windows. 74 | // Some APIs can only be used after this event occurs. 75 | app.on('ready', createWindow) 76 | 77 | // Quit when all windows are closed. 78 | app.on('window-all-closed', function () { 79 | // On OS X it is common for applications and their menu bar 80 | // to stay active until the user quits explicitly with Cmd + Q 81 | if (process.platform !== 'darwin') { 82 | app.quit() 83 | } 84 | }) 85 | 86 | app.on('activate', function () { 87 | // On OS X it's common to re-create a window in the app when the 88 | // dock icon is clicked and there are no other windows open. 89 | if (mainWindow === null) { 90 | createWindow() 91 | } 92 | }) -------------------------------------------------------------------------------- /package.js: -------------------------------------------------------------------------------- 1 | const os = require('os') 2 | const webpack = require('webpack') 3 | const cfg = require('./webpack.config.js') 4 | const packager = require('electron-packager') 5 | const del = require('del') 6 | const assign = require('lodash/assign') 7 | const latest = require('github-latest-release') 8 | const argv = require('minimist')(process.argv.slice(2)) 9 | 10 | const appName = argv.name || argv.n || 'GraphQL IDE' 11 | const shouldUseAsar = argv.asar || argv.a || false 12 | const shouldBuildAll = argv.all || false 13 | const shouldPrune = argv.prune || true 14 | 15 | const DEFAULT_OPTS = { 16 | dir: './', 17 | name: appName, 18 | asar: shouldUseAsar, 19 | prune: shouldPrune, 20 | ignore: [ 21 | '/test($|/)', 22 | '/tools($|/)', 23 | '/release($|/)', 24 | '/node_modules($|/)' 25 | ] 26 | } 27 | 28 | const icon = argv.icon || argv.i || 'assets/icon.icns' 29 | 30 | if (icon) { 31 | DEFAULT_OPTS.icon = icon 32 | } 33 | 34 | const version = argv.version || argv.v 35 | 36 | if (version) { 37 | DEFAULT_OPTS.version = version 38 | startPack() 39 | } else { 40 | latest('atom', 'electron', function (err, res) { 41 | if (err) { 42 | console.error("Error while fetching latest Electron release: " + err.message + "\n") 43 | DEFAULT_OPTS.version = '0.28.3' 44 | } else { 45 | DEFAULT_OPTS.version = res.name.split('v')[1] 46 | } 47 | startPack() 48 | }) 49 | } 50 | 51 | 52 | function startPack() { 53 | console.log('start pack...') 54 | webpack(cfg, function runWebpackBuild(err, stats) { 55 | if (err) return console.error(err) 56 | del('release') 57 | .then(function (paths) { 58 | if (shouldBuildAll) { 59 | // build for all platforms 60 | var archs = ['ia32', 'x64'] 61 | var platforms = ['linux', 'win32', 'darwin'] 62 | 63 | platforms.forEach(function (plat) { 64 | archs.forEach(function (arch) { 65 | pack(plat, arch, log(plat, arch)) 66 | }) 67 | }) 68 | } else { 69 | // build for current platform only 70 | pack(os.platform(), os.arch(), log(os.platform(), os.arch())) 71 | } 72 | }) 73 | .catch(function (err) { 74 | console.error(err) 75 | }) 76 | }) 77 | } 78 | 79 | function pack(plat, arch, cb) { 80 | // there is no darwin ia32 electron 81 | if (plat === 'darwin' && arch === 'ia32') return 82 | 83 | var opts = assign({}, DEFAULT_OPTS, { 84 | platform: plat, 85 | arch: arch, 86 | out: 'release/' + plat + '-' + arch 87 | }) 88 | 89 | packager(opts, cb) 90 | } 91 | 92 | 93 | function log(plat, arch) { 94 | return function (err, filepath) { 95 | if (err) return console.error(err) 96 | console.log(plat + '-' + arch + ' finished!') 97 | } 98 | } 99 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "graphql-ide", 3 | "version": "1.1.0", 4 | "description": "", 5 | "main": "main.js", 6 | "scripts": { 7 | "start": "./node_modules/.bin/electron main.js", 8 | "build-css": "node-sass --include-path scss scss --output css", 9 | "watch-css": "node-sass -w --include-path scss scss --output css", 10 | "package": "node package.js", 11 | "package-all": "node package.js --all" 12 | }, 13 | "keywords": [], 14 | "license": "MIT", 15 | "homepage": "https://github.com/redound/graphql-ide", 16 | "bugs": { 17 | "url": "https://github.com/redound/graphql-ide/issues" 18 | }, 19 | "repository": { 20 | "type": "git", 21 | "url": "http://github.com/redound/graphql-ide.git" 22 | }, 23 | "dependencies": { 24 | "camel-case": "^3.0.0", 25 | "classnames": "^2.2.5", 26 | "electron-devtools-installer": "^2.0.1", 27 | "es6-promisify": "^5.0.0", 28 | "font-awesome": "^4.7.0", 29 | "graphiql": "^0.8.0", 30 | "graphql": "^0.8.2", 31 | "immutable": "^3.8.1", 32 | "isomorphic-fetch": "^2.2.1", 33 | "lodash": "^4.17.2", 34 | "moment": "^2.16.0", 35 | "nedb": "^1.8.0", 36 | "node-uuid": "^1.4.7", 37 | "react": "^15.4.0", 38 | "react-bootstrap": "^0.30.6", 39 | "react-dom": "^15.4.0", 40 | "react-list": "^0.8.0", 41 | "react-redux": "^4.4.6", 42 | "react-router": "^3.0.0", 43 | "redux": "^3.6.0", 44 | "redux-immutable": "^3.0.8", 45 | "redux-logger": "^2.7.4", 46 | "redux-thunk": "^2.1.0", 47 | "reselect": "^2.5.4", 48 | "semver": "^5.3.0", 49 | "snake-case": "^2.1.0", 50 | "sweetalert": "^1.1.3", 51 | "uuid": "^3.0.0", 52 | "validator": "^6.1.0", 53 | "vex-js": "^3.0.0" 54 | }, 55 | "devDependencies": { 56 | "babel-core": "^6.18.2", 57 | "babel-loader": "^6.2.10", 58 | "babel-plugin-syntax-async-functions": "^6.13.0", 59 | "babel-plugin-syntax-class-properties": "^6.13.0", 60 | "babel-plugin-transform-class-properties": "^6.19.0", 61 | "babel-plugin-transform-object-rest-spread": "^6.19.0", 62 | "babel-plugin-transform-regenerator": "^6.16.1", 63 | "babel-polyfill": "^6.16.0", 64 | "babel-preset-es2015": "^6.18.0", 65 | "babel-preset-react": "^6.16.0", 66 | "css-loader": "^0.26.0", 67 | "del": "^2.2.2", 68 | "electron-packager": "^8.3.0", 69 | "express": "^4.14.0", 70 | "file-loader": "^0.10.0", 71 | "github-latest-release": "^0.1.1", 72 | "json-loader": "^0.5.4", 73 | "minimist": "^1.2.0", 74 | "node-sass": "^3.13.0", 75 | "style-loader": "^0.13.1", 76 | "url-loader": "^0.5.7", 77 | "webpack": "^2.2.1" 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /scss/_variables.scss: -------------------------------------------------------------------------------- 1 | $border-color: #D4D4D4; -------------------------------------------------------------------------------- /scss/app.scss: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @import "app/general"; 3 | @import "app/components/root-view"; 4 | @import "app/components/project-detail/project-detail"; 5 | @import "app/components/project-list/project-list"; 6 | @import "app/components/project-list/project-list-item"; 7 | @import "app/components/query-list/query-list"; 8 | @import "app/components/workspace/workspace-header"; 9 | @import "app/components/panel/panel"; 10 | @import "app/components/project-panel/project-panel"; 11 | @import "app/components/environment-panel/environment-panel"; 12 | @import "app/components/map-editor/map-editor"; 13 | @import "app/components/menu/menu"; 14 | @import "app/components/query-panel/query-panel"; 15 | @import "app/components/documentation-panel/documentation-panel"; 16 | @import "app/components/tabs/tabs"; 17 | @import "app/components/graphiql/graphiql"; 18 | @import "app/utils/truncate-text"; 19 | 20 | -------------------------------------------------------------------------------- /scss/app/_general.scss: -------------------------------------------------------------------------------- 1 | *::-webkit-scrollbar { 2 | width: 6px !important; 3 | height: 6px !important; 4 | } 5 | 6 | *::-webkit-scrollbar-thumb { 7 | background-color: rgba(0, 0, 0, .2) 8 | } 9 | 10 | *::-webkit-scrollbar-track { 11 | background: rgba(255, 255, 255, .08) 12 | } 13 | 14 | body { 15 | overflow: hidden; 16 | } 17 | 18 | .app-wrapper-main::-webkit-scrollbar-track { 19 | background-color: #dfdfdf; 20 | } 21 | 22 | *:focus { 23 | outline: 0; 24 | } 25 | 26 | .button { 27 | background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f1f1f1)); 28 | border: none; 29 | border-radius: 5px; 30 | padding: 3px 8px; 31 | box-shadow: 0 0.5px 0.05px rgba(0, 0, 0, 0.4), 0 -0.5px 0 rgba(0, 0, 0, 0.12); 32 | font-size: 12px; 33 | 34 | &:active { 35 | background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#e9e9e9)); 36 | } 37 | 38 | &.active { 39 | background: #6b6b6b; 40 | border-color: #6b6b6b; 41 | color: #ffffff; 42 | } 43 | } 44 | 45 | .Input { 46 | width: 100%; 47 | border-radius: 3px; 48 | padding: 3px 8px; 49 | color: #444; 50 | font-size: 12px; 51 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 52 | border: 1px solid transparent; 53 | box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 -0.5px 0 rgba(0, 0, 0, 0.15), 0.5px 0 0 rgba(0, 0, 0, 0.15), -0.5px 0 0 rgba(0, 0, 0, 0.15); 54 | 55 | &:focus { 56 | border-color: #E10098; 57 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(225, 0, 152, 0.1); 58 | } 59 | 60 | &.error { 61 | border-color: red; 62 | } 63 | } -------------------------------------------------------------------------------- /scss/app/components/_root-view.scss: -------------------------------------------------------------------------------- 1 | .RootView { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | left: 0; 6 | bottom: 0; 7 | } -------------------------------------------------------------------------------- /scss/app/components/documentation-panel/_documentation-panel.scss: -------------------------------------------------------------------------------- 1 | .DocumentationPanel { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | border-left: 1px solid $border-color; 6 | } 7 | 8 | .DocumentationPanel__Empty { 9 | position: absolute; 10 | top: 0; 11 | left: 0; 12 | right: 0; 13 | bottom: 0; 14 | align-items: center; 15 | justify-content: center; 16 | display: flex; 17 | background-color: #fafafa; 18 | padding: 0 50px; 19 | } 20 | 21 | .DocumentationPanel__EmptyMessage { 22 | display: flex; 23 | color: #888; 24 | text-align: center; 25 | } -------------------------------------------------------------------------------- /scss/app/components/environment-panel/_environment-panel.scss: -------------------------------------------------------------------------------- 1 | .UrlEditor { 2 | position: relative; 3 | display: block; 4 | margin-bottom: 20px; 5 | background-color: #fff; 6 | border: 1px solid #ddd; 7 | border-radius: 4px; 8 | } 9 | 10 | .UrlEditorSection { 11 | background-color: #fff; 12 | border-bottom: 1px solid #ddd; 13 | padding: 15px; 14 | } 15 | 16 | .UrlEditorFooter { 17 | padding: 15px; 18 | } -------------------------------------------------------------------------------- /scss/app/components/graphiql/_graphiql.scss: -------------------------------------------------------------------------------- 1 | .toolbar { 2 | 3 | .toolbar-input { 4 | background-color: #ffffff; 5 | border-radius: 3px; 6 | padding: 3px 8px; 7 | font-size: 12px; 8 | color: #444; 9 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 10 | border: 1px solid transparent; 11 | box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 -0.5px 0 rgba(0, 0, 0, 0.15), 0.5px 0 0 rgba(0, 0, 0, 0.15), -0.5px 0 0 rgba(0, 0, 0, 0.15); 12 | 13 | &:focus { 14 | border-color: #E10098; 15 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(225, 0, 152, 0.1); 16 | } 17 | } 18 | 19 | } -------------------------------------------------------------------------------- /scss/app/components/map-editor/_map-editor.scss: -------------------------------------------------------------------------------- 1 | .MapEditor { 2 | position: relative; 3 | display: block; 4 | margin-bottom: 20px; 5 | background-color: #fff; 6 | border: 1px solid #ddd; 7 | border-radius: 4px; 8 | 9 | .NoContent { 10 | padding: 15px; 11 | text-align: center; 12 | color: #888; 13 | border-bottom: 1px solid #ddd; 14 | } 15 | } 16 | 17 | .MapEditorFooter { 18 | padding: 15px; 19 | } 20 | 21 | .MapItem { 22 | background-color: #fff; 23 | border-bottom: 1px solid #ddd; 24 | padding: 15px; 25 | } 26 | 27 | .MapItemFooter { 28 | text-align: right; 29 | } -------------------------------------------------------------------------------- /scss/app/components/menu/_menu.scss: -------------------------------------------------------------------------------- 1 | .Menu { 2 | display: flex; 3 | flex-direction: row; 4 | } 5 | 6 | .Menu--horizontal { 7 | display: flex; 8 | flex-direction: row; 9 | } 10 | 11 | .Menu--right { 12 | justify-content: flex-end; 13 | } 14 | 15 | .MenuItem { 16 | flex: none; 17 | margin-right: 10px; 18 | position: relative; 19 | transition: background-color .18s ease; 20 | 21 | &:last-of-type { 22 | margin-right: 0; 23 | } 24 | 25 | button { 26 | margin: 0; 27 | outline: none; 28 | cursor: pointer; 29 | display: flex; 30 | justify-content: center; 31 | align-items: center; 32 | } 33 | 34 | .Icon { 35 | width: 24px; 36 | height: 24px; 37 | display: flex; 38 | } 39 | 40 | .Label { 41 | display: flex; 42 | } 43 | 44 | .Select { 45 | height: 100%; 46 | } 47 | } -------------------------------------------------------------------------------- /scss/app/components/panel/_panel.scss: -------------------------------------------------------------------------------- 1 | .Panel { 2 | } 3 | 4 | .PanelHeader { 5 | position: absolute; 6 | top: 0; 7 | left: 0; 8 | right: 0; 9 | background-color: #f7f7f7; 10 | height: 47px; 11 | border-bottom: 1px solid $border-color; 12 | padding: 14px 15px; 13 | font-size: 14px; 14 | text-align: center; 15 | font-weight: 200; 16 | } 17 | 18 | .PanelBody { 19 | position: absolute; 20 | top: 47px; 21 | bottom: 0; 22 | left: 0; 23 | right: 0; 24 | background-color: #ffffff; 25 | overflow-x: hidden; 26 | overflow-y: scroll; 27 | padding: 20px 15px; 28 | 29 | &.PanelBody--has-footer { 30 | bottom: 47px; 31 | } 32 | } 33 | 34 | .PanelFooter { 35 | position: absolute; 36 | bottom: 0; 37 | left: 0; 38 | right: 0; 39 | background-color: #f7f7f7; 40 | height: 47px; 41 | border-top: 1px solid $border-color; 42 | padding: 8px 15px; 43 | text-align: right; 44 | } -------------------------------------------------------------------------------- /scss/app/components/project-detail/_project-detail.scss: -------------------------------------------------------------------------------- 1 | .ProjectDetail { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | bottom: 0; 6 | left: 0; 7 | } 8 | 9 | .ProjectDetailContent { 10 | position: absolute; 11 | left: 0; 12 | right: 0; 13 | } 14 | 15 | .ProjectDetail__Workspace { 16 | 17 | position: absolute; 18 | right: 0; 19 | bottom: 0; 20 | } 21 | 22 | .Workspace__Empty { 23 | position: absolute; 24 | top: 0; 25 | left: 0; 26 | right: 0; 27 | bottom: 0; 28 | align-items: center; 29 | justify-content: center; 30 | display: flex; 31 | background-color: #fafafa; 32 | } 33 | 34 | .Workspace__EmptyMessage { 35 | display: flex; 36 | color: #888; 37 | padding: 0 50px; 38 | text-align: center; 39 | } 40 | 41 | .ProjectDetail__RightPanel { 42 | position: absolute; 43 | top: 0; 44 | right: 0; 45 | border-left: 1px solid $border-color; 46 | } 47 | 48 | .ProjectDetail__LeftPanel { 49 | position: absolute; 50 | top: 0; 51 | left: 0; 52 | border-right: 1px solid $border-color; 53 | } -------------------------------------------------------------------------------- /scss/app/components/project-list/_project-list-item.scss: -------------------------------------------------------------------------------- 1 | .ProjectListItem { 2 | 3 | cursor: pointer; 4 | 5 | &:hover { 6 | opacity: 0.8; 7 | } 8 | } 9 | 10 | .ProjectListItem__Icon { 11 | position: absolute; 12 | top: 0; 13 | left: 0; 14 | background: #222; 15 | padding: 10px; 16 | border-radius: 5px; 17 | width: 84px; 18 | height: 84px; 19 | font-size: 40px; 20 | font-weight: 200; 21 | text-align: center; 22 | color: #ffffff; 23 | } 24 | 25 | .ProjectListItem__Body { 26 | width: 100%; 27 | padding-left: 99px; 28 | height: 114px; 29 | position: relative; 30 | } 31 | 32 | .ProjectListItem__Title { 33 | font-size: 18px; 34 | margin-bottom: 5px; 35 | } 36 | 37 | .ProjectListItem__Description { 38 | font-weight: 200; 39 | font-size: 12px; 40 | } 41 | 42 | .ProjectListItem__Meta { 43 | font-weight: 200; 44 | font-size: 12px; 45 | color: rgba(0, 0, 0, 0.4); 46 | } -------------------------------------------------------------------------------- /scss/app/components/project-list/_project-list.scss: -------------------------------------------------------------------------------- 1 | .ProjectList { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | bottom: 0; 6 | left: 0; 7 | } 8 | 9 | .ProjectListContent { 10 | position: absolute; 11 | left: 0; 12 | right: 0; 13 | bottom: 0; 14 | } -------------------------------------------------------------------------------- /scss/app/components/project-panel/_project-panel.scss: -------------------------------------------------------------------------------- 1 | .EnvironmentList { 2 | position: relative; 3 | display: block; 4 | margin-bottom: 20px; 5 | background-color: #fff; 6 | border: 1px solid #ddd; 7 | border-radius: 4px; 8 | } 9 | 10 | .EnvironmentItem { 11 | background-color: #fff; 12 | border-bottom: 1px solid #ddd; 13 | padding: 15px; 14 | } 15 | 16 | .EnvironmentFooter { 17 | padding: 15px; 18 | text-align: right; 19 | } -------------------------------------------------------------------------------- /scss/app/components/query-list/_query-list.scss: -------------------------------------------------------------------------------- 1 | .QueryList { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | bottom: 0; 6 | left: 0; 7 | background-color: #fafafa; 8 | } 9 | 10 | .QueryListFilter { 11 | height: 48px; 12 | position: absolute; 13 | left: 0; 14 | right: 0; 15 | top: 0; 16 | background-color: #f0f0f0; 17 | border-bottom: 1px solid $border-color; 18 | 19 | .Filter { 20 | padding: 11px 13px; 21 | width: 100%; 22 | } 23 | 24 | .FilterInput { 25 | width: 100%; 26 | padding: 3px 8px; 27 | color: #222; 28 | background-color: #ffffff; 29 | border-radius: 5px; 30 | font-weight: 200; 31 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 32 | border: 1px solid transparent; 33 | box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 -0.5px 0 rgba(0, 0, 0, 0.15), 0.5px 0 0 rgba(0, 0, 0, 0.15), -0.5px 0 0 rgba(0, 0, 0, 0.15); 34 | 35 | &:focus { 36 | border-color: #E10098; 37 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(225, 0, 152, 0.1); 38 | } 39 | } 40 | } 41 | 42 | .QueryListContent { 43 | position: absolute; 44 | top: 48px; 45 | left: 0; 46 | right: 0; 47 | bottom: 0; 48 | overflow-x: hidden; 49 | overflow-y: auto; 50 | } 51 | 52 | .QueryListItem { 53 | height: 56px; 54 | border-bottom: 1px solid #f2f2f2; 55 | cursor: pointer; 56 | position: relative; 57 | background-color: #fff; 58 | display: flex; 59 | flex-direction: row; 60 | 61 | &:hover { 62 | background-color: #f4f5f5; 63 | } 64 | 65 | &.active { 66 | background-color: #e9ebeb; 67 | } 68 | } 69 | 70 | .QueryListItem__Icon { 71 | flex: none; 72 | display: flex; 73 | align-items: center; 74 | margin-top: -1px; 75 | padding: 0 15px 0 13px; 76 | 77 | .Icon { 78 | width: 34px; 79 | height: 34px; 80 | border-radius: 50%; 81 | background-color: #E10098; 82 | display: flex; 83 | justify-content: center; 84 | align-items: center; 85 | 86 | span { 87 | color: #fff; 88 | font-size: 13px; 89 | text-transform: uppercase; 90 | font-weight: 200; 91 | } 92 | } 93 | } 94 | 95 | .QueryListItem__Body { 96 | flex-grow: 1; 97 | min-width: 0; 98 | display: -webkit-box; 99 | display: -ms-flexbox; 100 | display: flex; 101 | flex-direction: column; 102 | justify-content: center; 103 | padding-right: 15px; 104 | } 105 | 106 | .QueryListItem__Main { 107 | line-height: normal; 108 | align-items: flex-start; 109 | text-align: left; 110 | margin-top: -1px; 111 | display: flex; 112 | flex-direction: row; 113 | overflow: hidden; 114 | text-overflow: ellipsis; 115 | white-space: nowrap; 116 | } 117 | 118 | .QueryListItem__Title { 119 | overflow: hidden; 120 | text-overflow: ellipsis; 121 | white-space: nowrap; 122 | font-weight: 400; 123 | font-size: 14px; 124 | line-height: 21px; 125 | color: #000; 126 | flex-grow: 1; 127 | display: flex; 128 | } 129 | 130 | .QueryListItem__Meta { 131 | flex: none; 132 | margin-left: 6px; 133 | margin-top: 4px; 134 | line-height: 14px; 135 | font-size: 12px; 136 | color: rgba(0, 0, 0, 0.4); 137 | } 138 | 139 | .QueryListItem__Description { 140 | color: rgba(0, 0, 0, 0.4); 141 | } 142 | -------------------------------------------------------------------------------- /scss/app/components/query-panel/_query-panel.scss: -------------------------------------------------------------------------------- 1 | .QueryPanel__Empty { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | right: 0; 6 | bottom: 0; 7 | align-items: center; 8 | justify-content: center; 9 | display: flex; 10 | background-color: #fafafa; 11 | } 12 | 13 | .QueryPanel__EmptyMessage { 14 | display: flex; 15 | color: #888; 16 | padding: 0 50px; 17 | text-align: center; 18 | } 19 | 20 | .QueryMeta { 21 | position: relative; 22 | display: block; 23 | margin-bottom: 20px; 24 | background-color: #fff; 25 | border: 1px solid #ddd; 26 | border-radius: 4px; 27 | } 28 | 29 | .QueryMetaItem { 30 | padding: 8px 15px; 31 | border-bottom: 1px solid #ddd; 32 | 33 | &:last-of-type { 34 | border-bottom: 0; 35 | } 36 | } -------------------------------------------------------------------------------- /scss/app/components/tabs/_tabs.scss: -------------------------------------------------------------------------------- 1 | .Tabs { 2 | width: 100%; 3 | height: 34px; 4 | background: #d0d0d0; 5 | overflow: hidden; 6 | border-radius: 0; 7 | list-style: none; 8 | padding: 0; 9 | margin: 0; 10 | display: flex; 11 | border-bottom: 1px solid #b4b4b4; 12 | } 13 | 14 | .TabElement { 15 | position: relative; 16 | display: inline-block; 17 | background-color: #d0d0d0; 18 | color: #222222; 19 | padding: 9px 10px; 20 | margin: 0; 21 | font-size: 11px; 22 | transition: background-color 50ms ease-in-out; 23 | align-items: center; 24 | cursor: pointer; 25 | border-right: 1px solid #b4b4b4; 26 | 27 | &:hover { 28 | background-color: #f2f2f2; 29 | } 30 | 31 | &.active { 32 | background-color: #f2f2f2; 33 | } 34 | } 35 | 36 | .TabItem { 37 | max-width: 200px; 38 | padding-right: 24px; 39 | 40 | &:hover { 41 | .Title { 42 | background-color: #f2f2f2; 43 | } 44 | } 45 | 46 | &.active { 47 | .Title { 48 | background-color: #f2f2f2; 49 | } 50 | } 51 | 52 | .close-icon { 53 | 54 | position: absolute; 55 | top: 9px; 56 | right: 10px; 57 | cursor: pointer; 58 | z-index: 2; 59 | width: 16px; 60 | height: 16px; 61 | border-radius: 3px; 62 | overflow: hidden; 63 | transform: scale(0); 64 | transition: transform 80ms; 65 | 66 | &:hover { 67 | background-color: #E10098; 68 | 69 | &:before { 70 | color: #ffffff; 71 | } 72 | } 73 | 74 | &:before { 75 | font-family: 'FontAwesome'; 76 | display: inline-block; 77 | -webkit-font-smoothing: antialiased; 78 | text-decoration: none; 79 | font-size: 12px; 80 | width: 12px; 81 | height: 12px; 82 | top: 2px; 83 | left: 2px; 84 | content: "\f00d"; 85 | position: absolute; 86 | text-align: center; 87 | line-height: 12px; 88 | pointer-events: none; 89 | } 90 | } 91 | 92 | &:hover { 93 | 94 | .close-icon { 95 | transform: scale(1); 96 | transition-duration: .16s; 97 | } 98 | } 99 | 100 | .Title { 101 | position: relative; 102 | text-align: center; 103 | border-bottom: 1px solid transparent; 104 | text-overflow: clip; 105 | -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat; 106 | background-color: #d0d0d0; 107 | background-clip: content-box; 108 | backface-visibility: hidden; 109 | transition: background-color 50ms ease-in-out; 110 | white-space: nowrap; 111 | } 112 | } 113 | 114 | .TabAddButton { 115 | 116 | .add-icon { 117 | position: absolute; 118 | top: 9px; 119 | right: 9px; 120 | cursor: pointer; 121 | z-index: 2; 122 | width: 16px; 123 | height: 16px; 124 | border-radius: 3px; 125 | overflow: hidden; 126 | 127 | &:before { 128 | font-family: 'FontAwesome'; 129 | display: inline-block; 130 | -webkit-font-smoothing: antialiased; 131 | text-decoration: none; 132 | font-size: 12px; 133 | width: 12px; 134 | height: 12px; 135 | top: 2px; 136 | left: 2px; 137 | content: "\f067"; 138 | position: absolute; 139 | text-align: center; 140 | line-height: 12px; 141 | pointer-events: none; 142 | } 143 | } 144 | } -------------------------------------------------------------------------------- /scss/app/components/workspace/_workspace-header.scss: -------------------------------------------------------------------------------- 1 | .Workspace__Header { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | right: 0; 6 | background: -webkit-linear-gradient(#ececec 0%, #ececec 1.9%, #e9e9e9 2%, #d2d2d2 100%); 7 | border-bottom: 1px solid #b4b4b4; 8 | padding: 6px 13px 6px 83px; 9 | display: flex; 10 | -webkit-app-region: drag; // Allow dragging of the window 11 | } 12 | 13 | .HeaderSection { 14 | display: flex; 15 | flex-direction: column; 16 | flex-grow: 1; 17 | justify-content: space-around; 18 | 19 | &.HeaderSection--left, 20 | &.HeaderSection--right { 21 | width: 300px 22 | } 23 | } -------------------------------------------------------------------------------- /scss/app/utils/_truncate-text.scss: -------------------------------------------------------------------------------- 1 | .truncate-text { 2 | white-space: nowrap; 3 | text-overflow: ellipsis; 4 | overflow: hidden; 5 | position: relative; 6 | } -------------------------------------------------------------------------------- /scss/vendor.scss: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @import "vendor/bootstrap/bootstrap"; 3 | @import "vendor/graphiql/graphiql"; 4 | 5 | $fa-font-path: "../assets/fonts"; 6 | @import "../node_modules/font-awesome/scss/font-awesome"; -------------------------------------------------------------------------------- /scss/vendor/bootstrap/_bootstrap-compass.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-url($path, true); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-url($path, true); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/_bootstrap-mincer.scss: -------------------------------------------------------------------------------- 1 | // Mincer asset helper functions 2 | // 3 | // This must be imported into a .css.ejs.scss file. 4 | // Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation. 5 | 6 | 7 | @function twbs-font-path($path) { 8 | // do something like following 9 | // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>" 10 | // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>" 11 | // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>" 12 | @return "<%- asset_path("#{$path}".replace(/[#?].*$/, '')) + "#{$path}".replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>"; 13 | } 14 | 15 | @function twbs-image-path($file) { 16 | @return "<%- asset_path("#{$file}") %>"; 17 | } 18 | 19 | $bootstrap-sass-asset-helper: true; 20 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/_bootstrap-sprockets.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-path($path); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-path($path); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/_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/variables"; 9 | @import "bootstrap/mixins"; 10 | 11 | // Reset and dependencies 12 | @import "bootstrap/normalize"; 13 | @import "bootstrap/print"; 14 | @import "bootstrap/glyphicons"; 15 | 16 | // Core CSS 17 | @import "bootstrap/scaffolding"; 18 | @import "bootstrap/type"; 19 | @import "bootstrap/code"; 20 | @import "bootstrap/grid"; 21 | @import "bootstrap/tables"; 22 | @import "bootstrap/forms"; 23 | @import "bootstrap/buttons"; 24 | 25 | // Components 26 | @import "bootstrap/component-animations"; 27 | @import "bootstrap/dropdowns"; 28 | @import "bootstrap/button-groups"; 29 | @import "bootstrap/input-groups"; 30 | @import "bootstrap/navs"; 31 | @import "bootstrap/navbar"; 32 | @import "bootstrap/breadcrumbs"; 33 | @import "bootstrap/pagination"; 34 | @import "bootstrap/pager"; 35 | @import "bootstrap/labels"; 36 | @import "bootstrap/badges"; 37 | @import "bootstrap/jumbotron"; 38 | @import "bootstrap/thumbnails"; 39 | @import "bootstrap/alerts"; 40 | @import "bootstrap/progress-bars"; 41 | @import "bootstrap/media"; 42 | @import "bootstrap/list-group"; 43 | @import "bootstrap/panels"; 44 | @import "bootstrap/responsive-embed"; 45 | @import "bootstrap/wells"; 46 | @import "bootstrap/close"; 47 | 48 | // Components w/ JavaScript 49 | @import "bootstrap/modals"; 50 | @import "bootstrap/tooltip"; 51 | @import "bootstrap/popovers"; 52 | @import "bootstrap/carousel"; 53 | 54 | // Utility classes 55 | @import "bootstrap/utilities"; 56 | @import "bootstrap/responsive-utilities"; 57 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // 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 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: $font-size-small; 12 | font-weight: $badge-font-weight; 13 | color: $badge-color; 14 | line-height: $badge-line-height; 15 | vertical-align: middle; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: $badge-bg; 19 | border-radius: $badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // [converter] extracted a& to a.badge 39 | 40 | // Account for badges in navs 41 | .list-group-item.active > &, 42 | .nav-pills > .active > a > & { 43 | color: $badge-active-color; 44 | background-color: $badge-active-bg; 45 | } 46 | 47 | .list-group-item > & { 48 | float: right; 49 | } 50 | 51 | .list-group-item > & + & { 52 | margin-right: 5px; 53 | } 54 | 55 | .nav-pills > li > a > & { 56 | margin-left: 3px; 57 | } 58 | } 59 | 60 | // Hover state, but only for links 61 | a.badge { 62 | &:hover, 63 | &:focus { 64 | color: $badge-link-hover-color; 65 | text-decoration: none; 66 | cursor: pointer; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 18 | $nbsp: "\00a0"; 19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 20 | padding: 0 5px; 21 | color: $breadcrumb-color; 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // -------------------------------------------------- 8 | 9 | .btn { 10 | display: inline-block; 11 | margin-bottom: 0; // For input.btn 12 | font-weight: $btn-font-weight; 13 | text-align: center; 14 | vertical-align: middle; 15 | touch-action: manipulation; 16 | cursor: pointer; 17 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 18 | border: 1px solid transparent; 19 | white-space: nowrap; 20 | @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base); 21 | @include user-select(none); 22 | 23 | &, 24 | &:active, 25 | &.active { 26 | &:focus, 27 | &.focus { 28 | @include tab-focus; 29 | } 30 | } 31 | 32 | &:hover, 33 | &:focus, 34 | &.focus { 35 | color: $btn-default-color; 36 | text-decoration: none; 37 | } 38 | 39 | &:active, 40 | &.active { 41 | outline: 0; 42 | background-image: none; 43 | @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); 44 | } 45 | 46 | &.disabled, 47 | &[disabled], 48 | fieldset[disabled] & { 49 | cursor: $cursor-disabled; 50 | @include opacity(.65); 51 | @include box-shadow(none); 52 | } 53 | 54 | // [converter] extracted a& to a.btn 55 | } 56 | 57 | a.btn { 58 | &.disabled, 59 | fieldset[disabled] & { 60 | pointer-events: none; // Future-proof disabling of clicks on `` elements 61 | } 62 | } 63 | 64 | 65 | // Alternate buttons 66 | // -------------------------------------------------- 67 | 68 | .btn-default { 69 | @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); 70 | } 71 | .btn-primary { 72 | @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); 73 | } 74 | // Success appears as green 75 | .btn-success { 76 | @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); 77 | } 78 | // Info appears as blue-green 79 | .btn-info { 80 | @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); 81 | } 82 | // Warning appears as orange 83 | .btn-warning { 84 | @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); 85 | } 86 | // Danger and error appear as red 87 | .btn-danger { 88 | @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); 89 | } 90 | 91 | 92 | // Link buttons 93 | // ------------------------- 94 | 95 | // Make a button look and behave like a link 96 | .btn-link { 97 | color: $link-color; 98 | font-weight: normal; 99 | border-radius: 0; 100 | 101 | &, 102 | &:active, 103 | &.active, 104 | &[disabled], 105 | fieldset[disabled] & { 106 | background-color: transparent; 107 | @include box-shadow(none); 108 | } 109 | &, 110 | &:hover, 111 | &:focus, 112 | &:active { 113 | border-color: transparent; 114 | } 115 | &:hover, 116 | &:focus { 117 | color: $link-hover-color; 118 | text-decoration: $link-hover-decoration; 119 | background-color: transparent; 120 | } 121 | &[disabled], 122 | fieldset[disabled] & { 123 | &:hover, 124 | &:focus { 125 | color: $btn-link-disabled-color; 126 | text-decoration: none; 127 | } 128 | } 129 | } 130 | 131 | 132 | // Button Sizes 133 | // -------------------------------------------------- 134 | 135 | .btn-lg { 136 | // line-height: ensure even-numbered height of button next to large input 137 | @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large); 138 | } 139 | .btn-sm { 140 | // line-height: ensure proper height of button next to small input 141 | @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 142 | } 143 | .btn-xs { 144 | @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 145 | } 146 | 147 | 148 | // Block button 149 | // -------------------------------------------------- 150 | 151 | .btn-block { 152 | display: block; 153 | width: 100%; 154 | } 155 | 156 | // Vertically space out multiple block buttons 157 | .btn-block + .btn-block { 158 | margin-top: 5px; 159 | } 160 | 161 | // Specificity overrides 162 | input[type="submit"], 163 | input[type="reset"], 164 | input[type="button"] { 165 | &.btn-block { 166 | width: 100%; 167 | } 168 | } 169 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: ($font-size-base * 1.5); 9 | font-weight: $close-font-weight; 10 | line-height: 1; 11 | color: $close-color; 12 | text-shadow: $close-text-shadow; 13 | @include opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: $close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | @include opacity(.5); 21 | } 22 | 23 | // [converter] extracted button& to button.close 24 | } 25 | 26 | // Additional properties for button version 27 | // iOS requires the button element instead of an anchor tag. 28 | // If you want the anchor version, it requires `href="#"`. 29 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 30 | button.close { 31 | padding: 0; 32 | cursor: pointer; 33 | background: transparent; 34 | border: 0; 35 | -webkit-appearance: none; 36 | } 37 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: $font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: (($line-height-computed - 1) / 2); 44 | margin: 0 0 ($line-height-computed / 2); 45 | font-size: ($font-size-base - 1); // 14px to 13px 46 | line-height: $line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: $pre-color; 50 | background-color: $pre-bg; 51 | border: 1px solid $pre-border-color; 52 | border-radius: $border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: $pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_component-animations.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | @include transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | // [converter] extracted tr&.in to tr.collapse.in 23 | // [converter] extracted tbody&.in to tbody.collapse.in 24 | } 25 | 26 | tr.collapse.in { display: table-row; } 27 | 28 | tbody.collapse.in { display: table-row-group; } 29 | 30 | .collapsing { 31 | position: relative; 32 | height: 0; 33 | overflow: hidden; 34 | @include transition-property(height, visibility); 35 | @include transition-duration(.35s); 36 | @include transition-timing-function(ease); 37 | } 38 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | 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 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_input-groups.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Input groups 3 | // -------------------------------------------------- 4 | 5 | // Base styles 6 | // ------------------------- 7 | .input-group { 8 | position: relative; // For dropdowns 9 | display: table; 10 | border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table 11 | 12 | // Undo padding and float of grid classes 13 | &[class*="col-"] { 14 | float: none; 15 | padding-left: 0; 16 | padding-right: 0; 17 | } 18 | 19 | .form-control { 20 | // Ensure that the input is always above the *appended* addon button for 21 | // proper border colors. 22 | position: relative; 23 | z-index: 2; 24 | 25 | // IE9 fubars the placeholder attribute in text inputs and the arrows on 26 | // select elements in input groups. To fix it, we float the input. Details: 27 | // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 28 | float: left; 29 | 30 | width: 100%; 31 | margin-bottom: 0; 32 | 33 | &:focus { 34 | z-index: 3; 35 | } 36 | } 37 | } 38 | 39 | // Sizing options 40 | // 41 | // Remix the default form control sizing classes into new ones for easier 42 | // manipulation. 43 | 44 | .input-group-lg > .form-control, 45 | .input-group-lg > .input-group-addon, 46 | .input-group-lg > .input-group-btn > .btn { 47 | @extend .input-lg; 48 | } 49 | .input-group-sm > .form-control, 50 | .input-group-sm > .input-group-addon, 51 | .input-group-sm > .input-group-btn > .btn { 52 | @extend .input-sm; 53 | } 54 | 55 | 56 | // Display as table-cell 57 | // ------------------------- 58 | .input-group-addon, 59 | .input-group-btn, 60 | .input-group .form-control { 61 | display: table-cell; 62 | 63 | &:not(:first-child):not(:last-child) { 64 | border-radius: 0; 65 | } 66 | } 67 | // Addon and addon wrapper for buttons 68 | .input-group-addon, 69 | .input-group-btn { 70 | width: 1%; 71 | white-space: nowrap; 72 | vertical-align: middle; // Match the inputs 73 | } 74 | 75 | // Text input groups 76 | // ------------------------- 77 | .input-group-addon { 78 | padding: $padding-base-vertical $padding-base-horizontal; 79 | font-size: $font-size-base; 80 | font-weight: normal; 81 | line-height: 1; 82 | color: $input-color; 83 | text-align: center; 84 | background-color: $input-group-addon-bg; 85 | border: 1px solid $input-group-addon-border-color; 86 | border-radius: $input-border-radius; 87 | 88 | // Sizing 89 | &.input-sm { 90 | padding: $padding-small-vertical $padding-small-horizontal; 91 | font-size: $font-size-small; 92 | border-radius: $input-border-radius-small; 93 | } 94 | &.input-lg { 95 | padding: $padding-large-vertical $padding-large-horizontal; 96 | font-size: $font-size-large; 97 | border-radius: $input-border-radius-large; 98 | } 99 | 100 | // Nuke default margins from checkboxes and radios to vertically center within. 101 | input[type="radio"], 102 | input[type="checkbox"] { 103 | margin-top: 0; 104 | } 105 | } 106 | 107 | // Reset rounded corners 108 | .input-group .form-control:first-child, 109 | .input-group-addon:first-child, 110 | .input-group-btn:first-child > .btn, 111 | .input-group-btn:first-child > .btn-group > .btn, 112 | .input-group-btn:first-child > .dropdown-toggle, 113 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 114 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 115 | @include border-right-radius(0); 116 | } 117 | .input-group-addon:first-child { 118 | border-right: 0; 119 | } 120 | .input-group .form-control:last-child, 121 | .input-group-addon:last-child, 122 | .input-group-btn:last-child > .btn, 123 | .input-group-btn:last-child > .btn-group > .btn, 124 | .input-group-btn:last-child > .dropdown-toggle, 125 | .input-group-btn:first-child > .btn:not(:first-child), 126 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 127 | @include border-left-radius(0); 128 | } 129 | .input-group-addon:last-child { 130 | border-left: 0; 131 | } 132 | 133 | // Button input groups 134 | // ------------------------- 135 | .input-group-btn { 136 | position: relative; 137 | // Jankily prevent input button groups from wrapping with `white-space` and 138 | // `font-size` in combination with `inline-block` on buttons. 139 | font-size: 0; 140 | white-space: nowrap; 141 | 142 | // Negative margin for spacing, position for bringing hovered/focused/actived 143 | // element above the siblings. 144 | > .btn { 145 | position: relative; 146 | + .btn { 147 | margin-left: -1px; 148 | } 149 | // Bring the "active" button to the front 150 | &:hover, 151 | &:focus, 152 | &:active { 153 | z-index: 2; 154 | } 155 | } 156 | 157 | // Negative margin to only have a 1px border between the two 158 | &:first-child { 159 | > .btn, 160 | > .btn-group { 161 | margin-right: -1px; 162 | } 163 | } 164 | &:last-child { 165 | > .btn, 166 | > .btn-group { 167 | z-index: 2; 168 | margin-left: -1px; 169 | } 170 | } 171 | } 172 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: $jumbotron-padding; 8 | padding-bottom: $jumbotron-padding; 9 | margin-bottom: $jumbotron-padding; 10 | color: $jumbotron-color; 11 | background-color: $jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: $jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: ($jumbotron-padding / 2); 20 | font-size: $jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken($jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | padding-left: ($grid-gutter-width / 2); 32 | padding-right: ($grid-gutter-width / 2); 33 | } 34 | 35 | .container { 36 | max-width: 100%; 37 | } 38 | 39 | @media screen and (min-width: $screen-sm-min) { 40 | padding-top: ($jumbotron-padding * 1.6); 41 | padding-bottom: ($jumbotron-padding * 1.6); 42 | 43 | .container &, 44 | .container-fluid & { 45 | padding-left: ($jumbotron-padding * 2); 46 | padding-right: ($jumbotron-padding * 2); 47 | } 48 | 49 | h1, 50 | .h1 { 51 | font-size: $jumbotron-heading-font-size; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: $label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // [converter] extracted a& to a.label 18 | 19 | // Empty labels collapse automatically (not available in IE8) 20 | &:empty { 21 | display: none; 22 | } 23 | 24 | // Quick fix for labels in buttons 25 | .btn & { 26 | position: relative; 27 | top: -1px; 28 | } 29 | } 30 | 31 | // Add hover effects, but only for links 32 | a.label { 33 | &:hover, 34 | &:focus { 35 | color: $label-link-hover-color; 36 | text-decoration: none; 37 | cursor: pointer; 38 | } 39 | } 40 | 41 | // Colors 42 | // Contextual variations (linked labels get darker on :hover) 43 | 44 | .label-default { 45 | @include label-variant($label-default-bg); 46 | } 47 | 48 | .label-primary { 49 | @include label-variant($label-primary-bg); 50 | } 51 | 52 | .label-success { 53 | @include label-variant($label-success-bg); 54 | } 55 | 56 | .label-info { 57 | @include label-variant($label-info-bg); 58 | } 59 | 60 | .label-warning { 61 | @include label-variant($label-warning-bg); 62 | } 63 | 64 | .label-danger { 65 | @include label-variant($label-danger-bg); 66 | } 67 | -------------------------------------------------------------------------------- /scss/vendor/bootstrap/bootstrap/_list-group.scss: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on