diff --git a/Gruntfile.js b/Gruntfile.js index a7e2916d81..67e375a68d 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -218,6 +218,10 @@ module.exports = function (grunt) { 'bower_components/jquery.tablesorter/dist/js/jquery.tablesorter.js' ], dest: 'dist/js/<%= pkg.name %>.js' + }, + docsOrange: { + src: ['docs/assets/css/docs.min.css', 'docs-orange/assets/css/docs-orange.min.css'], + dest: 'docs/assets/css/docs.min.css' } /* end mod */ }, @@ -274,7 +278,9 @@ module.exports = function (grunt) { autoprefixer ] }, - src: 'docs/assets/css/docs.min.css' + /* boosted mod */ + src: ['docs/assets/css/docs.min.css', 'docs-orange/assets/css/docs-orange.min.css'] + /* end mod */ }, examples: { options: { @@ -334,6 +340,10 @@ module.exports = function (grunt) { docs: { src: 'docs/assets/css/src/docs.css', dest: 'docs/assets/css/src/docs.css' + }, + docsOrange: { + src: 'docs-orange/assets/css/src/docs-orange.css', + dest: 'docs-orange/assets/css/src/docs-orange.css' } }, @@ -560,7 +570,9 @@ module.exports = function (grunt) { }); // Docs task. - grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']); + /* boosted mod */ + grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'csscomb:docs', 'csscomb:examples', 'csscomb:docsOrange', 'concat:docsOrange', 'cssmin:docs']); + /* end mod */ grunt.registerTask('docs-js', ['uglify:docsJs']); grunt.registerTask('lint-docs-js', ['jscs:assets']); grunt.registerTask('docs', ['docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs']); diff --git a/docs-orange/assets/css/docs-orange.min.css b/docs-orange/assets/css/docs-orange.min.css new file mode 100644 index 0000000000..48f3dddaff --- /dev/null +++ b/docs-orange/assets/css/docs-orange.min.css @@ -0,0 +1,28 @@ +.bd-pageheader { + color: #fff; + background-color: #000; +} + +.bd-pageheader h1 { + font-size: 5rem; +} + +.bd-pageheader p { + font-size: 1.4rem; +} + +@media (min-width: 768px) { + .bd-pageheader h1 { + font-size: 5rem; + } + .bd-pageheader p { + font-size: 1.4rem; + } +} + +.bd-search .form-control { + height: auto; + padding-top: 0; + padding-bottom: 0; + background-color: transparent; +} \ No newline at end of file diff --git a/docs-orange/assets/css/docs-orange.min.css.map b/docs-orange/assets/css/docs-orange.min.css.map new file mode 100644 index 0000000000..fc29281b1f --- /dev/null +++ b/docs-orange/assets/css/docs-orange.min.css.map @@ -0,0 +1,42 @@ +{ + "version": 3, + "file": "docs-orange.min.css", + "sources": [ + "../scss/docs-orange.scss", + "../../../scss/_variables.scss", + "../../../scss/_o-variables.scss", + "../../../scss/_mixins.scss", + "../../../scss/mixins/_breakpoints.scss", + "../../../scss/mixins/_hover.scss", + "../../../scss/mixins/_image.scss", + "../../../scss/mixins/_label.scss", + "../../../scss/mixins/_reset-filter.scss", + "../../../scss/mixins/_resize.scss", + "../../../scss/mixins/_screen-reader.scss", + "../../../scss/mixins/_size.scss", + "../../../scss/mixins/_tab-focus.scss", + "../../../scss/mixins/_reset-text.scss", + "../../../scss/mixins/_text-emphasis.scss", + "../../../scss/mixins/_text-hide.scss", + "../../../scss/mixins/_text-truncate.scss", + "../../../scss/mixins/_alert.scss", + "../../../scss/mixins/_buttons.scss", + "../../../scss/mixins/_pagination.scss", + "../../../scss/mixins/_lists.scss", + "../../../scss/mixins/_list-group.scss", + "../../../scss/mixins/_nav-divider.scss", + "../../../scss/mixins/_forms.scss", + "../../../scss/mixins/_progress.scss", + "../../../scss/mixins/_table-row.scss", + "../../../scss/mixins/_background-variant.scss", + "../../../scss/mixins/_border-radius.scss", + "../../../scss/mixins/_gradients.scss", + "../../../scss/mixins/_clearfix.scss", + "../../../scss/mixins/_center-block.scss", + "../../../scss/mixins/_grid-framework.scss", + "../../../scss/mixins/_grid.scss", + "../../../scss/mixins/_pulls.scss" + ], + "mappings": "AAIA,cAAc,CAAC;EACb,KAAK,EEec,IAAI;EFdvB,gBAAgB,EEaG,IAAI;CFMxB;;AArBD,cAAc,CAIZ,EAAE,CAAC;EACD,SAAS,EAAE,IAAK;CACjB;;AANH,cAAc,CAQZ,CAAC,CAAC;EACA,SAAS,EAAE,MAAO;CACnB;;AI+BC,MAAM,EAAL,SAAS,EAAE,KAAK;EJzCrB,cAAc,CAaV,EAAE,CAAC;IACD,SAAS,EAAE,IAAK;GACjB;EAfL,cAAc,CAiBV,CAAC,CAAC;IACA,SAAS,EAAE,MAAO;GACnB;;;AAIL,UAAU,CAER,aAAa,CAAC;EACZ,MAAM,EAAE,IAAK;EACb,WAAW,EAAE,CAAE;EACf,cAAc,EAAE,CAAE;EAClB,gBAAgB,EAAE,WAAY;CAC/B", + "names": [] +} \ No newline at end of file diff --git a/docs-orange/assets/scss/docs-orange.scss b/docs-orange/assets/scss/docs-orange.scss new file mode 100644 index 0000000000..8d2214b09d --- /dev/null +++ b/docs-orange/assets/scss/docs-orange.scss @@ -0,0 +1,76 @@ +@import '../../../scss/variables'; +@import '../../../scss/o-variables'; +@import '../../../scss/mixins'; + +.bd-pageheader { + background-color: $brand-orange-black; + color: $brand-orange-white; + border-top: 2px solid $gray-dark; + padding-top: 6rem; + padding-bottom: 6rem; + + @include media-breakpoint-up(md) { + h1 { + font-size: 5rem; + } + + p { + font-size: 1.4rem; + } + } + + h1 { + font-size: 5rem; + } + + p { + font-size: 1.4rem; + } + + +} + +.bd-search { + + .form-control { + background-color: transparent; + height: auto; + padding-bottom: 0; + padding-top: 0; + } +} + +.bd-navbar { + font-size: 1.8rem; + min-height: 6.8rem; + padding: 0; + + @include media-breakpoint-down(sm) { + .nav-link { + float: none; + + + .nav-link { + margin-left: 0; + } + } + } + + .navbar-nav { + .nav-link { + color: $brand-orange-white; + margin-top: 2.8rem; + padding: 1rem; + + &.active, + &:hover, + &:focus { + background-color: $brand-orange-black; + color: $brand-orange; + } + } + } + + .dropdown-menu { + font-size: inherit; + } +} diff --git a/grunt/bs-sass-compile/libsass.js b/grunt/bs-sass-compile/libsass.js index 271aac881c..0d4410c57a 100644 --- a/grunt/bs-sass-compile/libsass.js +++ b/grunt/bs-sass-compile/libsass.js @@ -25,7 +25,10 @@ module.exports = function configureLibsass(grunt) { }, docs: { files: { - 'docs/assets/css/docs.min.css': 'docs/assets/scss/docs.scss' + 'docs/assets/css/docs.min.css': 'docs/assets/scss/docs.scss', + /* boosted mod */ + 'docs-orange/assets/css/docs-orange.min.css': 'docs-orange/assets/scss/docs-orange.scss' + /* end mod */ } } }