diff --git a/README.md b/README.md index 818d6e4ef7a..52601816ad6 100644 --- a/README.md +++ b/README.md @@ -63,24 +63,6 @@ To generate screenshots for a specific theme: These steps will create new screenshots in `tests/_output`. Note that due to platform differences, all of the files will be marked as changed. -### Embedding Resources - -To avoid hosting-related issues in projects that use the themes, the resources are embedded by encoding them in the output CSS. For more details, refer to [this issue](https://github.com/telerik/kendo-theme-default/issues/41#issuecomment-258472183). - -To embed the latest resources: - -1. Run the `npm run embed-assets` task. The task generates a file with the same name which registers a Base64-encoded version in the `$data-uris` SCSS map. For example, the `foo.woff` font file will be encoded in a `foo.scss` file which can later be imported through `@import './font/foo';`. -1. Inline the encoded file inside the CSS through `map-get( $data-uris, 'foo.woff' )`. For example: - -```scss -$web-font-uri: map-get( $data-uris, 'WebComponentsIcons.woff' ); - -@font-face { - font-family: 'WebComponentsIcons'; - src: url( $web-font-uri ) format( "woff" ); -} -``` - ### Documenting Variables The available variables for customizing each theme are listed in the article on customization for each theme (`docs/customization.md`) The file is generated from the SCSS source files by running the `npm run docs` command. diff --git a/gulpfile.js b/gulpfile.js index 4de436a6aa8..f574bfe40f7 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -5,14 +5,12 @@ const { globSync } = require("glob"); const gulp = require("gulp"); const { sassFlatten } = require('@progress/kendo-theme-tasks/src/build/sass-flatten'); -const { embedFileBase64 } = require('@progress/kendo-theme-tasks/src/embedFile'); const { getArg } = require("@progress/kendo-theme-tasks/src/utils"); // Settings const paths = { sass: { all: "packages/*/scss/**/*.scss", - assets: "packages/*/scss/**/*.{png,gif,ttf,woff}", themes: "packages/!(html)", theme: "scss/all.scss", swatches: "lib/swatches/*.json", @@ -145,28 +143,6 @@ function swatchJsonTransformer( json ) { } // #endregion - -// #region assets -gulp.task("assets", function() { - let files = globSync(paths.sass.assets); - let template = fs.readFileSync('lib/data-uri.template', 'utf8'); - - files.forEach( file => { - embedFileBase64({ - file: file, - output: { - filename: '[name].scss', - path: path.dirname( file ) - }, - template: template - }); - }); - - return Promise.resolve(); -}); -// #endregion - - // #region dist function distFlat() { let file = paths.sass.theme; diff --git a/package.json b/package.json index e5e611ff881..64b2ee15c54 100644 --- a/package.json +++ b/package.json @@ -73,9 +73,7 @@ "test:integrations": "npm run build --prefix integrations", "clean": "nx reset && find . -name \"node_modules\" -type d -prune | xargs rm -rf", "clean:dist": "find ./packages -name \"dist\" -type d -prune -maxdepth 2 | xargs rm -rf", - "clean:tests": "node ./scripts/cleanup-test-results.js", - - "embed-assets": "gulp assets" + "clean:tests": "node ./scripts/cleanup-test-results.js" }, "engines": { "node": "^20"