├── calcite-maps.png ├── samples ├── img │ ├── build.png │ ├── styler.png │ ├── arcgis-3.x.png │ ├── arcgis-4.x.png │ └── esri-leaflet.png └── arcgis-4.x │ └── calcite-maps-example.png ├── calcite-maps-example.png ├── lib ├── fonts │ ├── calcite │ │ ├── calcite-ui.eot │ │ ├── calcite-ui.ttf │ │ └── calcite-ui.woff │ └── avenir-next │ │ ├── Avenir_Next_W00_400.eot │ │ ├── Avenir_Next_W00_400.ttf │ │ ├── Avenir_Next_W00_600.eot │ │ ├── Avenir_Next_W00_600.ttf │ │ ├── Avenir_Next_W00_400.woff │ │ ├── Avenir_Next_W00_400.woff2 │ │ ├── Avenir_Next_W00_600.woff │ │ ├── Avenir_Next_W00_600.woff2 │ │ ├── Avenir_Next_W00_Italic_400.eot │ │ ├── Avenir_Next_W00_Italic_400.ttf │ │ ├── Avenir_Next_W00_Italic_600.eot │ │ ├── Avenir_Next_W00_Italic_600.ttf │ │ ├── Avenir_Next_W00_Italic_400.woff │ │ ├── Avenir_Next_W00_Italic_400.woff2 │ │ ├── Avenir_Next_W00_Italic_600.woff │ │ └── Avenir_Next_W00_Italic_600.woff2 ├── js │ └── dojo-bootstrap │ │ ├── assets │ │ ├── marquee.css │ │ └── marquee.less │ │ ├── bower.json │ │ ├── package.json │ │ ├── bootstrap.profile.js │ │ ├── Alert.js │ │ ├── Popover.js │ │ ├── Button.js │ │ └── Affix.js └── sass │ ├── _body.scss │ ├── _carousel.scss │ ├── _tooltip.scss │ ├── _map-position.scss │ ├── _utils.scss │ ├── build-all.scss │ ├── _color-variables.scss │ ├── build-calcite-maps.scss │ ├── _navbar-position.scss │ ├── _mixins.scss │ ├── _dropdown-theme-dark.scss │ ├── _dropdown-theme-light.scss │ ├── _panel-theme-light.scss │ ├── _panel-theme-dark.scss │ ├── bootstrap-components.scss │ ├── _theme-custom.scss │ ├── build-calcite-maps-bootstrap.scss │ ├── _dropdown-position.scss │ ├── _fonts-avenir.scss │ ├── _panel-position.scss │ ├── layouts │ ├── inline-zoom.scss │ └── large-title.scss │ ├── support │ └── esri-leaflet.scss │ ├── _navbar-theme-dark.scss │ ├── _navbar-theme-light.scss │ └── _dropdown.scss ├── dist ├── fonts │ ├── calcite │ │ ├── calcite-ui.eot │ │ ├── calcite-ui.ttf │ │ └── calcite-ui.woff │ ├── avenir-next │ │ ├── Avenir_Next_W00_400.eot │ │ ├── Avenir_Next_W00_400.ttf │ │ ├── Avenir_Next_W00_400.woff │ │ ├── Avenir_Next_W00_600.eot │ │ ├── Avenir_Next_W00_600.ttf │ │ ├── Avenir_Next_W00_600.woff │ │ ├── Avenir_Next_W00_400.woff2 │ │ ├── Avenir_Next_W00_600.woff2 │ │ ├── Avenir_Next_W00_Italic_400.eot │ │ ├── Avenir_Next_W00_Italic_400.ttf │ │ ├── Avenir_Next_W00_Italic_400.woff │ │ ├── Avenir_Next_W00_Italic_400.woff2 │ │ ├── Avenir_Next_W00_Italic_600.eot │ │ ├── Avenir_Next_W00_Italic_600.ttf │ │ ├── Avenir_Next_W00_Italic_600.woff │ │ └── Avenir_Next_W00_Italic_600.woff2 │ └── bootstrap │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 ├── vendor │ └── dojo-bootstrap │ │ ├── assets │ │ ├── marquee.css │ │ └── marquee.less │ │ ├── bower.json │ │ ├── package.json │ │ ├── bootstrap.profile.js │ │ ├── Alert.js │ │ ├── Popover.js │ │ ├── Button.js │ │ └── Affix.js └── css │ ├── support │ ├── esri-leaflet-v0.10.css │ ├── esri-leaflet-v0.2.css │ ├── esri-leaflet-v0.3.css │ ├── esri-leaflet-v0.4.css │ ├── esri-leaflet-v0.5.css │ ├── esri-leaflet-v0.6.css │ ├── esri-leaflet-v0.7.css │ ├── esri-leaflet-v0.8.css │ ├── esri-leaflet-v0.9.css │ └── arcgis-3.x-v0.2.css │ └── layouts │ ├── large-title-v0.10.css │ ├── large-title-v0.7.css │ ├── large-title-v0.8.css │ ├── large-title-v0.9.css │ ├── large-title-v0.3.css │ ├── large-title-v0.4.css │ ├── large-title-v0.5.css │ ├── large-title-v0.6.css │ ├── small-title-v0.10.css │ ├── small-title-v0.7.css │ ├── small-title-v0.8.css │ ├── small-title-v0.9.css │ ├── small-title-v0.3.css │ ├── small-title-v0.4.css │ ├── small-title-v0.5.css │ ├── small-title-v0.6.css │ ├── inline-zoom-v0.10.css │ ├── inline-zoom-v0.3.css │ ├── inline-zoom-v0.4.css │ ├── inline-zoom-v0.5.css │ ├── inline-zoom-v0.6.css │ ├── inline-zoom-v0.7.css │ ├── inline-zoom-v0.8.css │ └── inline-zoom-v0.9.css ├── .gitignore ├── bower.json ├── package.json └── CHANGELOG.md /calcite-maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/calcite-maps.png -------------------------------------------------------------------------------- /samples/img/build.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/img/build.png -------------------------------------------------------------------------------- /samples/img/styler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/img/styler.png -------------------------------------------------------------------------------- /calcite-maps-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/calcite-maps-example.png -------------------------------------------------------------------------------- /samples/img/arcgis-3.x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/img/arcgis-3.x.png -------------------------------------------------------------------------------- /samples/img/arcgis-4.x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/img/arcgis-4.x.png -------------------------------------------------------------------------------- /samples/img/esri-leaflet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/img/esri-leaflet.png -------------------------------------------------------------------------------- /lib/fonts/calcite/calcite-ui.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/calcite/calcite-ui.eot -------------------------------------------------------------------------------- /lib/fonts/calcite/calcite-ui.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/calcite/calcite-ui.ttf -------------------------------------------------------------------------------- /dist/fonts/calcite/calcite-ui.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/calcite/calcite-ui.eot -------------------------------------------------------------------------------- /dist/fonts/calcite/calcite-ui.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/calcite/calcite-ui.ttf -------------------------------------------------------------------------------- /dist/fonts/calcite/calcite-ui.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/calcite/calcite-ui.woff -------------------------------------------------------------------------------- /lib/fonts/calcite/calcite-ui.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/calcite/calcite-ui.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_400.eot -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_400.ttf -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_600.eot -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_600.ttf -------------------------------------------------------------------------------- /samples/arcgis-4.x/calcite-maps-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/samples/arcgis-4.x/calcite-maps-example.png -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_400.eot -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_400.ttf -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_400.woff -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_600.eot -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_600.ttf -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_600.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_400.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_400.woff2 -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_600.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_600.woff2 -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_400.woff2 -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_600.woff2 -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.ttf -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.ttf -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.ttf -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff2 -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.ttf -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff -------------------------------------------------------------------------------- /dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff2 -------------------------------------------------------------------------------- /dist/fonts/bootstrap/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/bootstrap/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /dist/fonts/bootstrap/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/bootstrap/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /dist/fonts/bootstrap/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/bootstrap/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /dist/fonts/bootstrap/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/dist/fonts/bootstrap/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff2 -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff -------------------------------------------------------------------------------- /lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Esri/calcite-maps/HEAD/lib/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff2 -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/assets/marquee.css: -------------------------------------------------------------------------------- 1 | .marquee { 2 | overflow: hidden; 3 | position: relative; 4 | } 5 | .marquee .marquee-item { 6 | position: absolute; 7 | top: 0px; 8 | left: 0px; 9 | width: 100%; 10 | } -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/assets/marquee.css: -------------------------------------------------------------------------------- 1 | .marquee { 2 | overflow: hidden; 3 | position: relative; 4 | } 5 | .marquee .marquee-item { 6 | position: absolute; 7 | top: 0px; 8 | left: 0px; 9 | width: 100%; 10 | } -------------------------------------------------------------------------------- /lib/sass/_body.scss: -------------------------------------------------------------------------------- 1 | // ┌─────────────────────┐ 2 | // │ Calcite Maps - Body │ 3 | // └─────────────────────┘ 4 | // Body-specific overrides 5 | 6 | .calcite-maps { 7 | overflow: hidden; 8 | // IE fixes 9 | -ms-overflow-style: none; 10 | } -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/assets/marquee.less: -------------------------------------------------------------------------------- 1 | .marquee { 2 | overflow: hidden; 3 | position: relative; 4 | 5 | .marquee-item { 6 | position: absolute; 7 | top: 0px; 8 | left: 0px; 9 | width: 100%; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/assets/marquee.less: -------------------------------------------------------------------------------- 1 | .marquee { 2 | overflow: hidden; 3 | position: relative; 4 | 5 | .marquee-item { 6 | position: absolute; 7 | top: 0px; 8 | left: 0px; 9 | width: 100%; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /lib/sass/_carousel.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────┐ 2 | // │ Calcite Carousel │ 3 | // └──────────────────┘ 4 | 5 | .calcite-carousel { 6 | 7 | .carousel-inner > .item > img { 8 | width: 100%; 9 | } 10 | .carousel { 11 | margin: 30px; 12 | } 13 | 14 | } -------------------------------------------------------------------------------- /lib/sass/_tooltip.scss: -------------------------------------------------------------------------------- 1 | // ┌─────────────────┐ 2 | // │ Calcite Tooltip │ 3 | // └─────────────────┘ 4 | 5 | .calcite-tooltip { 6 | 7 | .tooltip { 8 | min-width: 75px; 9 | } 10 | 11 | } 12 | 13 | .calcite-maps { 14 | 15 | .tooltip-inner { 16 | color: #dcdcdc; 17 | background-color: #191919; 18 | } 19 | 20 | .tooltip .tooltip-arrow { 21 | border-bottom-color: #191919; 22 | } 23 | 24 | .tooltip.in { 25 | opacity: 1; 26 | } 27 | 28 | } -------------------------------------------------------------------------------- /lib/sass/_map-position.scss: -------------------------------------------------------------------------------- 1 | // ┌────────────────────────┐ 2 | // │ Calcite Map - Position │ 3 | // └────────────────────────┘ 4 | // 5 | // Full page and partial page 6 | 7 | 8 | // Map 9 | .calcite-map { 10 | width: auto; 11 | height: auto; 12 | 13 | &.calcite-map-absolute, 14 | .calcite-map-absolute { 15 | position: absolute; 16 | top: 0; 17 | right: 0; 18 | bottom: 0; 19 | left: 0; 20 | } 21 | 22 | &.calcite-map-fixed, 23 | .calcite-map-fixed { 24 | position: relative; 25 | width: $map_fixed_width; 26 | height: $map_fixed_height; 27 | } 28 | } 29 | 30 | -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Dojo-Bootstrap", 3 | "version": "3.0.2", 4 | "homepage": "https://github.com/xsokev/Dojo-Bootstrap", 5 | "authors": [ 6 | "Kevin Armstrong " 7 | ], 8 | "description": "An implementation of the Twitter Bootstrap framework using Dojo.", 9 | "main": "bootstrap.profile.js", 10 | "moduleType": [ 11 | "amd" 12 | ], 13 | "keywords": [ 14 | "Dojo", 15 | "Bootstrap" 16 | ], 17 | "license": "Apache", 18 | "ignore": [ 19 | "**/.*", 20 | "*.md", 21 | "LICENSE", 22 | "node_modules", 23 | "vendor", 24 | "tests", 25 | "composer.json", 26 | "Gruntfile.js" 27 | ] 28 | } 29 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # Logs 3 | logs 4 | *.log 5 | npm-debug.log* 6 | 7 | # Runtime data 8 | pids 9 | *.pid 10 | *.seed 11 | 12 | # Directory for instrumented libs generated by jscoverage/JSCover 13 | lib-cov 14 | 15 | # Coverage directory used by tools like istanbul 16 | coverage 17 | 18 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 19 | .grunt 20 | 21 | # node-waf configuration 22 | .lock-wscript 23 | 24 | # Compiled binary addons (http://nodejs.org/api/addons.html) 25 | build/Release 26 | 27 | # Dependency directory 28 | node_modules 29 | bower_components 30 | 31 | # Optional npm cache directory 32 | .npm 33 | 34 | # Optional REPL history 35 | .node_repl_history -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Dojo-Bootstrap", 3 | "version": "3.0.2", 4 | "homepage": "https://github.com/xsokev/Dojo-Bootstrap", 5 | "authors": [ 6 | "Kevin Armstrong " 7 | ], 8 | "description": "An implementation of the Twitter Bootstrap framework using Dojo.", 9 | "main": "bootstrap.profile.js", 10 | "moduleType": [ 11 | "amd" 12 | ], 13 | "keywords": [ 14 | "Dojo", 15 | "Bootstrap" 16 | ], 17 | "license": "Apache", 18 | "ignore": [ 19 | "**/.*", 20 | "*.md", 21 | "LICENSE", 22 | "node_modules", 23 | "vendor", 24 | "tests", 25 | "composer.json", 26 | "Gruntfile.js" 27 | ] 28 | } 29 | -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dojo-bootstrap", 3 | "version": "3.0.2", 4 | "main": "main", 5 | "description": "Implementation of Bootstrap using the Dojo Toolkit.", 6 | "repository": "xsokev/Dojo-Bootstrap", 7 | "licenses": [ 8 | { 9 | "type": "Apache License", 10 | "url": "http://www.apache.org/licenses/LICENSE-2.0" 11 | } 12 | ], 13 | "bugs": "https://github.com/xsokev/Dojo-Bootstrap/issues", 14 | "keywords": [ 15 | "JavaScript", 16 | "Dojo", 17 | "Bootstrap" 18 | ], 19 | "homepage": "https://github.com/xsokev/Dojo-Bootstrap", 20 | "dojoBuild": "bootstrap.profile.js", 21 | "devDependencies": { 22 | "intern": "^2.0.0", 23 | "grunt": "^0.4.5", 24 | "grunt-se-launch": "^0.1.0", 25 | "grunt-contrib-watch": "^0.6.1" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dojo-bootstrap", 3 | "version": "3.0.2", 4 | "main": "main", 5 | "description": "Implementation of Bootstrap using the Dojo Toolkit.", 6 | "repository": "xsokev/Dojo-Bootstrap", 7 | "licenses": [ 8 | { 9 | "type": "Apache License", 10 | "url": "http://www.apache.org/licenses/LICENSE-2.0" 11 | } 12 | ], 13 | "bugs": "https://github.com/xsokev/Dojo-Bootstrap/issues", 14 | "keywords": [ 15 | "JavaScript", 16 | "Dojo", 17 | "Bootstrap" 18 | ], 19 | "homepage": "https://github.com/xsokev/Dojo-Bootstrap", 20 | "dojoBuild": "bootstrap.profile.js", 21 | "devDependencies": { 22 | "intern": "^2.0.0", 23 | "grunt": "^0.4.5", 24 | "grunt-se-launch": "^0.1.0", 25 | "grunt-contrib-watch": "^0.6.1" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "calcite-maps", 3 | "version": "0.9", 4 | "homepage": "https://github.com/esri/calcite-maps", 5 | "authors": [ 6 | "Allan Laframboise " 7 | ], 8 | "description": "A theme for Bootstrap that makes it easy to design, style and create modern map apps.", 9 | "main": ["dist/js", 10 | "dist/css", 11 | "dist/fonts" 12 | ], 13 | "moduleType": [ 14 | "amd" 15 | ], 16 | "keywords": [ 17 | "Esri", 18 | "ArcGIS", 19 | "Map", 20 | "Map App", 21 | "Calcite", 22 | "Bootstrap", 23 | "Calcite Maps" 24 | ], 25 | "license": "Apache2", 26 | "ignore": [ 27 | "**/.*", 28 | "node_modules", 29 | "bower_components", 30 | "test", 31 | "tests", 32 | "gruntfile.js" 33 | ], 34 | "dependencies": { 35 | "dojo-bootstrap": "~3.0.2" 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /lib/sass/_utils.scss: -------------------------------------------------------------------------------- 1 | // ┌───────┐ 2 | // │ Utils │ 3 | // └───────┘ 4 | // 5 | // Generic and multi-use styles 6 | 7 | 8 | // Popup and panel 9 | 10 | .calcite-index-top { 11 | z-index: 100; 12 | } 13 | 14 | .calcite-index-bottom { 15 | z-index: auto; 16 | } 17 | 18 | .calcite-overflow-visible { 19 | overflow: visible; 20 | } 21 | 22 | .calcite-overflow-hidden { 23 | overflow: hidden; 24 | } 25 | 26 | // Buttons 27 | 28 | .calcite-btn-noborder { 29 | border: none; 30 | } 31 | 32 | // Full width 33 | 34 | .calcite-width-full { 35 | width: 100%; 36 | } 37 | 38 | .visible-xs-flex { 39 | display: none !important; 40 | } 41 | 42 | @media (max-width: 767px) { 43 | .visible-xs-flex { 44 | display: flex !important; 45 | } 46 | } 47 | 48 | @media (min-width: 769px) { 49 | .visible-mobile-only { 50 | display: none !important; 51 | } 52 | } 53 | 54 | // Direction 55 | 56 | .calcite-direction-ltr { 57 | direction: ltr; 58 | } -------------------------------------------------------------------------------- /lib/sass/build-all.scss: -------------------------------------------------------------------------------- 1 | // ┌───────────┐ 2 | // │ Build All │ 3 | // └───────────┘ 4 | // Add/remove components for your app 5 | 6 | // Bootstrap variables overrides (optional) 7 | // $icon-font-path: '../fonts/' !default; 8 | 9 | // Calcite Bootstrap variables and mixins 10 | @import "calcite/colors-default"; // Loads the default calcite colors 11 | 12 | // Font references for bootstrap/calcite-bootstrap 13 | @import "fonts-avenir"; 14 | // Bootstrap variables overrides (optional) 15 | // $icon-font-path: '../fonts/' !default; 16 | // Set variable to change the primary typeface in the font stack 17 | $primary-font-sanserif: "Avenir Next W00", "Avenir Next", "Avenir"; 18 | $primary-font-serif: "Georgia", "Times New Roman", "Times", "serif"; 19 | $primary-headings-weight: 600; 20 | 21 | @import "calcite/variables"; // Loads all the variables (required for bootstrap) 22 | 23 | // Calcite Bootstrap 24 | @import "calcite-bootstrap-components"; 25 | 26 | // Calcite Maps 27 | @import "calcite-maps"; -------------------------------------------------------------------------------- /lib/sass/_color-variables.scss: -------------------------------------------------------------------------------- 1 | // ┌─────────────────┐ 2 | // │ Color Variables │ 3 | // └─────────────────┘ 4 | 5 | @import "colors-default"; 6 | 7 | // Calcite Dark var subset defined here so we compile dark theme 8 | $Calcite_Gray_050_Dark: #242424; 9 | $Calcite_Gray_100_Dark: #333333; 10 | $Calcite_Gray_150_Dark: #363636; 11 | $Calcite_Gray_200_Dark: #404040; 12 | $Calcite_Gray_250_Dark: #474747; 13 | $Calcite_Gray_300_Dark: #4c4c4c; 14 | $Calcite_Gray_350_Dark: #5c5c5c; 15 | $Calcite_Gray_400_Dark: #666666; 16 | $Calcite_Gray_450_Dark: #787878; 17 | $Calcite_Gray_500_Dark: #8a8a8a; 18 | $Calcite_Gray_550_Dark: #9e9e9e; 19 | $Calcite_Gray_600_Dark: #adadad; 20 | $Calcite_Gray_650_Dark: #bdbdbd; 21 | $Calcite_Gray_700_Dark: #d1d1d1; 22 | // Anchors 23 | $Calcite_Highlight_Blue_350_Dark: #2493f2; // Active 24 | $Calcite_Highlight_Blue_400_Dark: #3fa6ff; // Active Accent 25 | 26 | // Additional colors 27 | $Calcite_True_White: #ffffff; 28 | $Calcite_True_Black: #000000; 29 | -------------------------------------------------------------------------------- /lib/sass/build-calcite-maps.scss: -------------------------------------------------------------------------------- 1 | // ┌─────────────────────────┐ 2 | // │ Calcite Maps Components │ 3 | // └─────────────────────────┘ 4 | // Map app-specific overrides for Bootstrap 5 | 6 | /*! 7 | * Calcite Maps v0.9.0 (http://github.com/esri/calcite-maps) 8 | * Copyright 2016 Esri 9 | * Licensed under Apache (http://www.apache.org/licenses/LICENSE-2.0) 10 | */ 11 | 12 | $avenir-font-path: "../fonts/avenir-next/" !default; // Output path './dist/calcite-maps/fonts/avenir-next/' 13 | 14 | @import 'variables'; 15 | @import "fonts-avenir"; 16 | @import 'colors'; 17 | @import 'mixins'; 18 | @import 'utils'; 19 | @import 'body'; 20 | @import 'map-position'; 21 | @import 'navbar'; 22 | @import 'navbar-position'; 23 | @import 'navbar-theme-dark'; 24 | @import 'navbar-theme-light'; 25 | @import 'dropdown'; 26 | @import 'dropdown-position'; 27 | @import 'dropdown-theme-dark'; 28 | @import 'dropdown-theme-light'; 29 | @import 'panel'; 30 | @import 'panel-position'; 31 | @import 'panel-theme-dark'; 32 | @import 'panel-theme-light'; 33 | @import 'theme-custom'; 34 | @import 'carousel'; 35 | @import 'tooltip'; -------------------------------------------------------------------------------- /lib/sass/_navbar-position.scss: -------------------------------------------------------------------------------- 1 | // ┌───────────────────────────┐ 2 | // │ Calcite Navbar - Position │ 3 | // └───────────────────────────┘ 4 | // 5 | // Styles for nav positions 6 | 7 | // Nav top 8 | 9 | .calcite-nav-top { 10 | top: 0; 11 | bottom: auto; 12 | } 13 | 14 | // Nav bottom 15 | 16 | .calcite-nav-bottom { 17 | top: auto; 18 | bottom: 0; 19 | } 20 | 21 | // Fixed map offset - top 22 | 23 | .calcite-nav-top-fixed, 24 | .calcite-nav-top-fixed .calcite-map-absolute { 25 | top: $navbar_height; 26 | bottom: 0; 27 | } 28 | 29 | // Fixed map offset - bottom 30 | 31 | .calcite-nav-bottom-fixed, 32 | .calcite-nav-bottom-fixed .calcite-map-absolute { 33 | top: 0; 34 | bottom: $navbar_height; 35 | } 36 | 37 | // Top margin 38 | 39 | .calcite-margin-top .calcite-navbar { 40 | margin-top: $navbar_margin; 41 | margin-bottom: 0; 42 | } 43 | 44 | // Bottom margin 45 | 46 | .calcite-margin-bottom .calcite-navbar { 47 | margin-top: 0; 48 | margin-bottom: $navbar_margin; 49 | } 50 | 51 | // All margin 52 | 53 | .calcite-margin-all .calcite-navbar { 54 | margin: $navbar_margin; 55 | } -------------------------------------------------------------------------------- /lib/sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | // ┌────────┐ 2 | // │ Mixins │ 3 | // └────────┘ 4 | // 5 | 6 | @mixin linear-gradient($direction, $trans_percentage_height, $color) { 7 | //background-image: linear-gradient($direction, #{transparent calc(100% - #{$height}}, #{$color $height}); 8 | background-image: linear-gradient($direction, #{transparent $trans_percentage_height}, #{$color $navbar_decoration_color_height}); 9 | 10 | //linear-gradient(to top,transparent 92%,#3b8fc4 93%,#3b8fc4 100%) 11 | } 12 | 13 | @mixin custom-theme-tab-shadow($shadow) { 14 | -webkit-box-shadow: #{$shadow}; 15 | -moz-box-shadow: #{$shadow}; 16 | box-shadow: #{$shadow}; 17 | } 18 | 19 | @mixin custom-theme-placholder($color, $opacity) { 20 | &::-webkit-input-placeholder { 21 | color: $color; 22 | opacity: $opacity; 23 | } 24 | &::-moz-placeholder { /* Firefox 19+ */ 25 | color: $color; 26 | opacity: $opacity; 27 | } 28 | &:-ms-input-placeholder { 29 | color: $color; 30 | opacity: $opacity; 31 | } 32 | &:-moz-placeholder { /* Firefox 18- */ 33 | color: $color; 34 | opacity: $opacity; 35 | } 36 | &::placeholder { 37 | color: $color; 38 | opacity: $opacity; 39 | } 40 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "calcite-maps", 3 | "version": "0.9.0", 4 | "description": "Web map app design framework", 5 | "main": "\"\"", 6 | "dependencies": { 7 | "grunt-cli": "^0.1.13", 8 | "npm": "^6.4.1" 9 | }, 10 | "devDependencies": { 11 | "bootstrap-sass": "^3.3.7", 12 | "grunt": "^0.4.5", 13 | "grunt-browser-sync": "^2.2.0", 14 | "grunt-contrib-copy": "^0.8.2", 15 | "grunt-contrib-cssmin": "^0.14.0", 16 | "grunt-contrib-uglify": "^0.11.1", 17 | "grunt-contrib-watch": "^0.6.1", 18 | "grunt-sass": "^1.1.0", 19 | "matchdep": "^1.0.0", 20 | "node-sass": "^3.4.2" 21 | }, 22 | "scripts": { 23 | "test": "echo \"Error: no test specified\" && exit 1" 24 | }, 25 | "repository": { 26 | "type": "git", 27 | "url": "git+https://github.com/alaframboise/calcite-maps.git" 28 | }, 29 | "keywords": [ 30 | "Map", 31 | "App", 32 | "Web", 33 | "Framework", 34 | "Bootstrap" 35 | ], 36 | "author": "Allan Laframboise", 37 | "license": "Apache2", 38 | "bugs": { 39 | "url": "https://github.com/alaframboise/calcite-maps/issues" 40 | }, 41 | "homepage": "https://github.com/alaframboise/calcite-maps#readme" 42 | } 43 | -------------------------------------------------------------------------------- /lib/sass/_dropdown-theme-dark.scss: -------------------------------------------------------------------------------- 1 | // ┌───────────────────────────────┐ 2 | // │ Calcite Dropdown - Theme Dark │ 3 | // └───────────────────────────────┘ 4 | // 5 | // Dark background, light text 6 | // Styles for text color, hover and background for dropdown 7 | 8 | .calcite-dropdown { 9 | 10 | &.calcite-bg-dark { 11 | 12 | .dropdown-menu { 13 | background-color: $theme_dark_dropdown_menu_bg; 14 | -webkit-box-shadow: $theme_dark_dropdown_menu_shadow; 15 | box-shadow: $theme_dark_dropdown_menu_shadow; 16 | li > a:hover, 17 | li > a:focus { 18 | background-color: $theme_dark_dropdown_menu_bg_hover; 19 | } 20 | .active > a, 21 | .active > a:hover, 22 | .active > a:focus { 23 | background-color: $theme_dark_dropdown_menu_bg_hover; 24 | } 25 | } 26 | } 27 | 28 | &.calcite-text-light { 29 | 30 | .dropdown-menu { 31 | li > a { 32 | color: $theme_dark_dropdown_menu_text_color; 33 | } 34 | li > a:hover, 35 | li > a:focus { 36 | color: $theme_dark_dropdown_menu_text_color; 37 | } 38 | // Optional 39 | // .active > a, 40 | // .active > a:hover, 41 | // .active > a:focus { 42 | // color: $theme_dark_dropdown_menu_text_color; 43 | // } 44 | } 45 | } 46 | } -------------------------------------------------------------------------------- /lib/sass/_dropdown-theme-light.scss: -------------------------------------------------------------------------------- 1 | // ┌────────────────────────────────┐ 2 | // │ Calcite Dropdown - Theme Light │ 3 | // └────────────────────────────────┘ 4 | // 5 | // Light background, dark text 6 | // Styles for text color, hover and background for dropdown 7 | 8 | .calcite-dropdown { 9 | 10 | &.calcite-bg-light { 11 | 12 | .dropdown-menu { 13 | background-color: $theme_light_dropdown_menu_bg; 14 | -webkit-box-shadow: $theme_light_dropdown_menu_shadow; 15 | box-shadow: $theme_light_dropdown_menu_shadow; 16 | li > a:hover, 17 | li > a:focus { 18 | background-color: $theme_light_dropdown_menu_bg_hover; 19 | } 20 | .active > a, 21 | .active > a:hover, 22 | .active > a:focus { 23 | background-color: $theme_light_dropdown_menu_bg_hover; 24 | } 25 | } 26 | } 27 | 28 | &.calcite-text-dark { 29 | 30 | .dropdown-menu { 31 | li > a { 32 | color: $theme_light_dropdown_menu_text_color; 33 | } 34 | li > a:hover, 35 | li > a:focus { 36 | color: $theme_light_dropdown_menu_text_color; 37 | } 38 | // Optional 39 | // .active > a, 40 | // .active > a:hover, 41 | // .active > a:focus { 42 | // color: $theme_light_dropdown_menu_text_color_hover; 43 | // } 44 | } 45 | } 46 | } -------------------------------------------------------------------------------- /lib/sass/_panel-theme-light.scss: -------------------------------------------------------------------------------- 1 | // ┌────────────────────────────┐ 2 | // │ Calcie Panel - Theme Light │ 3 | // └────────────────────────────┘ 4 | // 5 | // Light background, dark text (defaults) 6 | // Text color, hover and background for panels and controls 7 | 8 | .calcite-panels { 9 | 10 | &.calcite-bg-light { 11 | 12 | .panel-heading { 13 | background-color: $theme_light_panel_header_bg; 14 | } 15 | 16 | .panel-heading:hover { 17 | background-color: $theme_light_panel_header_bg_hover; 18 | } 19 | 20 | } 21 | 22 | &.calcite-text-dark { 23 | 24 | // .panel { 25 | // color: $theme_light_panel_text_color; 26 | // } 27 | 28 | // Header 29 | 30 | .panel-heading { 31 | color: $theme_light_panel_header_text_color; 32 | } 33 | 34 | // Toggle header 35 | 36 | .panel-toggle { 37 | color: $theme_light_panel_header_text_color; 38 | } 39 | 40 | .panel-toggle:focus, 41 | .panel-toggle:hover { 42 | color: $theme_light_panel_header_text_color; 43 | } 44 | 45 | // Close 46 | 47 | .panel-close { 48 | color: $theme_light_panel_header_close_color; 49 | } 50 | 51 | .panel-close:focus, 52 | .panel-close:hover { 53 | color: $theme_light_panel_header_text_color_hover; 54 | } 55 | 56 | } 57 | } 58 | 59 | @media (max-width: $panels_breakpoint_width_mobile) { 60 | .calcite-nav-bottom { 61 | .calcite-bg-light { 62 | .panel-body { 63 | border-bottom: 1px solid $theme_light_panel_header_bg; 64 | } 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /lib/sass/_panel-theme-dark.scss: -------------------------------------------------------------------------------- 1 | // ┌────────────────────────────┐ 2 | // │ Calcite Panel - Theme Dark │ 3 | // └────────────────────────────┘ 4 | // 5 | // Dark background, light text 6 | // Styles for text color, hover and background for panels and controls 7 | 8 | .calcite-panels { 9 | 10 | &.calcite-bg-dark { 11 | 12 | .panel-heading { 13 | background-color: $theme_dark_panel_header_bg; 14 | } 15 | 16 | .panel-heading:hover { 17 | background-color: $theme_dark_panel_header_bg_hover; 18 | } 19 | 20 | } 21 | 22 | &.calcite-text-light { 23 | 24 | // .panel { 25 | // color: $theme_dark_panel_text_color; 26 | // } 27 | 28 | // Header 29 | 30 | .panel-heading { 31 | color: $theme_dark_panel_header_text_color; 32 | } 33 | 34 | // Toggle header 35 | 36 | .panel-toggle { 37 | color: $theme_dark_panel_header_text_color; 38 | } 39 | 40 | .panel-toggle:focus, 41 | .panel-toggle:hover { 42 | color: $theme_dark_panel_header_text_color; 43 | } 44 | 45 | // Close 46 | 47 | .panel-close { 48 | color: $theme_dark_panel_header_close_color; 49 | } 50 | 51 | .panel-close:focus, 52 | .panel-close:hover { 53 | color: $theme_dark_panel_header_text_color_hover; 54 | } 55 | 56 | } 57 | } 58 | 59 | @media (max-width: $panels_breakpoint_width_mobile) { 60 | .calcite-nav-bottom { 61 | .calcite-bg-dark { 62 | .panel-body { 63 | border-bottom: 1px solid $theme_dark_panel_header_bg; 64 | } 65 | } 66 | } 67 | } 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /lib/sass/bootstrap-components.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────┐ 2 | // │ Bootstrap Components │ 3 | // └──────────────────────┘ 4 | // Add/remove components for your app 5 | 6 | $icon-font-path: '../fonts/bootstrap/'; // Output path to './dist/calcite-maps/fonts/' 7 | 8 | // Core variables and mixins (uses Calcite Bootstrap variables) 9 | //@import "bootstrap/variables"; 10 | @import "bootstrap/mixins"; 11 | 12 | // Reset and dependencies 13 | @import "bootstrap/normalize"; 14 | @import "bootstrap/print"; 15 | @import "bootstrap/glyphicons"; 16 | 17 | // Core CSS 18 | @import "bootstrap/scaffolding"; 19 | @import "bootstrap/type"; 20 | @import "bootstrap/code"; 21 | @import "bootstrap/grid"; 22 | @import "bootstrap/tables"; 23 | @import "bootstrap/forms"; 24 | @import "bootstrap/buttons"; 25 | 26 | // Components 27 | @import "bootstrap/component-animations"; 28 | @import "bootstrap/dropdowns"; 29 | @import "bootstrap/button-groups"; 30 | @import "bootstrap/input-groups"; 31 | @import "bootstrap/navs"; 32 | @import "bootstrap/navbar"; 33 | @import "bootstrap/jumbotron"; 34 | @import "bootstrap/panels"; 35 | @import "bootstrap/responsive-embed"; 36 | @import "bootstrap/close"; 37 | @import "bootstrap/list-group"; 38 | 39 | // Components w/ JavaScript 40 | @import "bootstrap/modals"; 41 | @import "bootstrap/tooltip"; 42 | @import "bootstrap/carousel"; 43 | @import "bootstrap/alerts"; 44 | 45 | // Utility classes 46 | @import "bootstrap/utilities"; 47 | @import "bootstrap/responsive-utilities"; 48 | 49 | // Not required by Calcite Maps 50 | //------------------------------ 51 | // @import "bootstrap/breadcrumbs"; 52 | // @import "bootstrap/pagination"; 53 | // @import "bootstrap/pager"; 54 | // @import "bootstrap/labels"; 55 | // @import "bootstrap/badges"; 56 | // @import "bootstrap/thumbnails"; 57 | // @import "bootstrap/progress-bars"; 58 | // @import "bootstrap/media"; 59 | // @import "bootstrap/popovers"; 60 | // @import "bootstrap/wells"; 61 | 62 | 63 | -------------------------------------------------------------------------------- /lib/sass/_theme-custom.scss: -------------------------------------------------------------------------------- 1 | // ┌────────────────┐ 2 | // │ Theme - Custom │ 3 | // └────────────────┘ 4 | // 5 | // Style overrides for custom background colors for entire ui 6 | 7 | 8 | // Navbar 9 | 10 | // .calcite-navbar { 11 | 12 | // &.calcite-bg-custom { 13 | 14 | // &.navbar { 15 | // //background-color: $theme_custom_navbar_bg; 16 | // } 17 | 18 | // } 19 | // } 20 | 21 | // Dropdown 22 | 23 | .calcite-dropdown { 24 | 25 | &.calcite-bg-custom { 26 | 27 | // .dropdown-menu::before { 28 | // content: ""; 29 | // background-image: linear-gradient(rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)); 30 | // width: 100%; 31 | // height: 100%; 32 | // position: absolute; 33 | // z-index: -1; 34 | // } 35 | 36 | .dropdown-menu { 37 | background-color: $theme_custom_dropdown_menu_bg; 38 | -webkit-box-shadow: $theme_custom_dropdown_menu_shadow; 39 | box-shadow: $theme_custom_dropdown_menu_shadow; 40 | 41 | li > a:hover, 42 | li > a:focus { 43 | background-color: $theme_custom_dropdown_menu_bg_hover; 44 | } 45 | 46 | .active > a, 47 | .active > a:hover, 48 | .active > a:focus { 49 | background-color: $theme_custom_dropdown_menu_bg_hover; 50 | } 51 | } 52 | } 53 | } 54 | 55 | // Panels 56 | 57 | .calcite-panels { 58 | 59 | &.calcite-bg-custom { 60 | 61 | .panel { 62 | //background-color: $theme_custom_panel_bg; 63 | background-color: transparent; 64 | } 65 | 66 | .panel-heading { 67 | background-color: $theme_custom_panel_header_bg; 68 | } 69 | 70 | .panel-heading:hover, 71 | .panel-heading:focus { 72 | background-color: $theme_custom_panel_header_bg_hover; 73 | } 74 | 75 | } 76 | } 77 | 78 | .calcite-nav-bottom { 79 | .calcite-bg-custom { 80 | .panel-body { 81 | border-bottom: 1px solid $theme_custom_panel_header_bg; 82 | } 83 | } 84 | } -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/bootstrap.profile.js: -------------------------------------------------------------------------------- 1 | var profile = (function(){ 2 | var testResourceRe = /^bootstrap\/tests\//; 3 | 4 | var ignore = function(filename, mid){ 5 | var list = { 6 | "bootstrap/.gitignore" : true 7 | }; 8 | return (mid in list) || 9 | /^bootstrap\/vendor\//.test(mid); 10 | }; 11 | 12 | var test = function(filename, mid){ 13 | var list = { 14 | "bootstrap/tests" : true 15 | }; 16 | return (mid in list) || 17 | testResourceRe.test(mid); 18 | }; 19 | 20 | var copyOnly = function(filename, mid){ 21 | var list = { 22 | "bootstrap/bootstrap.profile" : true, 23 | "bootstrap/package.json" : true, 24 | "bootstrap/LICENSE" : true, 25 | "bootstrap/README.md" : true 26 | }; 27 | return (mid in list) || 28 | /(png|jpg|jpeg|gif|tiff)$/.test(filename); 29 | }; 30 | 31 | var miniExclude = function(filename, mid){ 32 | var list = { 33 | "bootstrap/LICENCE" : true, 34 | "bootstrap/README.md" : true 35 | }; 36 | return (mid in list); 37 | }; 38 | 39 | return { 40 | resourceTags:{ 41 | 42 | ignore: function(filename, mid){ 43 | return ignore(filename, mid); 44 | }, 45 | 46 | test: function(filename, mid){ 47 | return test(filename, mid); 48 | }, 49 | 50 | copyOnly: function(filename, mid){ 51 | return copyOnly(filename, mid); 52 | }, 53 | 54 | miniExclude: function(filename, mid){ 55 | return miniExclude(filename, mid); 56 | }, 57 | 58 | amd: function(filename, mid){ 59 | return !test(filename, mid) && 60 | !copyOnly(filename, mid) && 61 | !ignore(filename, mid) && 62 | (/\.js$/).test(filename); 63 | } 64 | } 65 | }; 66 | })(); -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/bootstrap.profile.js: -------------------------------------------------------------------------------- 1 | var profile = (function(){ 2 | var testResourceRe = /^bootstrap\/tests\//; 3 | 4 | var ignore = function(filename, mid){ 5 | var list = { 6 | "bootstrap/.gitignore" : true 7 | }; 8 | return (mid in list) || 9 | /^bootstrap\/vendor\//.test(mid); 10 | }; 11 | 12 | var test = function(filename, mid){ 13 | var list = { 14 | "bootstrap/tests" : true 15 | }; 16 | return (mid in list) || 17 | testResourceRe.test(mid); 18 | }; 19 | 20 | var copyOnly = function(filename, mid){ 21 | var list = { 22 | "bootstrap/bootstrap.profile" : true, 23 | "bootstrap/package.json" : true, 24 | "bootstrap/LICENSE" : true, 25 | "bootstrap/README.md" : true 26 | }; 27 | return (mid in list) || 28 | /(png|jpg|jpeg|gif|tiff)$/.test(filename); 29 | }; 30 | 31 | var miniExclude = function(filename, mid){ 32 | var list = { 33 | "bootstrap/LICENCE" : true, 34 | "bootstrap/README.md" : true 35 | }; 36 | return (mid in list); 37 | }; 38 | 39 | return { 40 | resourceTags:{ 41 | 42 | ignore: function(filename, mid){ 43 | return ignore(filename, mid); 44 | }, 45 | 46 | test: function(filename, mid){ 47 | return test(filename, mid); 48 | }, 49 | 50 | copyOnly: function(filename, mid){ 51 | return copyOnly(filename, mid); 52 | }, 53 | 54 | miniExclude: function(filename, mid){ 55 | return miniExclude(filename, mid); 56 | }, 57 | 58 | amd: function(filename, mid){ 59 | return !test(filename, mid) && 60 | !copyOnly(filename, mid) && 61 | !ignore(filename, mid) && 62 | (/\.js$/).test(filename); 63 | } 64 | } 65 | }; 66 | })(); -------------------------------------------------------------------------------- /lib/sass/build-calcite-maps-bootstrap.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────┐ 2 | // │ Bootstrap Components │ 3 | // └──────────────────────┘ 4 | // Add/remove components for your app 5 | 6 | $icon-font-path: '../fonts/bootstrap/' !default; // Output path './dist/calcite-maps/fonts/bootstrap' 7 | 8 | // Bootstrap overrides 9 | $font-family-sans-serif: "Avenir Next W00", "Avenir Next", "Avenir" !default; 10 | $border-radius-base: 0 !default; 11 | $border-radius-large: 0 !default; 12 | $border-radius-small: 0 !default; 13 | $headings-font-weight: 400 !default; 14 | 15 | // Boostrap Variables 16 | @import "bootstrap/variables"; 17 | @import "bootstrap/mixins"; 18 | 19 | // Reset and dependencies 20 | @import "bootstrap/normalize"; 21 | @import "bootstrap/glyphicons"; 22 | 23 | // Core CSS 24 | @import "bootstrap/scaffolding"; 25 | @import "bootstrap/type"; 26 | @import "bootstrap/code"; 27 | @import "bootstrap/grid"; 28 | @import "bootstrap/tables"; 29 | @import "bootstrap/forms"; 30 | @import "bootstrap/buttons"; 31 | 32 | // Components 33 | @import "bootstrap/component-animations"; 34 | @import "bootstrap/dropdowns"; 35 | @import "bootstrap/button-groups"; 36 | @import "bootstrap/input-groups"; 37 | @import "bootstrap/navs"; 38 | @import "bootstrap/navbar"; 39 | @import "bootstrap/jumbotron"; 40 | @import "bootstrap/panels"; 41 | @import "bootstrap/responsive-embed"; 42 | @import "bootstrap/close"; 43 | @import "bootstrap/list-group"; 44 | 45 | // Components w/ JavaScript 46 | @import "bootstrap/modals"; 47 | @import "bootstrap/tooltip"; 48 | @import "bootstrap/carousel"; 49 | @import "bootstrap/alerts"; 50 | 51 | // Utility classes 52 | @import "bootstrap/utilities"; 53 | @import "bootstrap/responsive-utilities"; 54 | 55 | // Not required by Calcite Maps 56 | //------------------------------ 57 | // @import "bootstrap/print"; 58 | // @import "bootstrap/breadcrumbs"; 59 | // @import "bootstrap/pagination"; 60 | // @import "bootstrap/pager"; 61 | // @import "bootstrap/labels"; 62 | // @import "bootstrap/badges"; 63 | // @import "bootstrap/thumbnails"; 64 | // @import "bootstrap/progress-bars"; 65 | // @import "bootstrap/media"; 66 | // @import "bootstrap/popovers"; 67 | // @import "bootstrap/wells"; 68 | 69 | 70 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | This project adheres to [Semantic Versioning](http://semver.org/). 5 | 6 | ## [Upcoming changes][unreleased] 7 | 8 | * Better integration with ArcGIS JS 4 Sass 9 | 10 | ## [0.0.3-beta] 11 | 12 | ### Changed 13 | 14 | * Removed dependency on Calcite Bootstrap and simplified build 15 | * Removed overscroll work-around 16 | * Updated http to https refs 17 | * Fine-tuned styles and navbar heights 18 | * Fixed some layout panel positioning 19 | * Updated themes to support ArcGIS JS 3.19 and 4.2 20 | * Updated Bootstrap Sass 21 | * Renamed calcite-bootstrap to calcite-maps-bootstrap for Bootstrap build 22 | * Updated all samples to ref v0.3 23 | 24 | ### Added 25 | 26 | * Calcite fonts 27 | * Sass refs to local fonts 28 | 29 | ## [0.0.2-beta] 30 | 31 | ### Changed 32 | 33 | Classes 34 | * “calcite-“ appended to all classes - no longer required to add calcite-maps to 35 | * Colors are now calcite-bgcolor-xxx 36 | 37 | Navbar 38 | * Required calcite-bg-light calcite-text-dark and calcite-bg-dark calcite-text-light or calcite-bg-custom 39 | * Flex-based 40 | * Removed container-fluid and collapse 41 | * Single dropdown-toggle 42 | * Nav toggle via menu vs brand 43 | 44 | Theme 45 | * Support for custom themes (calcite-bg-custom) on-the-fly (navbar, dropdown and panel) 46 | 47 | Panels 48 | * Required calcite-bg-light calcite-text-dark and calcite-bg-dark calcite-text-light or calcite-bg-custom 49 | * Removed outer panel container 50 | 51 | calcitemaps.js 52 | * Simplified logic 53 | * Added options 54 | * Toggle is controlled from an li a 55 | 56 | Samples 57 | * Styler - Custom theme and color picker, improved panelsettings.js 58 | * Samples - 4.x - Added panel/popup collision logic 59 | 60 | Build 61 | * Separated calcite maps from calcite bootstrap build (now can be referenced independently) 62 | * Pure bootstrap builds can be referenced alongside calcite-maps 63 | 64 | ### Added 65 | 66 | * Custom themes 67 | * Mixins 68 | * Options for calcitemaps.js 69 | 70 | ## [0.0.1-beta] 71 | 72 | ### Changed 73 | 74 | * Initial install of main CSS files and demos 75 | * Demo apps for: 76 | * ArcGIS JS 4.0 Beta 1 77 | * ArcGIS JS 3.15 or less 78 | * Esri-Leaflet 79 | 80 | ### Added 81 | 82 | * CSS files, JS in dojo and jQuery, demos -------------------------------------------------------------------------------- /lib/sass/_dropdown-position.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────┐ 2 | // │ Calcite Dropdown │ 3 | // └──────────────────┘ 4 | // 5 | // Styling for nav dropdown 6 | 7 | // Navbar - Top 8 | 9 | // Default 10 | 11 | .calcite-nav-top, 12 | .calcite-nav-top-fixed { 13 | .calcite-dropdown .dropdown-menu { 14 | top: 100%; 15 | bottom: auto; 16 | } 17 | } 18 | 19 | // Menu drawer 20 | 21 | .calcite-nav-top, 22 | .calcite-nav-top-fixed { 23 | .calcite-dropdown { 24 | .calcite-menu-drawer { 25 | top: $navbar_height; 26 | bottom: 0; // $map_attribution_height 27 | } 28 | } 29 | } 30 | 31 | .calcite-nav-top.calcite-margin-top, 32 | .calcite-nav-top.calcite-margin-all { 33 | .calcite-dropdown { 34 | .calcite-menu-drawer { 35 | top: $navbar_height + $base_ui_margin; 36 | bottom: 0; // $map_attribution_height 37 | } 38 | } 39 | } 40 | 41 | // Navbar - Bottom 42 | 43 | // Default 44 | 45 | .calcite-nav-bottom, 46 | .calcite-nav-bottom-fixed { 47 | .calcite-dropdown .dropdown-menu { 48 | top: auto; 49 | bottom: 100%; 50 | } 51 | } 52 | 53 | // Mernu drawer 54 | 55 | .calcite-nav-bottom, 56 | .calcite-nav-bottom-fixed { 57 | .calcite-dropdown { 58 | .calcite-menu-drawer { 59 | top: 0; // $map_attribution_height 60 | bottom: $navbar_height; 61 | } 62 | } 63 | } 64 | 65 | .calcite-nav-bottom.calcite-margin-bottom, 66 | .calcite-nav-bottom.calcite-margin-all { 67 | .calcite-dropdown { 68 | .calcite-menu-drawer { 69 | top: 0; // $map_attribution_height 70 | bottom: $navbar_height + $base_ui_margin; 71 | } 72 | } 73 | } 74 | 75 | // Mobile screens 76 | 77 | @media (max-width: $panels_breakpoint_width_mobile) { 78 | 79 | // Menu drawer - no drawer in mobile! 80 | 81 | // .calcite-nav-top, 82 | // .calcite-nav-top-fixed, 83 | // .calcite-nav-top.calcite-margin-top, 84 | // .calcite-nav-top.calcite-margin-all { 85 | // .calcite-dropdown { 86 | // &.calcite-dropdown-drawer .dropdown-menu { 87 | // top: 100%; 88 | // bottom: auto; 89 | // max-height: none; 90 | // } 91 | // } 92 | // } 93 | 94 | // .calcite-nav-bottom, 95 | // .calcite-nav-bottom-fixed, 96 | // .calcite-nav-bottom.calcite-margin-top, 97 | // .calcite-nav-bottom.calcite-margin-all { 98 | // .calcite-dropdown { 99 | // &.calcite-dropdown-drawer .dropdown-menu { 100 | // position: absolute; 101 | // top: 100%; 102 | // bottom: auto; 103 | // max-height: none; 104 | // } 105 | // } 106 | // } 107 | 108 | } 109 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.10.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.2.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | padding-top: 9px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 32px; 19 | height: 32px; 20 | line-height: 32px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.3.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.4.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.5.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.6.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.7.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.8.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /dist/css/support/esri-leaflet-v0.9.css: -------------------------------------------------------------------------------- 1 | [class^="esri-icon-"]:before, 2 | [class*=" esri-icon-"]:before, 3 | [class^="icon-ui-"]:before, 4 | [class*=" icon-ui-"]:before { 5 | padding: 0; 6 | line-height: 1; } 7 | 8 | .calcite-navbar-search { 9 | margin-top: 15px; } 10 | 11 | .calcite-panels { 12 | z-index: 1000; } 13 | 14 | .calcite-map .leaflet-control-zoom.leaflet-control { 15 | margin: 15px 15px 30px 15px; } 16 | 17 | .calcite-map .leaflet-control-zoom.leaflet-bar > a { 18 | width: 30px; 19 | height: 30px; 20 | line-height: 30px; 21 | border-radius: 0; } 22 | 23 | .calcite-nav-top .calcite-map .leaflet-control-zoom { 24 | margin-top: 65px; } 25 | 26 | .calcite-nav-top.calcite-margin-top .calcite-map .leaflet-control-zoom, 27 | .calcite-nav-top.calcite-margin-all .calcite-map .leaflet-control-zoom { 28 | margin-top: 80px; } 29 | 30 | .calcite-nav-bottom .calcite-map .leaflet-control-zoom, 31 | .calcite-nav-bottom-fixed .calcite-map .leaflet-control-zoom { 32 | margin-top: 30px; } 33 | 34 | .calcite-map .esri-leaflet-logo.leaflet-control { 35 | position: fixed; 36 | bottom: 0; 37 | right: 0; 38 | margin: 16px 2px !important; } 39 | 40 | .calcite-map .esri-leaflet-logo > a > img { 41 | max-width: 43px !important; } 42 | 43 | .calcite-map .leaflet-control-attribution { 44 | position: fixed; 45 | bottom: 0; 46 | left: 0; 47 | right: 0; 48 | white-space: nowrap; 49 | overflow: hidden; 50 | line-height: 15px; } 51 | 52 | .calcite-nav-bottom .leaflet-control-attribution, 53 | .calcite-nav-bottom .esri-leaflet-logo.leaflet-control, 54 | .calcite-nav-bottom-fixed .leaflet-control-attribution, 55 | .calcite-nav-bottom-fixed .esri-leaflet-logo.leaflet-control { 56 | top: 0; 57 | bottom: auto; } 58 | 59 | .geocoder-control .geocoder-control-input { 60 | padding: 7px; 61 | box-shadow: none; 62 | border-radius: 0; 63 | border: 1px #959595 solid; } 64 | 65 | .geocoder-control .geocoder-control-suggestions { 66 | box-shadow: none; 67 | border-radius: 0; 68 | border: 1px solid #ccc; } 69 | 70 | .calcite-navbar .geocoder-control { 71 | margin-top: 0; } 72 | 73 | .calcite-panels .geocoder-control { 74 | margin: 4px 0 6px; 75 | width: 100%; } 76 | .calcite-panels .geocoder-control .geocoder-control-input { 77 | padding: 9px; } 78 | .calcite-panels .geocoder-control .geocoder-control-suggestions .geocoder-control-suggestion { 79 | color: #000; } 80 | 81 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 82 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 83 | top: auto; 84 | bottom: 101%; } 85 | 86 | .calcite-map .leaflet-popup-content-wrapper { 87 | border-radius: 0; } 88 | 89 | .calcite-map .leaflet-popup-content { 90 | min-width: 100px; } 91 | -------------------------------------------------------------------------------- /lib/sass/_fonts-avenir.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | This CSS resource incorporates links to font software which is the valuable copyrighted 3 | property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, 4 | redistribute, convert, modify or reverse engineer this font software. Please contact Monotype 5 | Imaging with any questions regarding Web Fonts: http://www.fonts.com 6 | */ 7 | 8 | body { 9 | font-family: "Avenir Next W00", "Avenir Next", "Avenir"; 10 | -webkit-font-smoothing: subpixel-antialiased; // Safari fix 11 | } 12 | 13 | @font-face { 14 | font-family: "Avenir Next W00"; 15 | src: url($avenir-font-path+"Avenir_Next_W00_400.eot?#iefix"); 16 | src: url($avenir-font-path + "Avenir_Next_W00_400.eot?#iefix") format("eot"), url($avenir-font-path + "Avenir_Next_W00_400.woff2") format("woff2"), url($avenir-font-path + "Avenir_Next_W00_400.woff") format("woff"), url($avenir-font-path + "Avenir_Next_W00_400.ttf") format("truetype"), url($avenir-font-path + "Avenir_Next_W00_400.svg") format("svg"); 17 | font-weight: 400; 18 | font-style: normal; 19 | } 20 | 21 | @font-face { 22 | font-family: "Avenir Next W00"; 23 | src: url($avenir-font-path + "Avenir_Next_W00_Italic_400.eot?#iefix"); 24 | src: url($avenir-font-path + "Avenir_Next_W00_Italic_400.eot?#iefix") format("eot"), url($avenir-font-path + "Avenir_Next_W00_Italic_400.woff2") format("woff2"), url($avenir-font-path + "Avenir_Next_W00_Italic_400.woff") format("woff"), url($avenir-font-path + "Avenir_Next_W00_Italic_400.ttf") format("truetype"), url($avenir-font-path + "Avenir_Next_W00_Italic_400.svg") format("svg"); 25 | font-weight: 400; 26 | font-style: italic; 27 | } 28 | 29 | @font-face { 30 | font-family: "Avenir Next W00"; 31 | src: url($avenir-font-path + "Avenir_Next_W00_600.eot?#iefix"); 32 | src: url($avenir-font-path + "Avenir_Next_W00_600.eot?#iefix") format("eot"), url($avenir-font-path + "Avenir_Next_W00_600.woff2") format("woff2"), url($avenir-font-path + "Avenir_Next_W00_600.woff") format("woff"), url($avenir-font-path + "Avenir_Next_W00_600.ttf") format("truetype"), url($avenir-font-path + "Avenir_Next_W00_600.svg") format("svg"); 33 | font-weight: 600; 34 | font-style: normal; 35 | } 36 | 37 | @font-face { 38 | font-family: "Avenir Next W00"; 39 | src: url($avenir-font-path + "Avenir_Next_W00_Italic_600.eot?#iefix"); 40 | src: url($avenir-font-path + "Avenir_Next_W00_Italic_600.eot?#iefix") format("eot"), url($avenir-font-path + "Avenir_Next_W00_Italic_600.woff2") format("woff2"), url($avenir-font-path + "Avenir_Next_W00_Italic_600.woff") format("woff"), url($avenir-font-path + "Avenir_Next_W00_Italic_600.ttf") format("truetype"), url($avenir-font-path + "Avenir_Next_W00_Italic_600.svg") format("svg"); 41 | font-weight: 600; 42 | font-style: italic; 43 | } 44 | -------------------------------------------------------------------------------- /lib/sass/_panel-position.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────────┐ 2 | // │ Calicte Panel - Position │ 3 | // └──────────────────────────┘ 4 | // 5 | // Top and bottom positions - top right on desktop, bottom full width on mobile 6 | 7 | .calcite-panels { 8 | position: absolute; 9 | top: $panels_position_top; 10 | width: $panels_width; 11 | // z-index: 50; 12 | } 13 | 14 | .calcite-panels-right { 15 | left: auto; 16 | right: $panels_position_right; 17 | } 18 | 19 | .calcite-panels-left { 20 | left: $panels_position_right; 21 | right: auto; 22 | } 23 | 24 | // Navbar - Top 25 | 26 | .calcite-nav-top, 27 | .calcite-nav-top-fixed { 28 | .calcite-panels { 29 | top: $panels_position_top + $navbar_height; 30 | } 31 | } 32 | 33 | .calcite-nav-top.calcite-margin-top, 34 | .calcite-nav-top.calcite-margin-all { 35 | .calcite-panels { 36 | top: $panels_position_top + $navbar_height + $base_ui_margin; 37 | } 38 | } 39 | 40 | // Navbar - Top + Hidden 41 | 42 | .calcite-nav-top, 43 | .calcite-nav-top-fixed, 44 | .calcite-nav-top.calcite-margin-top, 45 | .calcite-nav-top.calcite-margin-all { 46 | &.calcite-nav-hidden { 47 | .calcite-panels { 48 | top: $base_ui_margin; 49 | } 50 | } 51 | } 52 | 53 | // Navbar - Bottom 54 | 55 | .calcite-nav-bottom, 56 | .calcite-nav-bottom-fixed, 57 | .calcite-nav-bottom.calcite-margin-bottom, 58 | .calcite-nav-bottom.calcite-margin-all { 59 | .calcite-panels { 60 | top: $base_ui_margin + $map_attribution_height; 61 | } 62 | } 63 | 64 | // Navbar - Top + Hidden (does not apply) 65 | 66 | 67 | // Mobile screens 68 | 69 | @media (max-width: $panels_breakpoint_width_mobile) { 70 | 71 | // Panel 72 | 73 | .calcite-panels { 74 | width: $panels_width_mobile; 75 | } 76 | 77 | .calcite-panels-left, 78 | .calcite-panels-right { 79 | right: 0; 80 | left: 0; 81 | } 82 | 83 | // Navbar - Top 84 | 85 | .calcite-nav-top, 86 | .calcite-nav-top-fixed, 87 | .calcite-nav-top.calcite-margin-top, 88 | .calcite-nav-top.calcite-margin-all { 89 | .calcite-panels { 90 | top: auto; 91 | bottom: 0; 92 | } 93 | } 94 | 95 | // Navbar - Bottom 96 | 97 | .calcite-nav-bottom, 98 | .calcite-nav-bottom-fixed, 99 | .calcite-nav-bottom.calcite-margin-bottom, 100 | .calcite-nav-bottom.calcite-margin-all { 101 | .calcite-panels { 102 | top: auto; 103 | bottom: $navbar_height; 104 | } 105 | } 106 | 107 | // Navbar - Top/bottom + margin all 108 | 109 | .calcite-nav-top.calcite-margin-all, 110 | .calcite-nav-bottom.calcite-margin-all { 111 | .calcite-panels { 112 | margin: auto $base_ui_margin ($base_ui_margin * 2) $base_ui_margin; 113 | width: auto; 114 | } 115 | } 116 | 117 | // Navbar Hidden (all) 118 | 119 | body.calcite-nav-top, 120 | body.calcite-nav-top-fixed, 121 | body.calcite-nav-bottom, 122 | body.calcite-nav-bottom-fixed { 123 | &.calcite-nav-hidden { 124 | .calcite-panels { 125 | top: auto; 126 | } 127 | } 128 | } 129 | } 130 | 131 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.10.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.7.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.8.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.9.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.3.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden .calcite-panels, .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.4.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden .calcite-panels, .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.5.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden .calcite-panels, .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/large-title-v0.6.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-large-title .calcite-navbar { 2 | height: 60px; 3 | min-height: 60px; } 4 | .calcite-layout-large-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-large-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 20px 15px; } 9 | 10 | .calcite-layout-large-title .calcite-dropdown .dropdown-toggle { 11 | padding: 22px 20px 24px 21px; } 12 | 13 | .calcite-layout-large-title .calcite-dropdown-toggle { 14 | margin-left: 2px; } 15 | 16 | .calcite-layout-large-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 28px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-large-title .calcite-title-divider { 22 | height: 120px; 23 | margin: 0 20px; } 24 | 25 | .calcite-layout-large-title .calcite-title-sub { 26 | font-size: 14px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-large-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px; } 31 | 32 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-large-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-large-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 75px 25px; } 37 | 38 | .calcite-layout-large-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 75px 25px 15px 30px; } 40 | 41 | .calcite-layout-large-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 60px; } 43 | 44 | .calcite-layout-large-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 75px; } 46 | 47 | .calcite-layout-large-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 60px; } 49 | 50 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 75px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 55 | top: 75px; } 56 | .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 75px; } 58 | .calcite-layout-large-title.calcite-nav-hidden .calcite-panels, .calcite-layout-large-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-large-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-large-title.calcite-nav-bottom .calcite-panels, 65 | .calcite-layout-large-title.calcite-nav-bottom-fixed .calcite-panels, 66 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 67 | .calcite-layout-large-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 68 | bottom: 60px; } } 69 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.10.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.7.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.8.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.9.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.3.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden .calcite-panels, .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.4.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden .calcite-panels, .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.5.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden .calcite-panels, .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /dist/css/layouts/small-title-v0.6.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-small-title .calcite-navbar { 2 | height: 40px; 3 | min-height: 40px; } 4 | .calcite-layout-small-title .calcite-navbar .navbar-brand { 5 | padding: 12px 14px; 6 | font-size: 36px; } 7 | .calcite-layout-small-title .calcite-navbar .navbar-nav > li > a { 8 | padding: 10px 12px; } 9 | 10 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 11 | padding: 12px 20px 14px 21px; } 12 | 13 | .calcite-layout-small-title .calcite-dropdown-toggle { 14 | width: 15px; } 15 | 16 | .calcite-layout-small-title .calcite-title-main { 17 | padding: 3px 0 4px; 18 | font-size: 19px; 19 | line-height: 1.1; } 20 | 21 | .calcite-layout-small-title .calcite-title-divider { 22 | height: 80px; 23 | margin: 0 13px; } 24 | 25 | .calcite-layout-small-title .calcite-title-sub { 26 | font-size: 12px; 27 | line-height: 1.1; } 28 | 29 | .calcite-layout-small-title .calcite-navbar-search.calcite-search-expander { 30 | margin: 5px; } 31 | 32 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 33 | .calcite-layout-small-title.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 34 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 35 | .calcite-layout-small-title.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 36 | margin: 55px 25px; } 37 | 38 | .calcite-layout-small-title.calcite-nav-top .calcite-map .leaflet-control-zoom { 39 | margin: 55px 25px 15px 30px; } 40 | 41 | .calcite-layout-small-title.calcite-nav-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top-fixed .calcite-dropdown .calcite-menu-drawer { 42 | top: 40px; } 43 | 44 | .calcite-layout-small-title.calcite-nav-top.calcite-margin-top .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-top.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 45 | top: 55px; } 46 | 47 | .calcite-layout-small-title.calcite-nav-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-dropdown .calcite-menu-drawer { 48 | bottom: 40px; } 49 | 50 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-dropdown .calcite-menu-drawer, .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-dropdown .calcite-menu-drawer { 51 | bottom: 55px; } 52 | 53 | @media (min-width: 769px) { 54 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 55 | top: 55px; } 56 | .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-top .calcite-panels { 57 | top: 55px; } 58 | .calcite-layout-small-title.calcite-nav-hidden .calcite-panels, .calcite-layout-small-title.calcite-nav-hidden.calcite-nav-bottom .calcite-panels { 59 | top: 30px; } } 60 | 61 | @media (max-width: 768px) { 62 | .calcite-layout-small-title.calcite-nav-top .calcite-panels { 63 | top: auto; } 64 | .calcite-layout-small-title .calcite-dropdown .dropdown-toggle { 65 | padding: 12px 15px 14px 18px; } 66 | .calcite-layout-small-title.calcite-nav-bottom .calcite-panels, 67 | .calcite-layout-small-title.calcite-nav-bottom-fixed .calcite-panels, 68 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-all .calcite-panels, 69 | .calcite-layout-small-title.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 70 | bottom: 40px; } } 71 | -------------------------------------------------------------------------------- /lib/sass/layouts/inline-zoom.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────┐ 2 | // │ Layout - Inline Zoom │ 3 | // └──────────────────────┘ 4 | // 5 | // Simple theme that brings zoom and nav inline 6 | 7 | @import "../variables"; 8 | 9 | // All APIs 10 | 11 | .calcite-layout-inline-left, 12 | .calcite-layout-inline-right { 13 | .calcite-navbar { 14 | height: 60px; 15 | min-height: 60px; 16 | .navbar-nav>li>a { 17 | padding: 20px 15px 21px; 18 | } 19 | } 20 | .calcite-title-main { 21 | font-size: 26px; 22 | } 23 | .calcite-title-sub { 24 | font-size: 14px; 25 | } 26 | .calcite-navbar-search { 27 | margin: 16px 15px; 28 | } 29 | .calcite-navbar-search.calcite-search-expander { 30 | margin: 15px 15px; 31 | } 32 | } 33 | 34 | .calcite-layout-inline-left .calcite-navbar { 35 | left: 47px; 36 | } 37 | 38 | .calcite-layout-inline-right .calcite-navbar { 39 | right: 47px; 40 | } 41 | 42 | .calcite-layout-inline-left, 43 | .calcite-layout-inline-right { 44 | &.calcite-nav-top.calcite-margin-all .calcite-panels { 45 | top: 90px; 46 | bottom: auto; 47 | } 48 | } 49 | 50 | .calcite-layout-inline-left{ 51 | &.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 52 | top: 15px; 53 | bottom: auto; 54 | } 55 | } 56 | 57 | .calcite-layout-inline-left, 58 | .calcite-layout-inline-right { 59 | .calcite-dropdown .dropdown-toggle { 60 | padding: 22px 20px 24px 21px 61 | } 62 | } 63 | 64 | // ArcGIS 3.x 65 | 66 | .calcite-layout-inline-left, 67 | .calcite-layout-inline-right { 68 | .calcite-navbar-search { 69 | margin: 15px; 70 | } 71 | } 72 | 73 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all, 74 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all, 75 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all, 76 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all { 77 | .esriSimpleSlider { 78 | margin: 15px; 79 | } 80 | } 81 | 82 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden , 83 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden { 84 | .esriZoom.esriVertical.esriComponent { 85 | margin-top: 15px; 86 | } 87 | } 88 | 89 | // Esri-Leaflet 90 | 91 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all, 92 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all, 93 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all, 94 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all { 95 | .leaflet-control-zoom { 96 | margin: 15px; 97 | } 98 | } 99 | 100 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans, 101 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden { 102 | .leaflet-control-zoom { 103 | margin-top: 15px; 104 | } 105 | } 106 | 107 | @media (max-width: $base_breakpoint_max_width_sm) { 108 | .calcite-layout-inline-left, 109 | .calcite-layout-inline-right { 110 | &.calcite-nav-top.calcite-margin-all, 111 | &.calcite-nav-top.calcite-margin-all.calcite-nav-hidden { 112 | .calcite-panels { 113 | top: auto; 114 | bottom: 0; 115 | margin: auto 15px 30px 15px; 116 | } 117 | } 118 | } 119 | } -------------------------------------------------------------------------------- /lib/sass/support/esri-leaflet.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────┐ 2 | // │ Esri Leaflet Support │ 3 | // └──────────────────────┘ 4 | // 5 | // Overrides for widgets for different layouts 6 | 7 | // Calcite icons - remove padding 8 | 9 | [class^="esri-icon-"]:before, 10 | [class*=" esri-icon-"]:before, 11 | [class^="icon-ui-"]:before, 12 | [class*=" icon-ui-"]:before { 13 | padding: 0; 14 | line-height: 1; 15 | } 16 | 17 | .calcite-navbar-search { 18 | margin-top: 15px; 19 | } 20 | 21 | .calcite-panels { 22 | z-index: 1000; 23 | } 24 | 25 | // Zoom Control 26 | 27 | .calcite-map { 28 | .leaflet-control-zoom.leaflet-control { 29 | margin: 15px 15px 30px 15px; 30 | } 31 | 32 | .leaflet-control-zoom.leaflet-bar > a { 33 | width: 30px; 34 | height: 30px; 35 | line-height: 30px; 36 | border-radius: 0; 37 | } 38 | } 39 | 40 | // Navbar top 41 | 42 | .calcite-nav-top { 43 | .calcite-map { 44 | .leaflet-control-zoom { 45 | margin-top: 65px; 46 | } 47 | } 48 | } 49 | 50 | .calcite-nav-top.calcite-margin-top, 51 | .calcite-nav-top.calcite-margin-all { 52 | .calcite-map { 53 | .leaflet-control-zoom { 54 | margin-top: 80px; 55 | } 56 | } 57 | } 58 | 59 | // Navbar bottom 60 | 61 | .calcite-nav-bottom, 62 | .calcite-nav-bottom-fixed { 63 | .calcite-map { 64 | .leaflet-control-zoom { 65 | margin-top: 30px; 66 | } 67 | } 68 | } 69 | 70 | // Logo 71 | 72 | .calcite-map { 73 | 74 | .esri-leaflet-logo.leaflet-control { 75 | position: fixed; 76 | bottom: 0; 77 | right: 0; 78 | margin: 16px 2px !important; 79 | } 80 | 81 | .esri-leaflet-logo > a > img { 82 | max-width: 43px !important; 83 | } 84 | 85 | // Attribution 86 | 87 | .leaflet-control-attribution { 88 | position: fixed; 89 | bottom: 0; 90 | left: 0; 91 | right: 0; 92 | white-space: nowrap; 93 | overflow: hidden; 94 | line-height: 15px; 95 | } 96 | } 97 | 98 | .calcite-nav-bottom, 99 | .calcite-nav-bottom-fixed { 100 | .leaflet-control-attribution, 101 | .esri-leaflet-logo.leaflet-control { 102 | top: 0; 103 | bottom: auto; 104 | } 105 | } 106 | 107 | // Search Control 108 | 109 | .geocoder-control .geocoder-control-input { 110 | padding: 7px; 111 | box-shadow: none; 112 | border-radius: 0; 113 | border: 1px #959595 solid; 114 | } 115 | 116 | .geocoder-control .geocoder-control-suggestions { 117 | box-shadow: none; 118 | border-radius: 0; 119 | border: 1px solid #ccc; 120 | } 121 | 122 | .calcite-navbar { 123 | .geocoder-control { 124 | margin-top: 0; 125 | } 126 | } 127 | 128 | .calcite-panels { 129 | .geocoder-control { 130 | margin: 4px 0 6px; 131 | width: 100%; 132 | .geocoder-control-input { 133 | padding: 9px; 134 | } 135 | .geocoder-control-suggestions .geocoder-control-suggestion { 136 | color: #000; 137 | } 138 | } 139 | } 140 | 141 | .calcite-nav-bottom .geocoder-control-suggestions.leaflet-bar, 142 | .calcite-nav-bottom-fixed .geocoder-control-suggestions.leaflet-bar { 143 | top: auto; 144 | bottom: 101%; 145 | } 146 | 147 | // Popup Control 148 | 149 | .calcite-map { 150 | .leaflet-popup-content-wrapper { 151 | border-radius: 0; 152 | } 153 | .leaflet-popup-content { 154 | min-width: 100px; 155 | } 156 | } 157 | 158 | // Mobile screens 159 | 160 | // @media(max-width: 767px) { 161 | 162 | // .calcite-maps { 163 | 164 | // } 165 | // } -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/Alert.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Alert.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | './Support', 21 | "dojo/_base/declare", 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | 'dojo/dom-construct', 28 | "dojo/dom-attr", 29 | "dojo/NodeList-dom", 30 | 'dojo/NodeList-traverse', 31 | "dojo/domReady!" 32 | ], function (support, declare, query, lang, win, on, domClass, domConstruct, domAttr) { 33 | "use strict"; 34 | 35 | var dismissSelector = '[data-dismiss="alert"]'; 36 | var Alert = declare([], { 37 | defaultOptions:{}, 38 | constructor:function (element, options) { 39 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 40 | this.domNode = element; 41 | on(this.domNode, on.selector(dismissSelector, 'click'), lang.hitch(this, close)); 42 | } 43 | }); 44 | 45 | function close(e) { 46 | var _this = this; 47 | var selector = domAttr.get(_this, 'data-target'); 48 | if (!selector) { 49 | selector = support.hrefValue(_this); 50 | } 51 | var targetNode; 52 | if (selector && selector !== '#' && selector !== '') { 53 | targetNode = query(selector); 54 | } else { 55 | targetNode = domClass.contains(query(_this)[0], 'alert') ? query(_this) : query(_this).parent(); 56 | } 57 | 58 | if (e) { e.stopPropagation(); } 59 | 60 | on.emit(targetNode[0], 'close.bs.modal', {bubbles:true, cancelable:true}); 61 | domClass.remove(targetNode[0], 'in'); 62 | 63 | function _remove() { 64 | on.emit(targetNode[0], 'closed.bs.modal', {bubbles:true, cancelable:true}); 65 | domConstruct.destroy(targetNode[0]); 66 | } 67 | var transition = support.trans && domClass.contains(targetNode[0], 'fade'); 68 | if (transition) { on(targetNode[0], support.trans.end, _remove); } else { _remove(); } 69 | if (e) { e.preventDefault(); } 70 | return false; 71 | } 72 | 73 | lang.extend(query.NodeList, { 74 | alert:function (option) { 75 | var options = (lang.isObject(option)) ? option : {}; 76 | return this.forEach(function (node) { 77 | var data = support.getData(node, 'alert'); 78 | if (!data) { 79 | support.setData(node, 'alert', (data = new Alert(node, options))); 80 | } 81 | if (lang.isString(option) && option === "close") { 82 | close.call(node); 83 | } 84 | }); 85 | } 86 | }); 87 | on(win.body(), on.selector(dismissSelector, 'click'), close); 88 | 89 | return Alert; 90 | }); -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/Alert.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Alert.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | './Support', 21 | "dojo/_base/declare", 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | 'dojo/dom-construct', 28 | "dojo/dom-attr", 29 | "dojo/NodeList-dom", 30 | 'dojo/NodeList-traverse', 31 | "dojo/domReady!" 32 | ], function (support, declare, query, lang, win, on, domClass, domConstruct, domAttr) { 33 | "use strict"; 34 | 35 | var dismissSelector = '[data-dismiss="alert"]'; 36 | var Alert = declare([], { 37 | defaultOptions:{}, 38 | constructor:function (element, options) { 39 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 40 | this.domNode = element; 41 | on(this.domNode, on.selector(dismissSelector, 'click'), lang.hitch(this, close)); 42 | } 43 | }); 44 | 45 | function close(e) { 46 | var _this = this; 47 | var selector = domAttr.get(_this, 'data-target'); 48 | if (!selector) { 49 | selector = support.hrefValue(_this); 50 | } 51 | var targetNode; 52 | if (selector && selector !== '#' && selector !== '') { 53 | targetNode = query(selector); 54 | } else { 55 | targetNode = domClass.contains(query(_this)[0], 'alert') ? query(_this) : query(_this).parent(); 56 | } 57 | 58 | if (e) { e.stopPropagation(); } 59 | 60 | on.emit(targetNode[0], 'close.bs.modal', {bubbles:true, cancelable:true}); 61 | domClass.remove(targetNode[0], 'in'); 62 | 63 | function _remove() { 64 | on.emit(targetNode[0], 'closed.bs.modal', {bubbles:true, cancelable:true}); 65 | domConstruct.destroy(targetNode[0]); 66 | } 67 | var transition = support.trans && domClass.contains(targetNode[0], 'fade'); 68 | if (transition) { on(targetNode[0], support.trans.end, _remove); } else { _remove(); } 69 | if (e) { e.preventDefault(); } 70 | return false; 71 | } 72 | 73 | lang.extend(query.NodeList, { 74 | alert:function (option) { 75 | var options = (lang.isObject(option)) ? option : {}; 76 | return this.forEach(function (node) { 77 | var data = support.getData(node, 'alert'); 78 | if (!data) { 79 | support.setData(node, 'alert', (data = new Alert(node, options))); 80 | } 81 | if (lang.isString(option) && option === "close") { 82 | close.call(node); 83 | } 84 | }); 85 | } 86 | }); 87 | on(win.body(), on.selector(dismissSelector, 'click'), close); 88 | 89 | return Alert; 90 | }); -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.10.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.3.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.4.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.5.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.6.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.7.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.8.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /dist/css/layouts/inline-zoom-v0.9.css: -------------------------------------------------------------------------------- 1 | .calcite-layout-inline-left .calcite-navbar, 2 | .calcite-layout-inline-right .calcite-navbar { 3 | height: 60px; 4 | min-height: 60px; } 5 | .calcite-layout-inline-left .calcite-navbar .navbar-nav > li > a, 6 | .calcite-layout-inline-right .calcite-navbar .navbar-nav > li > a { 7 | padding: 20px 15px 21px; } 8 | 9 | .calcite-layout-inline-left .calcite-title-main, 10 | .calcite-layout-inline-right .calcite-title-main { 11 | font-size: 26px; } 12 | 13 | .calcite-layout-inline-left .calcite-title-sub, 14 | .calcite-layout-inline-right .calcite-title-sub { 15 | font-size: 14px; } 16 | 17 | .calcite-layout-inline-left .calcite-navbar-search, 18 | .calcite-layout-inline-right .calcite-navbar-search { 19 | margin: 16px 15px; } 20 | 21 | .calcite-layout-inline-left .calcite-navbar-search.calcite-search-expander, 22 | .calcite-layout-inline-right .calcite-navbar-search.calcite-search-expander { 23 | margin: 15px 15px; } 24 | 25 | .calcite-layout-inline-left .calcite-navbar { 26 | left: 47px; } 27 | 28 | .calcite-layout-inline-right .calcite-navbar { 29 | right: 47px; } 30 | 31 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, 32 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels { 33 | top: 90px; 34 | bottom: auto; } 35 | 36 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 37 | top: 15px; 38 | bottom: auto; } 39 | 40 | .calcite-layout-inline-left .calcite-dropdown .dropdown-toggle, 41 | .calcite-layout-inline-right .calcite-dropdown .dropdown-toggle { 42 | padding: 22px 20px 24px 21px; } 43 | 44 | .calcite-layout-inline-left .calcite-navbar-search, 45 | .calcite-layout-inline-right .calcite-navbar-search { 46 | margin: 15px; } 47 | 48 | .calcite.calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 49 | .calcite.calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider, 50 | .calcite.calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .esriSimpleSlider, 51 | .calcite.calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 52 | margin: 15px; } 53 | 54 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent, 55 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriZoom.esriVertical.esriComponent { 56 | margin-top: 15px; } 57 | 58 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 59 | .calcite-layout-inline-left.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom, 60 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .leaflet-control-zoom, 61 | .calcite-layout-inline-right.calcite-nav-bottom.calcite-margin-all .leaflet-control-zoom { 62 | margin: 15px; } 63 | 64 | .calcite-layout-inline-left.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-trans .leaflet-control-zoom, 65 | .calcite-layout-inline-right.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .leaflet-control-zoom { 66 | margin-top: 15px; } 67 | 68 | @media (max-width: 768px) { 69 | .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all .calcite-panels, .calcite-layout-inline-left.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels, 70 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all .calcite-panels, 71 | .calcite-layout-inline-right.calcite-nav-top.calcite-margin-all.calcite-nav-hidden .calcite-panels { 72 | top: auto; 73 | bottom: 0; 74 | margin: auto 15px 30px 15px; } } 75 | -------------------------------------------------------------------------------- /lib/sass/_navbar-theme-dark.scss: -------------------------------------------------------------------------------- 1 | // ┌─────────────────────────────┐ 2 | // │ Calicte Navbar - Theme Dark │ 3 | // └─────────────────────────────┘ 4 | // 5 | // Dark background, light text 6 | // Styles for navbar and dropdown menu 7 | 8 | .calcite-navbar { 9 | 10 | // Navbar (for dark theme) 11 | 12 | &.calcite-bg-dark { 13 | &.navbar { 14 | background-color: $theme_dark_navbar_bg; 15 | } 16 | } 17 | 18 | &.calcite-text-light { 19 | 20 | // Brand 21 | 22 | .navbar-brand { 23 | color: $theme_dark_navbar_text_color; 24 | } 25 | 26 | .navbar-brand:hover, 27 | .navbar-brand:focus { 28 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_dark_navbar_text_color_hover); 29 | transition: color 150ms linear, text-decoration 150ms linear; 30 | } 31 | 32 | // Title 33 | 34 | .calcite-title-main { 35 | color: $theme_dark_navbar_text_color; 36 | } 37 | 38 | .calcite-title-divider { 39 | color: $theme_dark_navbar_text_color_secondary; 40 | opacity: $theme_all_navbar_opacity; 41 | } 42 | 43 | .calcite-title-sub { 44 | color: $theme_dark_navbar_text_color_secondary; 45 | } 46 | 47 | // Optional 48 | //.calcite-title:hover, 49 | //.calcite-title:focus { 50 | // color: $theme_dark_nav_bg_hover; 51 | //} 52 | 53 | // Toggle button 54 | 55 | .dropdown-toggle .icon-bar { 56 | background-color: $theme_dark_navbar_text_color; 57 | } 58 | 59 | .dropdown-toggle:hover, 60 | .dropdown-toggle:focus { 61 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_dark_navbar_text_color_hover); 62 | transition: color 150ms linear, text-decoration 150ms linear; 63 | } 64 | 65 | // Toggle menu animated 66 | 67 | .calcite-dropdown-toggle span { 68 | background-color: $theme_dark_control_text_color; 69 | } 70 | 71 | // Nav 72 | 73 | .navbar-nav > li > a { 74 | color: $theme_dark_navbar_text_color; 75 | } 76 | 77 | .navbar-nav > li > a:hover, 78 | .navbar-nav > li > a:focus, 79 | .navbar-nav > .active > a, 80 | .navbar-nav > .active > a:focus, 81 | .navbar-nav > .active > a:hover, 82 | .navbar-nav > .open > a, 83 | .navbar-nav > .open > a:hover, 84 | .navbar-nav > .open > a:focus { 85 | color: $theme_dark_navbar_text_color_hover; 86 | background-color: transparent; 87 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_dark_navbar_text_color_hover); 88 | transition: color 150ms linear, text-decoration 150ms linear; 89 | } 90 | 91 | .navbar-nav > .disabled > a, 92 | .navbar-nav > .disabled > a:hover, 93 | .navbar-nav > .disabled > a:focus { 94 | color: $theme_dark_navbar_text_color_disabled; 95 | background-color: transparent; 96 | } 97 | } 98 | } 99 | 100 | // Nav bottom - decoration (for dark theme) 101 | 102 | .calcite-nav-bottom, 103 | .calcite-nav-bottom-fixed { 104 | 105 | .calcite-navbar { 106 | 107 | &.calcite-text-light { 108 | .navbar-brand:hover, 109 | .navbar-brand:focus, 110 | .navbar-nav > li > a:hover, 111 | .navbar-nav > li > a:focus, 112 | .navbar-nav > .active > a, 113 | .navbar-nav > .active > a:focus, 114 | .navbar-nav > .active > a:hover, 115 | .navbar-nav > .open > a, 116 | .navbar-nav > .open > a:hover, 117 | .navbar-nav > .open > a:focus, 118 | .dropdown-toggle:hover, 119 | .dropdown-toggle:focus { 120 | @include linear-gradient(to bottom, $navbar_decoration_trans_percentage, $theme_dark_navbar_text_color_hover); 121 | } 122 | } 123 | } 124 | } -------------------------------------------------------------------------------- /lib/sass/_navbar-theme-light.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────────────┐ 2 | // │ Calcite Navbar - Theme Light │ 3 | // └──────────────────────────────┘ 4 | // 5 | // Light background, dark text 6 | // Styles for navbar and dropdown menu 7 | // 8 | // NOTE: Light theme is really default 9 | 10 | .calcite-navbar { 11 | 12 | &.calcite-bg-light { 13 | 14 | &.navbar { 15 | background-color: $theme_light_navbar_bg; 16 | } 17 | 18 | } 19 | 20 | &.calcite-text-dark { 21 | 22 | // Brand 23 | 24 | .navbar-brand { 25 | color: $theme_light_navbar_text_color; 26 | } 27 | 28 | .navbar-brand:hover, 29 | .navbar-brand:focus { 30 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_light_navbar_text_color_hover); 31 | transition: color 150ms linear, text-decoration 150ms linear; 32 | } 33 | 34 | // Title 35 | 36 | .calcite-title-main { 37 | color: $theme_light_navbar_text_color; 38 | } 39 | 40 | .calcite-title-divider { 41 | color: $theme_light_navbar_text_color_secondary; 42 | opacity: $theme_all_navbar_opacity; 43 | } 44 | 45 | .calcite-title-sub { 46 | color: $theme_light_navbar_text_color_secondary; 47 | } 48 | 49 | 50 | 51 | // Optional 52 | // .calcite-title:hover, 53 | // .calcite-title:focus { 54 | // color: $theme_light_nav_bg_hover; 55 | // } 56 | 57 | // Toggle button 58 | 59 | .dropdown-toggle .icon-bar { 60 | background-color: $theme_light_control_text_color; 61 | } 62 | 63 | .dropdown-toggle:hover, 64 | .dropdown-toggle:focus { 65 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_light_navbar_text_color_hover); 66 | transition: color 150ms linear, text-decoration 150ms linear; 67 | } 68 | 69 | // Toggle menu animated 70 | 71 | .calcite-dropdown-toggle span { 72 | background-color: $theme_light_control_text_color; 73 | } 74 | 75 | // Nav 76 | 77 | .navbar-nav > li > a { 78 | color: $theme_light_navbar_text_color; 79 | } 80 | 81 | .navbar-nav > li > a:hover, 82 | .navbar-nav > li > a:focus, 83 | .navbar-nav > .active > a, 84 | .navbar-nav > .active > a:focus, 85 | .navbar-nav > .active > a:hover, 86 | .navbar-nav > .open > a, 87 | .navbar-nav > .open > a:hover, 88 | .navbar-nav > .open > a:focus { 89 | color: $theme_light_navbar_text_color_hover; 90 | background-color: transparent; 91 | @include linear-gradient(to top, $navbar_decoration_trans_percentage, $theme_light_navbar_text_color_hover); 92 | transition: color 150ms linear, text-decoration 150ms linear; 93 | } 94 | 95 | .navbar-nav > .disabled > a, 96 | .navbar-nav > .disabled > a:hover, 97 | .navbar-nav > .disabled > a:focus { 98 | background-color: transparent; 99 | color: $theme_light_navbar_text_color_disabled; 100 | } 101 | } 102 | } 103 | 104 | // Nav bottom - decoration (for light theme) 105 | 106 | .calcite-nav-bottom, 107 | .calcite-nav-bottom-fixed { 108 | 109 | .calcite-navbar { 110 | 111 | &.calcite-text-dark { 112 | .navbar-brand:hover, 113 | .navbar-brand:focus, 114 | .navbar-nav > li > a:hover, 115 | .navbar-nav > li > a:focus, 116 | .navbar-nav > .active > a, 117 | .navbar-nav > .active > a:focus, 118 | .navbar-nav > .active > a:hover, 119 | .navbar-nav > .open > a, 120 | .navbar-nav > .open > a:hover, 121 | .navbar-nav > .open > a:focus, 122 | .dropdown-toggle:hover, 123 | .dropdown-toggle:focus { 124 | @include linear-gradient(to bottom, $navbar_decoration_trans_percentage, $theme_light_navbar_text_color_hover); 125 | } 126 | } 127 | } 128 | } 129 | 130 | -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/Popover.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Popover.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | define([ 19 | "dojo/_base/declare", 20 | "./Support", 21 | './Tooltip', 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/on', 25 | 'dojo/dom-class', 26 | 'dojo/dom-construct', 27 | "dojo/dom-attr", 28 | 'dojo/html', 29 | "dojo/NodeList-dom", 30 | "dojo/NodeList-manipulate", 31 | "dojo/domReady!" 32 | ], function (declare, support, Tooltip, query, lang, on, domClass, domConstruct, domAttr, html) { 33 | "use strict"; 34 | 35 | var Popover = declare(Tooltip, { 36 | "-chains-":{ constructor:"manual" }, 37 | constructor:function (element, options) { 38 | options = lang.mixin({ 39 | placement:'right', 40 | trigger: 'click', 41 | content:'', 42 | template:'

' 43 | }, (options || {})); 44 | this.init('popover', element, options); 45 | }, 46 | setContent:function () { 47 | var tip = this.tip(); 48 | var title = this.getTitle(); 49 | var content = this.getContent(); 50 | query('.popover-title', tip)[this.options.html ? 'html' : 'text'](title); 51 | query('.popover-content', tip)[this.options.html ? 'html' : 'text'](content); 52 | domClass.remove(tip, 'fade in top bottom left right'); 53 | }, 54 | hasContent:function () { 55 | return this.getTitle() || this.getContent(); 56 | }, 57 | getContent:function () { 58 | return domAttr.get(this.domNode, 'data-content') || (typeof this.options.content === 'function' ? this.options.content.call(this.domNode) : this.options.content); 59 | }, 60 | tip:function () { 61 | return this.tipNode = (this.tipNode) ? this.tipNode : domConstruct.toDom(this.options.template); 62 | }, 63 | arrow:function () { 64 | this.arrowNode = this.arrowNode ? this.arrowNode : query('.arrow', this.tip())[0]; 65 | return this.arrowNode; 66 | }, 67 | destroy: function() { 68 | this.hide(); 69 | if (this.eventActivate) { this.eventActivate.remove(); } 70 | if (this.eventDeactivate) { this.eventDeactivate.remove(); } 71 | support.removeData(this.domNode, 'bs.popover'); 72 | } 73 | }); 74 | 75 | lang.extend(query.NodeList, { 76 | popover:function (option) { 77 | var options = (lang.isObject(option)) ? option : {}; 78 | return this.forEach(function (node) { 79 | var data = support.getData(node, 'bs.popover'); 80 | if (!data) { 81 | support.setData(node, 'bs.popover', (data = new Popover(node, options))); 82 | } 83 | if (lang.isString(option)) { 84 | data[option].call(data); 85 | } 86 | }); 87 | } 88 | }); 89 | return Popover; 90 | }); -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/Popover.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Popover.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | define([ 19 | "dojo/_base/declare", 20 | "./Support", 21 | './Tooltip', 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/on', 25 | 'dojo/dom-class', 26 | 'dojo/dom-construct', 27 | "dojo/dom-attr", 28 | 'dojo/html', 29 | "dojo/NodeList-dom", 30 | "dojo/NodeList-manipulate", 31 | "dojo/domReady!" 32 | ], function (declare, support, Tooltip, query, lang, on, domClass, domConstruct, domAttr, html) { 33 | "use strict"; 34 | 35 | var Popover = declare(Tooltip, { 36 | "-chains-":{ constructor:"manual" }, 37 | constructor:function (element, options) { 38 | options = lang.mixin({ 39 | placement:'right', 40 | trigger: 'click', 41 | content:'', 42 | template:'

' 43 | }, (options || {})); 44 | this.init('popover', element, options); 45 | }, 46 | setContent:function () { 47 | var tip = this.tip(); 48 | var title = this.getTitle(); 49 | var content = this.getContent(); 50 | query('.popover-title', tip)[this.options.html ? 'html' : 'text'](title); 51 | query('.popover-content', tip)[this.options.html ? 'html' : 'text'](content); 52 | domClass.remove(tip, 'fade in top bottom left right'); 53 | }, 54 | hasContent:function () { 55 | return this.getTitle() || this.getContent(); 56 | }, 57 | getContent:function () { 58 | return domAttr.get(this.domNode, 'data-content') || (typeof this.options.content === 'function' ? this.options.content.call(this.domNode) : this.options.content); 59 | }, 60 | tip:function () { 61 | return this.tipNode = (this.tipNode) ? this.tipNode : domConstruct.toDom(this.options.template); 62 | }, 63 | arrow:function () { 64 | this.arrowNode = this.arrowNode ? this.arrowNode : query('.arrow', this.tip())[0]; 65 | return this.arrowNode; 66 | }, 67 | destroy: function() { 68 | this.hide(); 69 | if (this.eventActivate) { this.eventActivate.remove(); } 70 | if (this.eventDeactivate) { this.eventDeactivate.remove(); } 71 | support.removeData(this.domNode, 'bs.popover'); 72 | } 73 | }); 74 | 75 | lang.extend(query.NodeList, { 76 | popover:function (option) { 77 | var options = (lang.isObject(option)) ? option : {}; 78 | return this.forEach(function (node) { 79 | var data = support.getData(node, 'bs.popover'); 80 | if (!data) { 81 | support.setData(node, 'bs.popover', (data = new Popover(node, options))); 82 | } 83 | if (lang.isString(option)) { 84 | data[option].call(data); 85 | } 86 | }); 87 | } 88 | }); 89 | return Popover; 90 | }); -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/Button.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Button.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | "./Support", 21 | "dojo/_base/declare", 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | "dojo/dom-attr", 28 | "dojo/NodeList-dom", 29 | 'dojo/NodeList-traverse', 30 | "dojo/domReady!" 31 | ], function (support, declare, query, lang, win, on, domClass, domAttr) { 32 | "use strict"; 33 | 34 | var toggleSelector = '[data-toggle^=button]'; 35 | var toggleRadioSelector = '[data-toggle="buttons-radio"]'; 36 | var Button = declare([], { 37 | defaultOptions:{ 38 | "loading-text":'loading...' 39 | }, 40 | constructor:function (element, options) { 41 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 42 | this.domNode = element; 43 | }, 44 | setState:function (state) { 45 | var _this = this; 46 | var d = 'disabled'; 47 | support.getData(this.domNode, 'reset-text', lang.trim((this.domNode.tag === "INPUT") ? this.domNode.val : this.domNode.innerHTML)); 48 | state = state + '-text'; 49 | var data = support.getData(this.domNode, state); 50 | this.domNode[(this.domNode.tag === "INPUT") ? "val" : "innerHTML"] = data || this.options[state]; 51 | 52 | setTimeout(function () { 53 | if (state === 'loading-text') { 54 | domClass.add(_this.domNode, d); 55 | domAttr.set(_this.domNode, d, d); 56 | } else { 57 | domClass.remove(_this.domNode, d); 58 | domAttr.remove(_this.domNode, d); 59 | } 60 | }, 0); 61 | }, 62 | toggle:function () { 63 | var $parent = query(this.domNode).parents(toggleRadioSelector); 64 | if ($parent.length) { 65 | query('.active', $parent[0]).removeClass('active'); 66 | } 67 | domClass.toggle(this.domNode, 'active'); 68 | this.domNode.blur(); 69 | } 70 | }); 71 | 72 | lang.extend(query.NodeList, { 73 | button:function (option) { 74 | var options = (lang.isObject(option)) ? option : {}; 75 | return this.forEach(function (node) { 76 | var data = support.getData(node, 'button'); 77 | if (!data) { 78 | support.setData(node, 'button', (data = new Button(node, options))); 79 | } 80 | if (lang.isString(option) && option === 'toggle') { 81 | data.toggle(); 82 | } 83 | else if (option) { 84 | data.setState(option); 85 | } 86 | }); 87 | } 88 | }); 89 | 90 | on(win.body(), on.selector(toggleSelector, '.btn:click'), function (e) { 91 | var btn = e.target; 92 | if (!domClass.contains(btn, 'btn')){ 93 | btn = query(btn).closest('.btn'); 94 | } 95 | query(btn).button('toggle'); 96 | }); 97 | 98 | return Button; 99 | }); -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/Button.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Button.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | "./Support", 21 | "dojo/_base/declare", 22 | "dojo/query", 23 | "dojo/_base/lang", 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | "dojo/dom-attr", 28 | "dojo/NodeList-dom", 29 | 'dojo/NodeList-traverse', 30 | "dojo/domReady!" 31 | ], function (support, declare, query, lang, win, on, domClass, domAttr) { 32 | "use strict"; 33 | 34 | var toggleSelector = '[data-toggle^=button]'; 35 | var toggleRadioSelector = '[data-toggle="buttons-radio"]'; 36 | var Button = declare([], { 37 | defaultOptions:{ 38 | "loading-text":'loading...' 39 | }, 40 | constructor:function (element, options) { 41 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 42 | this.domNode = element; 43 | }, 44 | setState:function (state) { 45 | var _this = this; 46 | var d = 'disabled'; 47 | support.getData(this.domNode, 'reset-text', lang.trim((this.domNode.tag === "INPUT") ? this.domNode.val : this.domNode.innerHTML)); 48 | state = state + '-text'; 49 | var data = support.getData(this.domNode, state); 50 | this.domNode[(this.domNode.tag === "INPUT") ? "val" : "innerHTML"] = data || this.options[state]; 51 | 52 | setTimeout(function () { 53 | if (state === 'loading-text') { 54 | domClass.add(_this.domNode, d); 55 | domAttr.set(_this.domNode, d, d); 56 | } else { 57 | domClass.remove(_this.domNode, d); 58 | domAttr.remove(_this.domNode, d); 59 | } 60 | }, 0); 61 | }, 62 | toggle:function () { 63 | var $parent = query(this.domNode).parents(toggleRadioSelector); 64 | if ($parent.length) { 65 | query('.active', $parent[0]).removeClass('active'); 66 | } 67 | domClass.toggle(this.domNode, 'active'); 68 | this.domNode.blur(); 69 | } 70 | }); 71 | 72 | lang.extend(query.NodeList, { 73 | button:function (option) { 74 | var options = (lang.isObject(option)) ? option : {}; 75 | return this.forEach(function (node) { 76 | var data = support.getData(node, 'button'); 77 | if (!data) { 78 | support.setData(node, 'button', (data = new Button(node, options))); 79 | } 80 | if (lang.isString(option) && option === 'toggle') { 81 | data.toggle(); 82 | } 83 | else if (option) { 84 | data.setState(option); 85 | } 86 | }); 87 | } 88 | }); 89 | 90 | on(win.body(), on.selector(toggleSelector, '.btn:click'), function (e) { 91 | var btn = e.target; 92 | if (!domClass.contains(btn, 'btn')){ 93 | btn = query(btn).closest('.btn'); 94 | } 95 | query(btn).button('toggle'); 96 | }); 97 | 98 | return Button; 99 | }); -------------------------------------------------------------------------------- /lib/sass/_dropdown.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────┐ 2 | // │ Calcite Dropdown │ 3 | // └──────────────────┘ 4 | // 5 | // Styling for nav dropdown 6 | 7 | .calcite-dropdown { 8 | order: 0; 9 | flex-shrink: 0; 10 | flex-grow: 0; 11 | 12 | // Esri fonts 13 | [class^="esri-icon-"], [class*=" esri-icon-"] { 14 | position: relative; 15 | font-size: 15px; 16 | top: 2px; 17 | } 18 | 19 | &.right { 20 | order: 2; 21 | } 22 | 23 | .dropdown-toggle { 24 | display: block; 25 | margin: $navbar_dropdown_toggle_margin; 26 | padding: $navbar_dropdown_toggle_padding; 27 | border: none; 28 | } 29 | 30 | .dropdown-toggle .icon-bar { 31 | display: block; 32 | border-radius: 0; 33 | height: $navbar_dropdown_toggle_icon_bar_height; 34 | width: $navbar_dropdown_toggle_icon_bar_width; 35 | background-color: #4c4c4c; //default 36 | } 37 | 38 | .dropdown-toggle .icon-bar + .icon-bar { 39 | margin-top: 4px; 40 | } 41 | 42 | &.open .dropdown-menu { 43 | visibility: visible; 44 | opacity: 1; 45 | } 46 | .dropdown-menu { 47 | position: absolute; 48 | display: block; 49 | visibility: hidden; 50 | opacity: 0; 51 | right: auto; 52 | max-height: $dropdown_menu_max_height; 53 | padding: $dropdown_menu_padding; 54 | border: none; 55 | border-radius: 0; 56 | overflow-y: auto; 57 | font-size: $dropdown_menu_font_size; 58 | -moz-transition: visibility, opacity .2s ease-out; 59 | -webkit-transition: visibility, opacity .2s ease-out; 60 | transition: visibility, opacity .2s ease-out; 61 | } 62 | 63 | &.calcite-right { 64 | .dropdown-menu { 65 | left: auto; 66 | right: 0; 67 | } 68 | } 69 | 70 | // Drawer menu - full height 71 | 72 | &.open .dropdown-menu { 73 | &.calcite-menu-drawer { 74 | left: 0; 75 | -moz-transition: left .25s ease-out; 76 | -webkit-transition: left .25s ease-out; 77 | transition: left .25s ease-out; 78 | } 79 | } 80 | 81 | .dropdown-menu { 82 | &.calcite-menu-drawer { 83 | position: fixed; 84 | top: 50px; // Default title height 85 | bottom: 0; 86 | max-height: 100%; 87 | left: -250px; 88 | visibility: visible; 89 | opacity: 1; 90 | -moz-transition: left .5s ease-out; 91 | -webkit-transition: left .5s ease-out; 92 | transition: left .5s ease-out; 93 | } 94 | } 95 | 96 | .dropdown-menu > li > a { 97 | padding: $dropdown_menu_li_a_padding; 98 | } 99 | 100 | .dropdown-menu a > span { 101 | padding-right: 3px; 102 | } 103 | 104 | // Offset dropdown menu 105 | &.dropdown .dropdown-menu { 106 | margin: 0; 107 | } 108 | } 109 | 110 | // Mobile screens 111 | 112 | @media (max-width: $dropdown_breakpoint_width_mobile) { 113 | .calcite-navbar { 114 | .dropdown-toggle { 115 | padding: $navbar_dropdown_toggle_padding_mobile; 116 | } 117 | } 118 | } 119 | 120 | // @media (max-height: $dropdown_breakpoint_height_mobile) { 121 | // .calcite-navbar { 122 | // .dropdown-toggle { 123 | // //padding: $navbar_dropdown_toggle_padding_mobile; 124 | // } 125 | 126 | // // .dropdown-menu { 127 | // // max-height: $dropdown_menu_max_height_mobile; 128 | // // } 129 | // } 130 | // } 131 | 132 | @media (min-height: $base_breakpoint_min_height_xxs) { 133 | .calcite-navbar { 134 | .dropdown-menu { 135 | max-height: $base_breakpoint_min_height_xxs - $navbar_height - 10px; // accomodate up to medium, padding? 136 | } 137 | } 138 | } 139 | 140 | @media (min-height: $base_breakpoint_min_height_xs) { 141 | .calcite-navbar { 142 | .dropdown-menu { 143 | max-height: $base_breakpoint_min_height_xs - $navbar_height - 10px; // accomodate up to medium, padding? 144 | } 145 | } 146 | } 147 | 148 | @media (min-height: $base_breakpoint_min_height_sm) { 149 | .calcite-navbar { 150 | .dropdown-menu { 151 | max-height: $base_breakpoint_min_height_sm - $navbar_height - 10px; // accomodate up to medium, padding? 152 | } 153 | } 154 | } 155 | 156 | -------------------------------------------------------------------------------- /lib/sass/layouts/large-title.scss: -------------------------------------------------------------------------------- 1 | // ┌──────────────────────┐ 2 | // │ Layout - Large Title │ 3 | // └──────────────────────┘ 4 | // 5 | // Simple layout for large banner style map apps 6 | 7 | @import "../variables"; 8 | 9 | $navbar_height: 60px; 10 | $navbar_dropdown_toggle_margin: 0 0 15px 0; 11 | $navbar_dropdown_toggle_padding: 22px 20px 24px 21px; 12 | $navbar_title_font_size: 28px; 13 | $navbar_title_padding: 3px 0 4px; 14 | $navbar_title_divider_margin: 0 20px; 15 | $navbar_subtitle_font_size: 14px; 16 | $title_line_height: 1.1; 17 | $navbar_nav_li_a_padding: 20px 15px; 18 | 19 | 20 | .calcite-layout-large-title { 21 | 22 | .calcite-navbar { 23 | height: $navbar_height; 24 | min-height: $navbar_height; 25 | 26 | .navbar-brand { 27 | padding: 12px 14px; 28 | font-size: 36px; 29 | } 30 | 31 | .navbar-nav > li > a { 32 | padding: $navbar_nav_li_a_padding; 33 | } 34 | } 35 | 36 | .calcite-dropdown .dropdown-toggle { 37 | padding: $navbar_dropdown_toggle_padding; 38 | } 39 | 40 | .calcite-dropdown-toggle { 41 | margin-left: 2px; 42 | } 43 | 44 | .calcite-title-main { 45 | padding: $navbar_title_padding; 46 | font-size: $navbar_title_font_size; 47 | line-height: $title_line_height; 48 | } 49 | 50 | .calcite-title-divider { 51 | height: $navbar_height * 2; 52 | margin: $navbar_title_divider_margin; 53 | } 54 | 55 | .calcite-title-sub { 56 | font-size: $navbar_subtitle_font_size; 57 | line-height: $title_line_height; 58 | } 59 | 60 | .calcite-navbar-search { 61 | &.calcite-search-expander { 62 | margin: 15px; 63 | } 64 | } 65 | 66 | // ArcGIS 3.x support 67 | 68 | &.calcite-nav-top.calcite-zoom-top-left .esriZoom.esriVertical.esriComponent, 69 | &.calcite-nav-top.calcite-zoom-top-right .esriZoom.esriVertical.esriComponent, 70 | &.calcite-nav-bottom.calcite-zoom-bottom-left .esriZoom.esriVertical.esriComponent, 71 | &.calcite-nav-bottom.calcite-zoom-bottom-right .esriZoom.esriVertical.esriComponent { 72 | margin: $navbar_height + $base_ui_margin 25px; 73 | } 74 | 75 | // Esri-Leaflet 76 | 77 | &.calcite-nav-top .calcite-map .leaflet-control-zoom { 78 | margin: $navbar_height + $base_ui_margin 25px 15px 30px; 79 | } 80 | 81 | // Menu drawer style - top 82 | 83 | &.calcite-nav-top, 84 | &.calcite-nav-top-fixed { 85 | .calcite-dropdown { 86 | .calcite-menu-drawer { 87 | top: $navbar_height; 88 | } 89 | } 90 | } 91 | 92 | &.calcite-nav-top.calcite-margin-top, 93 | &.calcite-nav-top.calcite-margin-all { 94 | .calcite-dropdown { 95 | .calcite-menu-drawer { 96 | top: $navbar_height + $base_ui_margin; 97 | } 98 | } 99 | } 100 | 101 | // Menu drawer - bottom 102 | 103 | &.calcite-nav-bottom, 104 | &.calcite-nav-bottom-fixed { 105 | .calcite-dropdown { 106 | .calcite-menu-drawer { 107 | bottom: $navbar_height; 108 | } 109 | } 110 | } 111 | 112 | &.calcite-nav-bottom.calcite-margin-bottom, 113 | &.calcite-nav-bottom.calcite-margin-all { 114 | .calcite-dropdown { 115 | .calcite-menu-drawer { 116 | bottom: $navbar_height + $base_ui_margin; 117 | } 118 | } 119 | } 120 | } 121 | 122 | @media (min-width: 769px) { 123 | // Panel 124 | .calcite-layout-large-title { 125 | &.calcite-nav-top { 126 | .calcite-panels { 127 | top: $navbar_height + $base_ui_margin; 128 | } 129 | } 130 | &.calcite-nav-hidden { 131 | &.calcite-nav-top { 132 | .calcite-panels { 133 | top: $navbar_height + $base_ui_margin; 134 | } 135 | } 136 | &.calcite-nav-bottom { 137 | .calcite-panels { 138 | top: $base_ui_margin + $base_ui_margin; 139 | } 140 | } 141 | } 142 | } 143 | } 144 | 145 | @media (max-width: 768px) { 146 | .calcite-layout-large-title { 147 | &.calcite-nav-top { 148 | .calcite-panels { 149 | top: auto; 150 | } 151 | } 152 | &.calcite-nav-bottom .calcite-panels, 153 | &.calcite-nav-bottom-fixed .calcite-panels, 154 | &.calcite-nav-bottom.calcite-margin-all .calcite-panels, 155 | &.calcite-nav-bottom.calcite-margin-bottom .calcite-panels { 156 | bottom: $navbar_height; 157 | } 158 | } 159 | } 160 | -------------------------------------------------------------------------------- /dist/css/support/arcgis-3.x-v0.2.css: -------------------------------------------------------------------------------- 1 | .calcite .arcgisSearch { 2 | font-size: 13px; } 3 | 4 | .calcite .calcite-navbar .calcite .arcgisSearch .searchGroup .searchInput { 5 | width: 100%; } 6 | 7 | .calcite.calcite-zoom-top-left .esriSimpleSlider { 8 | top: 0; 9 | right: auto; 10 | bottom: auto; 11 | left: 0; } 12 | 13 | .calcite.calcite-zoom-top-right .esriSimpleSlider { 14 | top: 0; 15 | right: 0; 16 | bottom: auto; 17 | left: auto; } 18 | 19 | .calcite.calcite-zoom-bottom-right .esriSimpleSlider { 20 | top: auto; 21 | right: 0; 22 | bottom: 0; 23 | left: auto; } 24 | 25 | .calcite.calcite-zoom-bottom-left .esriSimpleSlider { 26 | top: auto; 27 | right: auto; 28 | bottom: 0; 29 | left: 0; } 30 | 31 | .calcite .esriPopup .titleButton.maximize { 32 | display: none; } 33 | 34 | .calcite .esriSimpleSlider { 35 | margin: 15px; } 36 | 37 | .calcite.calcite-nav-top .esriSimpleSlider { 38 | margin-top: 80px; } 39 | 40 | .calcite.calcite-nav-top-fixed .esriSimpleSlider { 41 | margin-top: 15px; } 42 | 43 | .calcite.calcite-nav-top.calcite-margin-top .esriSimpleSlider { 44 | margin-top: 95px; } 45 | 46 | .calcite.calcite-nav-top.calcite-margin-all .esriSimpleSlider { 47 | margin-top: 95px; } 48 | 49 | .calcite.calcite-nav-top.calcite-zoom-top-left.calcite-nav-hidden .esriSimpleSlider { 50 | margin-top: 15px; } 51 | 52 | .calcite.calcite-nav-top.calcite-zoom-top-right.calcite-nav-hidden .esriSimpleSlider { 53 | margin-top: 15px; } 54 | 55 | .calcite.calcite-nav-top.calcite-zoom-top-left.calcite-margin-top.calcite-nav-hidden .esriSimpleSlider, 56 | .calcite.calcite-nav-top.calcite-zoom-top-left.calcite-margin-all.calcite-nav-hidden .esriSimpleSlider { 57 | margin-top: 15px; } 58 | 59 | .calcite.calcite-nav-bottom .esriSimpleSlider { 60 | margin-bottom: 80px; } 61 | 62 | .calcite.calcite-nav-bottom-fixed .esriSimpleSlider { 63 | margin-bottom: 15px; } 64 | 65 | .calcite.calcite-nav-bottom.calcite-margin-bottom .esriSimpleSlider { 66 | margin-bottom: 95px; } 67 | 68 | .calcite.calcite-nav-bottom.calcite-margin-all .esriSimpleSlider { 69 | margin-bottom: 95px; } 70 | 71 | .calcite.calcite-nav-bottom.calcite-zoom-bottom-left.calcite-nav-hidden .esriSimpleSlider { 72 | margin-bottom: 80px; } 73 | 74 | .calcite.calcite-nav-bottom.calcite-zoom-bottom-right.calcite-nav-hidden .esriSimpleSlider { 75 | margin-bottom: 15px; } 76 | 77 | .calcite.calcite-nav-bottom.calcite-zoom-bottom-left.calcite-margin-bottom.calcite-nav-hidden .esriSimpleSlider, 78 | .calcite.calcite-nav-bottom.calcite-zoom-bottom-left.calcite-margin-all.calcite-nav-hidden .esriSimpleSlider { 79 | margin-bottom: 95px; } 80 | 81 | .calcite-nav-bottom-fixed .esriMenu.esriSuggestMenu, 82 | .calcite-nav-bottom .esriMenu.esriSuggestMenu { 83 | bottom: 100%; 84 | top: auto; } 85 | 86 | .calcite-nav-top-fixed .esriCorner.esriBottom.esriRight, 87 | .calcite-nav-top .esriCorner.esriBottom.esriRight { 88 | top: auto; 89 | right: 4px; 90 | bottom: 1px; 91 | left: auto; } 92 | 93 | .calcite-nav-bottom-fixed .esriCorner.esriBottom.esriRight, 94 | .calcite-nav-bottom .esriCorner.esriBottom.esriRight { 95 | top: -2px; 96 | bottom: auto; 97 | right: 4px; } 98 | 99 | .calcite-nav-bottom.calcite-margin-all .esriCorner.esriBottom.esriRight { 100 | right: 15px; } 101 | 102 | .esriUI .esriCorner.esriBottom.esriRight .esriAttribution.esriComponent { 103 | margin: -1px 0; } 104 | 105 | .esriUI .esriCorner.esriBottom.esriRight .esriLogo.esriComponent { 106 | margin: 0; } 107 | 108 | .esriUI .esriCorner.esriBottom.esriRight .esriLogo.esriImage.esriComponent > a > img { 109 | width: 40px; } 110 | 111 | /* -------------- */ 112 | /* Medium screens */ 113 | /* -------------- */ 114 | /*@media (max-width: 992px) { 115 | .esriSearch .esriContainer .esriInput { 116 | width: 120px !important; 117 | } 118 | }*/ 119 | /* -------------- */ 120 | /* Mobile screens */ 121 | /* -------------- */ 122 | @media (max-width: 768px) { 123 | .calcite-nav-top.calcite-margin-all .calcite-panels, 124 | .calcite-nav-top.calcite-margin-bottom .calcite-panels { 125 | margin: 15px; } 126 | .calcite .calcite-panels .arcgisSearch .searchExpandContainer { 127 | width: calc(100% - 33px) !important; } 128 | .calcite .calcite-panels .arcgisSearch .searchGroup .searchInput, 129 | .calcite .calcite-panels .arcgisSearch .searchInputGroup { 130 | width: 100%; } 131 | .calcite .esriPopup .titleButton.maximize { 132 | display: none; } } 133 | -------------------------------------------------------------------------------- /lib/js/dojo-bootstrap/Affix.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Affix.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | './Support', 21 | 'dojo/_base/declare', 22 | 'dojo/query', 23 | 'dojo/_base/lang', 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | 'dojo/dom-construct', 28 | 'dojo/dom-attr', 29 | 'dojo/dom-style', 30 | 'dojo/dom-geometry', 31 | 'dojo/NodeList-dom', 32 | 'dojo/NodeList-traverse', 33 | 'dojo/domReady!' 34 | ], function (support, declare, query, lang, win, on, domClass, domConstruct, domAttr, domStyle, domGeom) { 35 | "use strict"; 36 | 37 | var spySelector = '[data-spy=affix]'; 38 | var Affix = declare([], { 39 | defaultOptions:{ 40 | offset: 0 41 | }, 42 | constructor:function (element, options) { 43 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 44 | this.domNode = element; 45 | on(win.global, 'scroll', lang.hitch(this, 'checkPosition')); 46 | on(win.global, 'click', lang.hitch(this, (function () { setTimeout(lang.hitch(this, 'checkPosition'), 1); }))); 47 | this.checkPosition(); 48 | }, 49 | checkPosition: function() { 50 | if (domStyle.get(this.domNode, 'display') === 'none') { return; } 51 | 52 | var pos = domGeom.position(this.domNode, false), 53 | scrollHeight = win.doc.height, 54 | scrollTop = win.global.scrollY, 55 | offset = this.options.offset, 56 | reset = 'affix affix-top affix-bottom', 57 | affix, 58 | offsetTop, 59 | offsetBottom; 60 | 61 | if (typeof offset !== 'object') { 62 | offsetBottom = offsetTop = offset; 63 | } else { 64 | if (typeof offset.top === 'function') { 65 | offsetTop = offset.top(); 66 | } else { 67 | offsetTop = offset.top || 0; 68 | } 69 | if (typeof offset.bottom === 'function') { 70 | offsetBottom = offset.bottom(); 71 | } else { 72 | offsetBottom = offset.bottom || 0; 73 | } 74 | } 75 | 76 | affix = this.unpin !== null && (scrollTop + this.unpin <= pos.y) ? 77 | false : offsetBottom !== null && (pos.y + pos.h >= scrollHeight - offsetBottom) ? 78 | 'bottom' : offsetTop !== null && scrollTop <= offsetTop ? 79 | 'top' : false; 80 | 81 | if (this.affixed === affix) { return; } 82 | 83 | this.affixed = affix; 84 | this.unpin = affix === 'bottom' ? pos.y - scrollTop : null; 85 | 86 | query(this.domNode).removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')); 87 | } 88 | }); 89 | 90 | lang.extend(query.NodeList, { 91 | affix:function (option) { 92 | var options = (lang.isObject(option)) ? option : {}; 93 | return this.forEach(function (node) { 94 | var data = support.getData(node, 'affix'); 95 | if (!data) { 96 | support.setData(node, 'affix', (data = new Affix(node, options))); 97 | } 98 | if (lang.isString(option)) { 99 | data[option].call(data); 100 | } 101 | }); 102 | } 103 | }); 104 | 105 | query(spySelector).forEach(function (node) { 106 | var data = support.getData(node); 107 | data.offset = data.offset || {}; 108 | if(data['offset-bottom']) { data.offset.bottom = data['offset-bottom']; } 109 | if(data['offset-top']) { data.offset.top = data['offset-top']; } 110 | query(node).affix(data); 111 | }); 112 | 113 | return Affix; 114 | }); -------------------------------------------------------------------------------- /dist/vendor/dojo-bootstrap/Affix.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * Affix.js v3.0.0 3 | * ========================================================== 4 | * Copyright 2012 xsokev 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | * ========================================================== */ 18 | 19 | define([ 20 | './Support', 21 | 'dojo/_base/declare', 22 | 'dojo/query', 23 | 'dojo/_base/lang', 24 | 'dojo/_base/window', 25 | 'dojo/on', 26 | 'dojo/dom-class', 27 | 'dojo/dom-construct', 28 | 'dojo/dom-attr', 29 | 'dojo/dom-style', 30 | 'dojo/dom-geometry', 31 | 'dojo/NodeList-dom', 32 | 'dojo/NodeList-traverse', 33 | 'dojo/domReady!' 34 | ], function (support, declare, query, lang, win, on, domClass, domConstruct, domAttr, domStyle, domGeom) { 35 | "use strict"; 36 | 37 | var spySelector = '[data-spy=affix]'; 38 | var Affix = declare([], { 39 | defaultOptions:{ 40 | offset: 0 41 | }, 42 | constructor:function (element, options) { 43 | this.options = lang.mixin(lang.clone(this.defaultOptions), (options || {})); 44 | this.domNode = element; 45 | on(win.global, 'scroll', lang.hitch(this, 'checkPosition')); 46 | on(win.global, 'click', lang.hitch(this, (function () { setTimeout(lang.hitch(this, 'checkPosition'), 1); }))); 47 | this.checkPosition(); 48 | }, 49 | checkPosition: function() { 50 | if (domStyle.get(this.domNode, 'display') === 'none') { return; } 51 | 52 | var pos = domGeom.position(this.domNode, false), 53 | scrollHeight = win.doc.height, 54 | scrollTop = win.global.scrollY, 55 | offset = this.options.offset, 56 | reset = 'affix affix-top affix-bottom', 57 | affix, 58 | offsetTop, 59 | offsetBottom; 60 | 61 | if (typeof offset !== 'object') { 62 | offsetBottom = offsetTop = offset; 63 | } else { 64 | if (typeof offset.top === 'function') { 65 | offsetTop = offset.top(); 66 | } else { 67 | offsetTop = offset.top || 0; 68 | } 69 | if (typeof offset.bottom === 'function') { 70 | offsetBottom = offset.bottom(); 71 | } else { 72 | offsetBottom = offset.bottom || 0; 73 | } 74 | } 75 | 76 | affix = this.unpin !== null && (scrollTop + this.unpin <= pos.y) ? 77 | false : offsetBottom !== null && (pos.y + pos.h >= scrollHeight - offsetBottom) ? 78 | 'bottom' : offsetTop !== null && scrollTop <= offsetTop ? 79 | 'top' : false; 80 | 81 | if (this.affixed === affix) { return; } 82 | 83 | this.affixed = affix; 84 | this.unpin = affix === 'bottom' ? pos.y - scrollTop : null; 85 | 86 | query(this.domNode).removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')); 87 | } 88 | }); 89 | 90 | lang.extend(query.NodeList, { 91 | affix:function (option) { 92 | var options = (lang.isObject(option)) ? option : {}; 93 | return this.forEach(function (node) { 94 | var data = support.getData(node, 'affix'); 95 | if (!data) { 96 | support.setData(node, 'affix', (data = new Affix(node, options))); 97 | } 98 | if (lang.isString(option)) { 99 | data[option].call(data); 100 | } 101 | }); 102 | } 103 | }); 104 | 105 | query(spySelector).forEach(function (node) { 106 | var data = support.getData(node); 107 | data.offset = data.offset || {}; 108 | if(data['offset-bottom']) { data.offset.bottom = data['offset-bottom']; } 109 | if(data['offset-top']) { data.offset.top = data['offset-top']; } 110 | query(node).affix(data); 111 | }); 112 | 113 | return Affix; 114 | }); --------------------------------------------------------------------------------