diff --git a/.github/workflows/ci-frontend.yml b/.github/workflows/ci-frontend.yml index 3894a2d469..baa4f101ad 100644 --- a/.github/workflows/ci-frontend.yml +++ b/.github/workflows/ci-frontend.yml @@ -13,7 +13,7 @@ jobs: - uses: actions/setup-node@v2-beta with: - node-version: '12' + node-version: '12' #same as .nvmrc - uses: actions/cache@v2 with: diff --git a/groundcontrol/gulp-plugins/twig.js b/groundcontrol/gulp-plugins/twig.js index bad00e489d..59f0b005eb 100644 --- a/groundcontrol/gulp-plugins/twig.js +++ b/groundcontrol/gulp-plugins/twig.js @@ -17,11 +17,10 @@ export default function twig(options) { try { let contents = file.contents.toString(); - // Twig.js uses different escaping compared to the PHP version // This line was failing the renderering, as we don't put backlashes in the testdata it could be removed - contents = contents.replace(/\|replace\(\{\'\\\\\'\:\'\/\'\}\)/gmi, ''); - + contents = contents.replace(/\|replace\(\{\'\\\\\'\:\'(\/|\-)\'\}\)/gmi, ''); + const template = Twig.twig({ data: contents }); @@ -34,4 +33,4 @@ export default function twig(options) { } }); -}; \ No newline at end of file +}; diff --git a/groundcontrol/tasks/build-gc-skeleton.js b/groundcontrol/tasks/build-gc-skeleton.js index 7e4db387d0..c5e46cc8fb 100644 --- a/groundcontrol/tasks/build-gc-skeleton.js +++ b/groundcontrol/tasks/build-gc-skeleton.js @@ -20,12 +20,12 @@ const runChildProcess = (executable, args, cwd, cb) => { }); }; -export default function createBuildGroundControlSkeletonTask(skeletonPath, namespace = 'kuma/my-project') { +export default function createBuildGroundControlSkeletonTask(skeletonPath, namespace = 'kuma-my-project') { const distPath = skeletonPath + '/dist'; - const appPath = distPath + '/src/' + namespace; - const jsPath = appPath + '/Resources/ui/js'; - const scssPath = appPath + '/Resources/ui/scss'; - const adminJsPath = appPath + '/Resources/admin/js'; + const appPath = distPath + '/assets'; + const jsPath = appPath + '/ui/js'; + const scssPath = appPath + '/ui/scss'; + const adminJsPath = appPath + '/admin'; return [ function cleanGroundControlSkeleton() { @@ -42,7 +42,8 @@ export default function createBuildGroundControlSkeletonTask(skeletonPath, names getName: () => 'test-bundle', namespace }, - demosite: false + demosite: false, + isV4: true })) .pipe(gulp.dest(distPath)); }, @@ -56,8 +57,6 @@ export default function createBuildGroundControlSkeletonTask(skeletonPath, names fs.writeFileSync(adminJsPath + '/admin-bundle-extra.js', 'console.log(\'Hello world from admin\');\n'); fs.ensureDirSync(scssPath); fs.writeFileSync(scssPath + '/style.scss', 'body { font-size: 20px; }\n'); - // Style guide - fs.copySync(skeletonPath + '/../Resources/ui/styleguide', appPath + '/Resources/ui/styleguide'); // Index.html const html = ` @@ -69,13 +68,13 @@ export default function createBuildGroundControlSkeletonTask(skeletonPath, names - +

Test page

- - + + `; @@ -85,7 +84,7 @@ export default function createBuildGroundControlSkeletonTask(skeletonPath, names function installGroundControlSkeletonNpmPackages(cb) { runChildProcess('npm', ['install'], distPath, cb); }, - function builGroundControlSkeletonExample(cb) { + function buildGroundControlSkeletonExample(cb) { runChildProcess('npm', ['run', 'build'], distPath, cb); } ]; diff --git a/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_footer.html.twig b/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_footer.html.twig index 50d565ee68..fa2be31c92 100644 --- a/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_footer.html.twig +++ b/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_footer.html.twig @@ -16,6 +16,9 @@ {%- set jsPath = 'frontend/js/admin-bundle-extra.js' -%} {% if file_exists(jsPath) %}'{{ asset('/' ~ jsPath) }}'{% endif %} + + {%- set jsPath = 'build/js/admin-bundle-extra.js' -%} + {% if file_exists(jsPath) %}'{{ asset('/' ~ jsPath) }}'{% endif %} ]; if (!('fetch' in window && diff --git a/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_header.html.twig b/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_header.html.twig index d01256c707..1f5e064418 100644 --- a/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_header.html.twig +++ b/src/Kunstmaan/AdminBundle/Resources/views/Default/_js_header.html.twig @@ -1 +1,5 @@ +{% if encore_entry_exists('admin') %} + {{ encore_entry_script_tags('admin') }} +{% endif %} + {% include "@KunstmaanAdmin/Default/_js_header_extra.html.twig" %} diff --git a/src/Kunstmaan/ArticleBundle/Resources/views/AbstractArticlePageAdminList/list.html.twig b/src/Kunstmaan/ArticleBundle/Resources/views/AbstractArticlePageAdminList/list.html.twig index 41d0bcc58b..172f476605 100644 --- a/src/Kunstmaan/ArticleBundle/Resources/views/AbstractArticlePageAdminList/list.html.twig +++ b/src/Kunstmaan/ArticleBundle/Resources/views/AbstractArticlePageAdminList/list.html.twig @@ -51,7 +51,7 @@ {% else %} {% set title = adminlist.configurator.getEntityName() %} {% endif %} - + {% if adminlistconfigurator.overviewPage %} {% if adminlist.canAdd() %}
diff --git a/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/PageParts/LegalCookiesPagePart/view.html.twig b/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/PageParts/LegalCookiesPagePart/view.html.twig index 93b0dbd3c9..0d086819c3 100644 --- a/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/PageParts/LegalCookiesPagePart/view.html.twig +++ b/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/PageParts/LegalCookiesPagePart/view.html.twig @@ -1,6 +1,6 @@ {% set cookie = get_legal_cookie(app.request) %} -
+
{% for type in get_cookie_types() %} {{ type.name }} @@ -9,7 +9,12 @@ {% if type.alwaysOn %}
- + {% set imgPath = 'build/img/legal/svg/check.svg' %} + {% if file_exists(imgPath) %} + + {% else %} + + {% endif %} {{ 'kuma.cookie.cookie_preferences.always_on' | trans }} @@ -45,4 +50,3 @@ {% set cookie = get_legal_cookie(app.request) %} - diff --git a/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/Pages/LegalPage/_main.html.twig b/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/Pages/LegalPage/_main.html.twig index 521aca9f17..dd9d5965dd 100644 --- a/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/Pages/LegalPage/_main.html.twig +++ b/src/Kunstmaan/CookieBundle/Resources/skeleton/legal/Resources/views/Pages/LegalPage/_main.html.twig @@ -9,7 +9,12 @@
- + {% set imgPath = 'build/img/legal/svg/symbol-defs.svg' %} + {% if file_exists(imgPath) %} + + {% else %} + + {% endif %} {% endif %} {% endif %} diff --git a/src/Kunstmaan/CookieBundle/Resources/ui/scss/config/_variables.scss b/src/Kunstmaan/CookieBundle/Resources/ui/scss/config/_variables.scss index c908c19983..cc5bdb75ff 100644 --- a/src/Kunstmaan/CookieBundle/Resources/ui/scss/config/_variables.scss +++ b/src/Kunstmaan/CookieBundle/Resources/ui/scss/config/_variables.scss @@ -91,7 +91,7 @@ $kmcc-fact__figure-width: 150px; /* Fact ========================================================================== */ -$base-image-path: "../../frontend/img/legal/svg/"; +$base-image-path: "../../frontend/img/legal/svg/" !default; $toggle-check-image: $base-image-path + "toggle--check.svg" !default; $toggle-cross-image: $base-image-path + "toggle--cross.svg" !default; $arrow-up-image: $base-image-path + "arrow--up.svg" !default; diff --git a/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseCookieModalButtonIcon.html.twig b/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseCookieModalButtonIcon.html.twig index f722381bab..bdb17df7a7 100644 --- a/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseCookieModalButtonIcon.html.twig +++ b/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseCookieModalButtonIcon.html.twig @@ -1,4 +1,9 @@ - - \ No newline at end of file + {% set imgPath = 'build/img/legal/svg/symbol-defs.svg' %} + {% if file_exists(imgPath) %} + + {% else %} + + {% endif %} + diff --git a/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseDetailButtonIcon.html.twig b/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseDetailButtonIcon.html.twig index 369eba18f9..aa7366ca83 100644 --- a/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseDetailButtonIcon.html.twig +++ b/src/Kunstmaan/CookieBundle/Resources/views/Svg/CloseDetailButtonIcon.html.twig @@ -1,3 +1,8 @@ - - \ No newline at end of file + {% set imgPath = 'build/img/legal/svg/symbol-defs.svg' %} + {% if file_exists(imgPath) %} + + {% else %} + + {% endif %} + diff --git a/src/Kunstmaan/GeneratorBundle/Command/GenerateDefaultSiteCommand.php b/src/Kunstmaan/GeneratorBundle/Command/GenerateDefaultSiteCommand.php index 34c9b422ce..362d377bf2 100644 --- a/src/Kunstmaan/GeneratorBundle/Command/GenerateDefaultSiteCommand.php +++ b/src/Kunstmaan/GeneratorBundle/Command/GenerateDefaultSiteCommand.php @@ -28,6 +28,11 @@ class GenerateDefaultSiteCommand extends KunstmaanGenerateCommand */ private $demosite; + /** + * @var bool + */ + private $groundcontrol; + /** * @see Command */ @@ -48,6 +53,7 @@ protected function configure() ->addOption('namespace', '', InputOption::VALUE_OPTIONAL, 'The namespace to generate the default website in') ->addOption('prefix', '', InputOption::VALUE_OPTIONAL, 'The prefix to be used in the table names of the generated entities') ->addOption('demosite', '', InputOption::VALUE_NONE, 'Whether to generate a website with demo contents or a basic website') + ->addOption('groundcontrol', '', InputOption::VALUE_NONE, 'Whether to use Webpack Encore or Groundcontrol as FE build tools') ->addOption('browsersync', '', InputOption::VALUE_OPTIONAL, 'The URI that will be used for browsersync to connect') ->addOption('articleoverviewpageparent', '', InputOption::VALUE_OPTIONAL, 'Shortnames of the pages that can have the article overview page as a child (comma separated)') ->setName('kuma:generate:default-site'); @@ -87,12 +93,18 @@ protected function doExecute() $browserSyncUrl = $this->assistant->getOptionOrDefault('browsersync', null); + /* + * If we need to generate Groundcontrol or Webpack Encore + */ + $this->groundcontrol = $this->assistant->getOption('groundcontrol'); + // First we generate the layout if it is not yet generated $command = $this->getApplication()->find('kuma:generate:layout'); $arguments = [ 'command' => 'kuma:generate:layout', '--namespace' => str_replace('\\', '/', $this->bundle->getNamespace()), '--demosite' => $this->demosite, + '--groundcontrol' => $this->groundcontrol, '--browsersync' => $browserSyncUrl, '--subcommand' => true, ]; diff --git a/src/Kunstmaan/GeneratorBundle/Command/GenerateLayoutCommand.php b/src/Kunstmaan/GeneratorBundle/Command/GenerateLayoutCommand.php index 8e3a982693..a056862bb0 100644 --- a/src/Kunstmaan/GeneratorBundle/Command/GenerateLayoutCommand.php +++ b/src/Kunstmaan/GeneratorBundle/Command/GenerateLayoutCommand.php @@ -37,6 +37,7 @@ protected function configure() ->addOption('namespace', '', InputOption::VALUE_OPTIONAL, 'The namespace of the bundle where we need to create the layout in') ->addOption('subcommand', '', InputOption::VALUE_OPTIONAL, 'Whether the command is called from an other command or not') ->addOption('demosite', '', InputOption::VALUE_NONE, 'Pass this parameter when the demosite styles/javascipt should be generated') + ->addOption('groundcontrol', '', InputOption::VALUE_NONE, 'Pass this parameter to use Groundcontrol in favor of Webpack Encore') ->addOption('browsersync', '', InputOption::VALUE_OPTIONAL, 'The URI that will be used for browsersync to connect') ->setName('kuma:generate:layout'); } @@ -63,7 +64,7 @@ protected function doExecute() } $rootDir = $this->getApplication()->getKernel()->getProjectDir() . '/'; - $this->createGenerator()->generate($this->bundle, $rootDir, $this->assistant->getOption('demosite'), $this->browserSyncUrl); + $this->createGenerator()->generate($this->bundle, $rootDir, $this->assistant->getOption('demosite'), $this->browserSyncUrl, $this->assistant->getOption('groundcontrol')); if (!$this->isSubCommand()) { $this->assistant->writeSection('Layout successfully created', 'bg=green;fg=black'); @@ -88,8 +89,8 @@ protected function doInteract() $this->bundle = $this->askForBundleName('layout', $bundleNamespace); $this->browserSyncUrl = $this->assistant->getOptionOrDefault('browsersync', null); - if (null === $this->browserSyncUrl) { - $this->browserSyncUrl = $this->assistant->ask('Which URL would you like to configure for browserSync?', 'http://myproject.dev'); + if (null === $this->browserSyncUrl && $this->assistant->getOption('groundcontrol', null)) { + $this->browserSyncUrl = $this->assistant->ask('Which URL would you like to configure for browserSync?', 'https://myproject.dev'); } } diff --git a/src/Kunstmaan/GeneratorBundle/Command/InstallCommand.php b/src/Kunstmaan/GeneratorBundle/Command/InstallCommand.php index fa255ba5a9..933a8985fb 100644 --- a/src/Kunstmaan/GeneratorBundle/Command/InstallCommand.php +++ b/src/Kunstmaan/GeneratorBundle/Command/InstallCommand.php @@ -52,6 +52,7 @@ protected function configure() [ new InputOption('db-installed', '', InputOption::VALUE_NONE, 'Acknowledge that you have setup your database"'), new InputOption('demosite', '', InputOption::VALUE_REQUIRED, 'Do you want to create a "demosite"'), + new InputOption('groundcontrol', '', InputOption::VALUE_REQUIRED, 'Do you want to use Groundcontrol instead of Webpack Encore'), new InputOption('create-tests', '', InputOption::VALUE_REQUIRED, 'Do you want to create tests for you pages/pageparts'), new InputOption('namespace', '', InputOption::VALUE_OPTIONAL, 'The namespace of the bundle to create (only for SF3)'), new InputOption('dir', '', InputOption::VALUE_OPTIONAL, 'The directory where to create the bundle (only for SF3)'), @@ -90,10 +91,15 @@ protected function interact(InputInterface $input, OutputInterface $output) } if (null === $input->getOption('demosite')) { - $demoSiteOption = $this->assistant->askConfirmation('Do you want to create a "demosite"? (y/n)', 'n'); + $demoSiteOption = $this->assistant->askConfirmation('Do you want to create a "demosite"? (y/n)', 'n', '?', false); $input->setOption('demosite', $demoSiteOption === true ? 'Yes' : 'No'); } + if (null === $input->getOption('groundcontrol')) { + $groundcontrolOption = $this->assistant->askConfirmation('Do you want to use Groundcontrol instead of Webpack Encore? (y/n)', 'n', '?', false); + $input->setOption('groundcontrol', $groundcontrolOption === true ? 'Yes' : 'No'); + } + if (null === $input->getOption('create-tests')) { $createTests = $this->assistant->askConfirmation('Do you want to create tests for you pages/pageparts? (y/n)', 'n', '?', false); $input->setOption('create-tests', $createTests === true ? 'Yes' : 'No'); @@ -120,6 +126,10 @@ protected function execute(InputInterface $input, OutputInterface $output) $defaultSiteOptions['--demosite'] = true; } + if ($input->getOption('groundcontrol') === 'Yes') { + $defaultSiteOptions['--groundcontrol'] = true; + } + $this->executeCommand($output, 'kuma:generate:config'); $this @@ -172,14 +182,14 @@ protected function executeCommand(OutputInterface $output, $command, array $opti protected function getKunstmaanLogo() { return ' - /$$ /$$ /$$ /$$$$$$ - | $$ /$$/ | $$ /$$__ $$ + /$$ /$$ /$$ /$$$$$$ + | $$ /$$/ | $$ /$$__ $$ | $$ /$$/ /$$ /$$ /$$$$$$$ /$$$$$$$ /$$$$$$ /$$$$$$/$$$$ /$$$$$$ /$$$$$$ /$$$$$$$ | $$ \__/ /$$$$$$/$$$$ /$$$$$$$ | $$$$$/ | $$ | $$| $$__ $$ /$$_____/|_ $$_/ | $$_ $$_ $$ |____ $$ |____ $$| $$__ $$| $$ | $$_ $$_ $$ /$$_____/ - | $$ $$ | $$ | $$| $$ \ $$| $$$$$$ | $$ | $$ \ $$ \ $$ /$$$$$$$ /$$$$$$$| $$ \ $$| $$ | $$ \ $$ \ $$| $$$$$$ + | $$ $$ | $$ | $$| $$ \ $$| $$$$$$ | $$ | $$ \ $$ \ $$ /$$$$$$$ /$$$$$$$| $$ \ $$| $$ | $$ \ $$ \ $$| $$$$$$ | $$\ $$ | $$ | $$| $$ | $$ \____ $$ | $$ /$$| $$ | $$ | $$ /$$__ $$ /$$__ $$| $$ | $$| $$ $$| $$ | $$ | $$ \____ $$ | $$ \ $$| $$$$$$/| $$ | $$ /$$$$$$$/ | $$$$/| $$ | $$ | $$| $$$$$$$| $$$$$$$| $$ | $$| $$$$$$/| $$ | $$ | $$ /$$$$$$$/ - |__/ \__/ \______/ |__/ |__/|_______/ \___/ |__/ |__/ |__/ \_______/ \_______/|__/ |__/ \______/ |__/ |__/ |__/|_______/ + |__/ \__/ \______/ |__/ |__/|_______/ \___/ |__/ |__/ |__/ \_______/ \_______/|__/ |__/ \______/ |__/ |__/ |__/|_______/ '; } diff --git a/src/Kunstmaan/GeneratorBundle/Generator/DefaultSiteGenerator.php b/src/Kunstmaan/GeneratorBundle/Generator/DefaultSiteGenerator.php index d35a0bfeac..a12aba4c4f 100644 --- a/src/Kunstmaan/GeneratorBundle/Generator/DefaultSiteGenerator.php +++ b/src/Kunstmaan/GeneratorBundle/Generator/DefaultSiteGenerator.php @@ -31,6 +31,11 @@ class DefaultSiteGenerator extends KunstmaanGenerator */ private $demosite; + /** + * @var bool + */ + private $groundControl; + /** * Generate the website. * @@ -38,12 +43,13 @@ class DefaultSiteGenerator extends KunstmaanGenerator * @param string $rootDir * @param bool $demosite */ - public function generate(BundleInterface $bundle, $prefix, $rootDir, $demosite = false) + public function generate(BundleInterface $bundle, $prefix, $rootDir, $demosite = false, $groundControl = false) { $this->bundle = $bundle; $this->prefix = GeneratorUtils::cleanPrefix($prefix); $this->rootDir = $rootDir; $this->demosite = $demosite; + $this->groundControl = $groundControl; $parameters = [ 'namespace' => $this->bundle->getNamespace(), @@ -53,6 +59,7 @@ public function generate(BundleInterface $bundle, $prefix, $rootDir, $demosite = 'demosite' => $this->demosite, 'multilanguage' => $this->isMultiLangEnvironment(), 'isV4' => $this->isSymfony4(), + 'groundcontrol' => $this->groundControl, ]; $this->generateControllers($parameters); diff --git a/src/Kunstmaan/GeneratorBundle/Generator/LayoutGenerator.php b/src/Kunstmaan/GeneratorBundle/Generator/LayoutGenerator.php index 59288ecaee..526d03506a 100644 --- a/src/Kunstmaan/GeneratorBundle/Generator/LayoutGenerator.php +++ b/src/Kunstmaan/GeneratorBundle/Generator/LayoutGenerator.php @@ -34,22 +34,33 @@ class LayoutGenerator extends KunstmaanGenerator */ private $browserSyncUrl; + /** + * @var bool + */ + private $groundcontrol; + /** * Generate the basic layout. * * @param BundleInterface $bundle The bundle * @param string $rootDir The root directory of the application */ - public function generate(BundleInterface $bundle, $rootDir, $demosite, $browserSyncUrl) + public function generate(BundleInterface $bundle, $rootDir, $demosite, $browserSyncUrl, $groundcontrol) { $this->bundle = $bundle; $this->rootDir = $rootDir; $this->demosite = $demosite; $this->browserSyncUrl = $browserSyncUrl; + $this->groundcontrol = $groundcontrol; $this->shortBundleName = '@' . str_replace('Bundle', '', $bundle->getName()); - $this->generateGroundcontrolFiles(); + $this->generateSharedConfigFiles(); + if ($groundcontrol) { + $this->generateGroundcontrolFiles(); + } else { + $this->generateWebpackEncoreFiles(); + } $this->generateAssets(); $this->generateTemplate(); } @@ -65,56 +76,99 @@ private function generateGroundcontrolFiles() ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'browserSyncUrl' => $this->browserSyncUrl, 'isV4' => $this->isSymfony4()], true ); + $this->renderSingleFile( + $this->skeletonDir . '/groundcontrol/', + $this->rootDir, + 'gulpfile.babel.js', + ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'isV4' => $this->isSymfony4()], + true + ); $this->renderSingleFile( $this->skeletonDir . '/groundcontrol/', $this->rootDir, '.babelrc', - ['bundle' => $this->bundle], + [], true ); $this->renderSingleFile( $this->skeletonDir . '/groundcontrol/', $this->rootDir, - '.eslintrc', + 'package.json', ['bundle' => $this->bundle, 'demosite' => $this->demosite], true ); + $this->assistant->writeLine('Generating groundcontrol configuration : OK'); + } + + /** + * Generate the Webpack Encore configuration files. + */ + private function generateWebpackEncoreFiles() + { $this->renderSingleFile( - $this->skeletonDir . '/groundcontrol/', + $this->skeletonDir . '/webpack-encore/', $this->rootDir, - '.nvmrc', - ['bundle' => $this->bundle], + 'package.json', + ['bundle' => $this->bundle, 'demosite' => $this->demosite], true ); $this->renderSingleFile( - $this->skeletonDir . '/groundcontrol/', + $this->skeletonDir . '/webpack-encore/', $this->rootDir, - '.stylelintrc', - ['bundle' => $this->bundle], + 'postcss.config.js', + [], true ); - $this->renderExecutableFile( - $this->skeletonDir . '/groundcontrol/', + $this->renderSingleFile( + $this->skeletonDir . '/webpack-encore/', $this->rootDir, - 'buildUI.sh', - ['bundle' => $this->bundle], + 'webpack.config.js', + ['demosite' => $this->demosite], true ); + $this->assistant->writeLine('Generating webpack encore configuration : OK'); + } + + /** + * Generate shared (groundcontrol & webpack encore) configuration files. + */ + private function generateSharedConfigFiles() + { $this->renderSingleFile( - $this->skeletonDir . '/groundcontrol/', + $this->skeletonDir . '/frontend-config/', $this->rootDir, - 'gulpfile.babel.js', - ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'isV4' => $this->isSymfony4()], + '.babelrc', + ['bundle' => $this->bundle], true ); $this->renderSingleFile( - $this->skeletonDir . '/groundcontrol/', + $this->skeletonDir . '/frontend-config/', $this->rootDir, - 'package.json', + '.eslintrc', ['bundle' => $this->bundle, 'demosite' => $this->demosite], true ); - $this->assistant->writeLine('Generating groundcontrol configuration : OK'); + $this->renderSingleFile( + $this->skeletonDir . '/frontend-config/', + $this->rootDir, + '.nvmrc', + ['bundle' => $this->bundle], + true + ); + $this->renderSingleFile( + $this->skeletonDir . '/frontend-config/', + $this->rootDir, + '.stylelintrc', + ['bundle' => $this->bundle], + true + ); + $this->renderExecutableFile( + $this->skeletonDir . '/frontend-config/', + $this->rootDir, + 'buildUI.sh', + ['bundle' => $this->bundle], + true + ); } /** @@ -124,18 +178,28 @@ private function generateAssets() { $sourceDir = $this->skeletonDir; + if (!$this->groundcontrol) { + $this->removeDirectory($this->getAssetsDir($this->bundle)); + } + $relPath = '/Resources/ui/'; $this->copyFiles($sourceDir . $relPath, $this->getAssetsDir($this->bundle) . '/ui', true); $this->renderFiles( $sourceDir . $relPath . '/js/', $this->getAssetsDir($this->bundle) . '/ui/js/', - ['bundle' => $this->bundle, 'demosite' => $this->demosite], + ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'groundcontrol' => $this->groundcontrol], true ); $this->renderFiles( $sourceDir . $relPath . '/scss/', $this->getAssetsDir($this->bundle) . '/ui/scss/', - ['bundle' => $this->bundle, 'demosite' => $this->demosite], + ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'groundcontrol' => $this->groundcontrol], + true + ); + $this->renderFiles( + $sourceDir . '/Resources/admin/', + $this->getAssetsDir($this->bundle) . '/admin/', + ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'groundcontrol' => $this->groundcontrol, 'isV4' => $this->isSymfony4()], true ); @@ -204,8 +268,16 @@ private function generateAssets() $this->removeDirectory($this->getAssetsDir($this->bundle) . '/ui/scss/helpers/mixins/'); } - $relPath = '/Resources/admin/'; - $this->copyFiles($sourceDir . $relPath, $this->getAssetsDir($this->bundle) . '/admin', true); + if (!$this->groundcontrol) { + $this->renderSingleFile( + $sourceDir . $relPath . 'js/', + $this->getAssetsDir($this->bundle) . '/ui/', + 'app.js', + ['demosite' => $this->demosite, 'groundcontrol' => $this->groundcontrol], + true + ); + $this->removeFile($this->getAssetsDir($this->bundle) . '/ui/js/app.js'); + } $this->assistant->writeLine('Generating ui assets : OK'); } @@ -219,7 +291,13 @@ private function generateTemplate() $this->renderFiles( $this->skeletonDir . $relPath, $this->getTemplateDir($this->bundle), - ['bundle' => $this->bundle, 'demosite' => $this->demosite, 'shortBundleName' => $this->shortBundleName, 'isV4' => $this->isSymfony4()], + [ + 'bundle' => $this->bundle, + 'demosite' => $this->demosite, + 'shortBundleName' => $this->shortBundleName, + 'isV4' => $this->isSymfony4(), + 'groundcontrol' => $this->groundcontrol, + ], true ); @@ -229,6 +307,12 @@ private function generateTemplate() $this->removeFile($this->getTemplateDir($this->bundle) . '/Layout/_demositemessage.html.twig'); } + if ($this->groundcontrol) { + $this->removeFile($this->getTemplateDir($this->bundle) . '/Layout/_js.html.twig'); + } else { + $this->removeFile($this->getTemplateDir($this->bundle) . '/Layout/_js_footer.html.twig'); + } + $this->assistant->writeLine('Generating template files : OK'); } } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-bundle-extra.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-bundle-extra.js new file mode 100644 index 0000000000..09180c8641 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-bundle-extra.js @@ -0,0 +1,26 @@ +{% if groundcontrol %} +/** + * + * Extra Javascript that needs to be implemented for the KunstmaanBundlesCMS can be written in this file/folder. + * + * The Javascript will be bundled & compiled when the `npm run build` command has run. The compiled JS will be at: + * {% if isV4 %}public{% else %}web{% endif %}/build/js/admin-bundle-extra.js and will be included automatically in all of the KunstmaanBundlesCMS layouts. + * + */ +{% else %} +{% if not demosite %} +/* global $:readonly */ +{% endif %} +import './admin-style.scss'; + +document.onreadystatechange = () => { + // if you want to use jQuery + if (document.readyState === 'complete') { + initExtraAdminJs(); + } +}; + +function initExtraAdminJs() { + console.log($); +} +{% endif %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-style.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-style.scss new file mode 100644 index 0000000000..2c4f175d07 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/admin-style.scss @@ -0,0 +1,73 @@ +{% set pathPrefix = '../ui/scss/' %} +{% if not groundcontrol -%} +{% set pathPrefix = '~scssRootDir/' %} +{% endif %} +@charset "UTF-8"; + +/* ========================================================================== + Extra Stylesheet for admin + ========================================================================== */ + +/* Config (necessary only) + ========================================================================== */ +@import "{{ pathPrefix }}config/general/colors"; +@import "{{ pathPrefix }}config/general/typography/fonts"; +@import "{{ pathPrefix }}config/general/typography/bodycopy"; +@import "{{ pathPrefix }}config/general/sizes"; +@import "{{ pathPrefix }}config/general/paths"; + +/* Vendors - only vars! + ========================================================================== */ +@import "{{ pathPrefix }}config/vendors/bootstrap-vars"{% if demosite %}; +@import "{{ pathPrefix }}config/vendors/cargobay-vars"{% endif %}; + +/* General + ========================================================================== */ +@import "{{ pathPrefix }}general/typography/iconfont"; + +/* Helpers + ========================================================================== */ +@import "{{ pathPrefix }}helpers/helpers"; + + +/* Use these styling only in the pagepart previews + ========================================================================== */ +.page-template__region .admin-region, +.pp__view .pp__view__block:first-child { + /* stylelint-disable no-invalid-position-at-import-rule */ + /* General + ========================================================================== */ + @import "{{ pathPrefix }}general/typography/bodycopy"; + + /* Blocks + ========================================================================== */ + @import "{{ pathPrefix }}components/blocks/img"; + @import "{{ pathPrefix }}components/blocks/hr"; + @import "{{ pathPrefix }}components/blocks/lists"; + @import "{{ pathPrefix }}components/blocks/links"; + @import "{{ pathPrefix }}components/blocks/buttons"; + @import "{{ pathPrefix }}components/blocks/tables"; + + /* Structures + ========================================================================== */ +{% if demosite %} + @import "{{ pathPrefix }}components/structures/header-visual"; + @import "{{ pathPrefix }}components/structures/submenu"; +{% endif %} + + /* Pageparts + ========================================================================== */ + @import "{{ pathPrefix }}components/pageparts/button-pp"; + @import "{{ pathPrefix }}components/pageparts/download-pp"; + @import "{{ pathPrefix }}components/pageparts/header-pp"; + @import "{{ pathPrefix }}components/pageparts/image-pp"; + @import "{{ pathPrefix }}components/pageparts/introtext-pp"; + @import "{{ pathPrefix }}components/pageparts/link-pp"; +{% if demosite %} + @import "{{ pathPrefix }}components/pageparts/service-pp"; +{% endif %} + @import "{{ pathPrefix }}components/pageparts/text-pp"; + @import "{{ pathPrefix }}components/pageparts/totop-pp"; + @import "{{ pathPrefix }}components/pageparts/video-pp"; + /* stylelint-enable no-invalid-position-at-import-rule */ +} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/js/admin-bundle-extra.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/js/admin-bundle-extra.js deleted file mode 100644 index ceed9da5de..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/admin/js/admin-bundle-extra.js +++ /dev/null @@ -1,8 +0,0 @@ -/** - * - * Extra Javascript that needs to be implemented for the KunstmaanBundlesCMS can be written in this file/folder. - * - * The Javascript will be bundled & compiled when the `npm run build` command has run. The compiled JS will be at: - * web/frontend/js/admin-bundle-extra.js and will be included automatically in all of the KunstmaanBundlesCMS layouts. - * - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/js/app.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/js/app.js index 2ff3cc89b4..8a8d4182ee 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/js/app.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/js/app.js @@ -1,16 +1,26 @@ +{% set pathPrefix = './' %} +{% if not groundcontrol -%} +{% set pathPrefix = './js/' %} +{% endif %} import 'picturefill'; {% if demosite %} -import velocity from 'velocity-animate'; // eslint-disable-line +import 'velocity-animate'; import cbScrollToTop from 'cargobay/src/scroll-to-top/js/jquery.scroll-to-top'; import cbSidebarToggle from 'cargobay/src/sidebar-toggle/js/jquery.sidebar-toggle'; import cbToggle from 'cargobay/src/toggle/js/jquery.toggle'; +{% endif %} + +{% if not groundcontrol %} +import './scss/style.scss'; -import search from './search'; -import demoMsg from './demoMsg'; {% endif %} -import cookieConsent from './cookieConsent'; -import videolink from './videolink'; +{% if demosite %} +import search from '{{ pathPrefix }}search'; +import demoMsg from '{{ pathPrefix }}demoMsg'; +{% endif %} +import cookieConsent from '{{ pathPrefix }}cookieConsent'; +import videolink from '{{ pathPrefix }}videolink'; {% if demosite %} $(() => { @@ -23,7 +33,6 @@ $(() => { cookieConsent(); videolink(); }); - {% else %} document.addEventListener('DOMContentLoaded', () => { cookieConsent(); diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/admin-style.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/admin-style.scss deleted file mode 100644 index c8a9d5274e..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/admin-style.scss +++ /dev/null @@ -1,68 +0,0 @@ -@charset "UTF-8"; - -/* ========================================================================== - Extra Stylesheet for admin - ========================================================================== */ - -/* Config (necessary only) - ========================================================================== */ -@import "config/general/colors"; -@import "config/general/typography/fonts"; -@import "config/general/typography/bodycopy"; -@import "config/general/sizes"; -@import "config/general/paths"; - -/* Vendors - only vars! - ========================================================================== */ -@import "config/vendors/bootstrap-vars"{% if demosite %}; -@import "config/vendors/cargobay-vars"{% endif %}; - -/* General - ========================================================================== */ -@import "general/typography/iconfont"; - -/* Helpers - ========================================================================== */ -@import "helpers/helpers"; - - -/* Use these styling only in the pagepart previews - ========================================================================== */ -.page-template__region .admin-region, -.pp__view .pp__view__block:first-child { - - /* General - ========================================================================== */ - @import "general/typography/bodycopy"; - - /* Blocks - ========================================================================== */ - @import "components/blocks/img"; - @import "components/blocks/hr"; - @import "components/blocks/lists"; - @import "components/blocks/links"; - @import "components/blocks/buttons"; - @import "components/blocks/tables"; - - /* Structures - ========================================================================== */ -{% if demosite %} - @import "components/structures/header-visual"; - @import "components/structures/submenu"; -{% endif %} - - /* Pageparts - ========================================================================== */ - @import "components/pageparts/button-pp"; - @import "components/pageparts/download-pp"; - @import "components/pageparts/header-pp"; - @import "components/pageparts/image-pp"; - @import "components/pageparts/introtext-pp"; - @import "components/pageparts/link-pp"; -{% if demosite %} - @import "components/pageparts/service-pp"; -{% endif %} - @import "components/pageparts/text-pp"; - @import "components/pageparts/totop-pp"; - @import "components/pageparts/video-pp"; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/_components.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/_components.scss index 7492c44309..142401a08f 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/_components.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/_components.scss @@ -85,23 +85,3 @@ /* Vendors ========================================================================== */ @import "vendors/bootstrap-components/grid"; - -/** - * @section Blocks - * @page Index - */ - -/** - * @section Pageparts - * @page Index - */ - -/** - * @section Structures - * @page Index - */ - -/** - * @section Forms - * @page Index - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_buttons.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_buttons.scss index d05640b83b..7dbaecda01 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_buttons.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_buttons.scss @@ -1,6 +1,7 @@ /* ========================================================================== Blocks - Buttons ========================================================================== */ +@use "sass:color"; /* General ========================================================================== */ @@ -23,16 +24,16 @@ border: 1px solid $text-color; {% endif %} - -webkit-appearance: none; + appearance: none; color: $text-color; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; + white-space: nowrap; cursor: pointer; - white-space: nowrap; user-select: none; transition: background .3s ease-in-out; @@ -41,9 +42,9 @@ &:focus, &:active { {% if demosite %} - background-color: darken($white, 5%); -{% endif %} + background-color: color.adjust($white, $lightness: -5%); +{% endif %} color: $text-color; text-decoration: none; } @@ -77,7 +78,7 @@ &:hover, &:focus, &:active { - background-color: lighten($brand-primary, 5%); + background-color: color.adjust($brand-primary, $lightness: 5%); color: $white; } @@ -96,33 +97,9 @@ &:hover, &:focus, &:active { - background-color: lighten($brand-primary--dark, 5%); + background-color: color.adjust($brand-primary--dark, $lightness: 5%); color: $white; } {% endif %} } - - -/** - * @section Buttons - * @sectionof Blocks - */ - -/** - * @doc docs/buttons.md - * @section - * @sectionof Blocks.Buttons - */ - -/** - * @doc docs/buttons-types.md - * @section - * @sectionof Blocks.Buttons - */ - -/** - * @doc docs/buttons-sizes.md - * @section - * @sectionof Blocks.Buttons - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_hr.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_hr.scss index 1fbcff90e6..f39f08da02 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_hr.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_hr.scss @@ -14,10 +14,3 @@ aside { margin: 16px 0; } } - - -/** - * @doc docs/hr.md - * @section - * @sectionof Blocks - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_img.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_img.scss index d160821cc0..dfb64d23cb 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_img.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_img.scss @@ -17,22 +17,3 @@ figure { display: block; } } - - -/** - * @section Images - * @sectionof Blocks - */ - - -/** - * @doc docs/img.md - * @section - * @sectionof Blocks.Images - */ - -/** - * @doc docs/img-caption.md - * @section - * @sectionof Blocks.Images - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_links.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_links.scss index 11a34f4ce6..c68792bc83 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_links.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_links.scss @@ -20,10 +20,3 @@ a { text-decoration: none; } } - - -/** - * @doc docs/links.md - * @section - * @sectionof Blocks - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_lists.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_lists.scss index 4e5bc47692..b7436ccb01 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_lists.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_lists.scss @@ -10,22 +10,3 @@ list-style: none; } - - -/** - * @section Lists - * @sectionof Blocks - */ - - -/** - * @doc docs/list-ul.md - * @section - * @sectionof Blocks.Lists - */ - -/** - * @doc docs/list-ol.md - * @section - * @sectionof Blocks.Lists - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_tables.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_tables.scss index b697fffa36..2ad4d93eff 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_tables.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/_tables.scss @@ -41,21 +41,3 @@ td { } {% endif %} - -/** - * @section Tables - * @sectionof Blocks - */ - - -/** - * @doc docs/table.md - * @section - * @sectionof Blocks.Tables - */ - -/** - * @doc docs/table-overflow.md - * @section - * @sectionof Blocks.Tables - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-sizes.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-sizes.md deleted file mode 100644 index 2f275d2cd8..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-sizes.md +++ /dev/null @@ -1,16 +0,0 @@ -# Sizes - -```html -@example - - - - - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-types.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-types.md deleted file mode 100644 index 73d28b5c84..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons-types.md +++ /dev/null @@ -1,12 +0,0 @@ -# Types - -```html -@example - - - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons.md deleted file mode 100644 index 56019578c2..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/buttons.md +++ /dev/null @@ -1,8 +0,0 @@ -# General - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/hr.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/hr.md deleted file mode 100644 index 398e48bed7..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/hr.md +++ /dev/null @@ -1,6 +0,0 @@ -# HR - -```html -@example -
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img-caption.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img-caption.md deleted file mode 100644 index e77ff6370a..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img-caption.md +++ /dev/null @@ -1,11 +0,0 @@ -# Image with caption - -```html -@example -
- -
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore perspiciatis voluptatem sed saepe debitis, impedit nesciunt quisquam ipsum molestiae quia ab. -
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img.md deleted file mode 100644 index 1e1f77287d..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/img.md +++ /dev/null @@ -1,6 +0,0 @@ -# General - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/links.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/links.md deleted file mode 100644 index 1853c8fdf2..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/links.md +++ /dev/null @@ -1,8 +0,0 @@ -# Links - -```html -@example -

- Link -

-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ol.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ol.md deleted file mode 100644 index fd74aeaefb..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ol.md +++ /dev/null @@ -1,11 +0,0 @@ -# Ordered list - -```html -@example -
    -
  1. Ordered list
  2. -
  3. Ordered list
  4. -
  5. Ordered list
  6. -
  7. Ordered list
  8. -
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ul.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ul.md deleted file mode 100644 index 82eb7b1643..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/list-ul.md +++ /dev/null @@ -1,11 +0,0 @@ -# Unordered list - -```html -@example -
    -
  • Unordered list
  • -
  • Unordered list
  • -
  • Unordered list
  • -
  • Unordered list
  • -
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table-overflow.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table-overflow.md deleted file mode 100644 index d724da0373..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table-overflow.md +++ /dev/null @@ -1,57 +0,0 @@ -# Overflow container - -```html -@example -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Header 1Header 2Header 3Header 4Header 5Header 6Header 7Header 8Header 9
Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.Loremipsumdolorsitamet.
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table.md deleted file mode 100644 index f4e7b43650..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/blocks/docs/table.md +++ /dev/null @@ -1,31 +0,0 @@ -# Default - -```html -@example - - - - - - - - - - - - - - - - - - - - - - - - - -
Header 1Header 2Header 3
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-control.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-control.scss index 354f6d4eed..83c87f969d 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-control.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-control.scss @@ -66,8 +66,7 @@ border: none; border-radius: 0; - -webkit-appearance: none; - -moz-appearance: none; + appearance: none; font-size: 13px; @@ -77,27 +76,3 @@ } {% endif %} } - - -/** - * @section Form control - * @sectionof Forms - */ - -/** - * @doc docs/input-text.md - * @section - * @sectionof Forms.Form control - */ - -/** - * @doc docs/input-textarea.md - * @section - * @sectionof Forms.Form control - */ - -/** - * @doc docs/input-select.md - * @section - * @sectionof Forms.Form control - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-group.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-group.scss index 7aaf2f85ca..ad98cb0fc9 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-group.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-group.scss @@ -30,10 +30,3 @@ color: $brand-danger; font-size: .8em; } - - -/** - * @doc docs/form-group.md - * @section - * @sectionof Forms - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-widget.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-widget.scss index 23775dab81..a3a286c65d 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-widget.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_form-widget.scss @@ -91,10 +91,3 @@ max-width: 450px; } {% endif %} - - -/** - * @doc docs/form-widget.md - * @section - * @sectionof Forms - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_radio-checkbox.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_radio-checkbox.scss index 96437da699..f69d5b2981 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_radio-checkbox.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/_radio-checkbox.scss @@ -63,16 +63,3 @@ } {% endif %} } - - -/** - * @doc docs/checkboxes.md - * @section - * @sectionof Forms.Form control - */ - -/** - * @doc docs/radiobuttons.md - * @section - * @sectionof Forms.Form control - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/checkboxes.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/checkboxes.md deleted file mode 100644 index f848a0615e..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/checkboxes.md +++ /dev/null @@ -1,13 +0,0 @@ -# Checkboxes - -```html -@example -
-
- - -
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-group.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-group.md deleted file mode 100644 index 9eb5b7c638..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-group.md +++ /dev/null @@ -1,19 +0,0 @@ -# Form group - -```html -@example -
- - -
- -
- - -
Lorem ipsum dolor sit amet
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-widget.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-widget.md deleted file mode 100644 index be9467719f..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/form-widget.md +++ /dev/null @@ -1,14 +0,0 @@ -# Form widget - -```html -@example -
- - - -
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-select.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-select.md deleted file mode 100644 index 431ae625fe..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-select.md +++ /dev/null @@ -1,10 +0,0 @@ -# Select - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-text.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-text.md deleted file mode 100644 index e0ded262c0..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-text.md +++ /dev/null @@ -1,6 +0,0 @@ -# Input text - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-textarea.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-textarea.md deleted file mode 100644 index fe4ac23b1f..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/input-textarea.md +++ /dev/null @@ -1,6 +0,0 @@ -# Textarea - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/radiobuttons.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/radiobuttons.md deleted file mode 100644 index 5183313624..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/forms/docs/radiobuttons.md +++ /dev/null @@ -1,15 +0,0 @@ -# Radiobuttons - -```html -@example -
-
- - -
-
- - -
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/header/_language-nav.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/header/_language-nav.scss index e833813bf9..d15ae0177e 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/header/_language-nav.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/header/_language-nav.scss @@ -23,7 +23,7 @@ &:hover, &:focus { background: $grey--lighter; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); + box-shadow: 0 2px 4px 0 rgba(0 0 0 / .2); transition: box-shadow .15s ease; @@ -32,7 +32,7 @@ height: auto; - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2); + box-shadow: 0 3px 4px 0 rgba(0 0 0 / .2); } } } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_button-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_button-pp.scss index d5f36bfd93..d6d738e16d 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_button-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_button-pp.scss @@ -28,10 +28,3 @@ display: block; } } - - -/** - * @doc docs/button-pp.md - * @section - * @sectionof Pageparts - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_download-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_download-pp.scss index 1179bef32c..e9b42bd530 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_download-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_download-pp.scss @@ -28,10 +28,3 @@ } {% endif %} } - - -/** - * @doc docs/download-pp.md - * @section - * @sectionof Pageparts - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_header-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_header-pp.scss index a184e8b938..5c5eed4874 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_header-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_header-pp.scss @@ -1,10 +1,3 @@ /* ========================================================================== Pageparts - Header pp ========================================================================== */ - - -/** - * @doc docs/header-pp.md - * @section - * @sectionof Pageparts - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_image-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_image-pp.scss index a872521dd2..a9fd33d727 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_image-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_image-pp.scss @@ -7,10 +7,3 @@ .image-pp { margin: $default-margin 0; } - - -/** - * @doc docs/image-pp.md - * @section - * @sectionof Pageparts - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_introtext-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_introtext-pp.scss index 0a14cb382c..86c7ed7030 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_introtext-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_introtext-pp.scss @@ -8,10 +8,3 @@ max-width: 720px; margin: $default-margin auto; } - - -/** - * @doc docs/introtext-pp.md - * @section - * @sectionof Pageparts - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_link-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_link-pp.scss index 861deba9ad..ada52f2566 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_link-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_link-pp.scss @@ -45,9 +45,3 @@ } } {% endif %} - -/** -* @doc docs/link-pp.md -* @section -* @sectionof Pageparts -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_text-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_text-pp.scss index 0aff3dc477..c049e54708 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_text-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_text-pp.scss @@ -42,10 +42,3 @@ } {% endif %} } - - -/** -* @doc docs/text-pp.md -* @section -* @sectionof Pageparts -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_totop-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_totop-pp.scss index 93044ef739..1f8be7b234 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_totop-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_totop-pp.scss @@ -17,10 +17,3 @@ color: $text-color; } } - - -/** -* @doc docs/totop-pp.md -* @section -* @sectionof Pageparts -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_video-pp.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_video-pp.scss index c8acc0b7ec..bf98cbfea3 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_video-pp.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/_video-pp.scss @@ -42,7 +42,7 @@ text-align: center; &:before { - content: ''; + content: ""; position: relative; top: 3px; @@ -86,10 +86,3 @@ } } } - - -/** -* @doc docs/video-pp.md -* @section -* @sectionof Pageparts -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/button-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/button-pp.md deleted file mode 100644 index 9303086e59..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/button-pp.md +++ /dev/null @@ -1,28 +0,0 @@ -# Button - -```html -@example -

- - button left - -

- -

- - button large center - -

- -

- - button small right - -

- -

- - button block - -

-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/download-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/download-pp.md deleted file mode 100644 index 63ccea8c98..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/download-pp.md +++ /dev/null @@ -1,9 +0,0 @@ -# Download - -```html -@example -

- file1.png - | png 1.8mb -

-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/header-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/header-pp.md deleted file mode 100644 index ee68c833fa..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/header-pp.md +++ /dev/null @@ -1,23 +0,0 @@ -# Header - -```html -@example -

- Header h1 -

-

- Header h2 -

-

- Header h3 -

-

- Header h4 -

-
- Header h5 -
-
- Header h6 -
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/image-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/image-pp.md deleted file mode 100644 index 20c19bdbf7..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/image-pp.md +++ /dev/null @@ -1,9 +0,0 @@ -# Image - -```html -@example -
- -

Some caption message

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/introtext-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/introtext-pp.md deleted file mode 100644 index 3738555a74..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/introtext-pp.md +++ /dev/null @@ -1,8 +0,0 @@ -# Introtext - -```html -@example -
-

This is some intro text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/link-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/link-pp.md deleted file mode 100644 index 4c2a9426d7..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/link-pp.md +++ /dev/null @@ -1,11 +0,0 @@ -# Link - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/text-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/text-pp.md deleted file mode 100644 index c0f4febcc6..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/text-pp.md +++ /dev/null @@ -1,8 +0,0 @@ -# Text - -```html -@example -
-

This is a regular text pagepart. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/totop-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/totop-pp.md deleted file mode 100644 index 2f4d9c5d96..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/totop-pp.md +++ /dev/null @@ -1,11 +0,0 @@ -# totop - -```html -@example -

- - Top - - -

-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/video-pp.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/video-pp.md deleted file mode 100644 index 0c1ba9f7d8..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/pageparts/docs/video-pp.md +++ /dev/null @@ -1,14 +0,0 @@ -# Video - -```html -@example -
- -
Some text here
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_blog-item.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_blog-item.scss index 56af248aad..ba8b4a9812 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_blog-item.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_blog-item.scss @@ -40,21 +40,3 @@ .blog-item__read-more { margin: 0; } - - -/** -* @section Blog item -* @sectionof Structures -*/ - -/** -* @doc docs/blog-item.md -* @section -* @sectionof Structures.Blog item -*/ - -/** -* @doc docs/blog-item-summary.md -* @section -* @sectionof Structures.Blog item -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_breadcrumb-nav.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_breadcrumb-nav.scss index d86b0a91e0..447f896f75 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_breadcrumb-nav.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_breadcrumb-nav.scss @@ -33,10 +33,3 @@ font-size: 10px; vertical-align: middle; } - - -/** -* @doc docs/breadcrumb.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_cookie-consent.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_cookie-consent.scss index bf1bfdd225..2b44c9861b 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_cookie-consent.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_cookie-consent.scss @@ -24,7 +24,7 @@ line-height: 1.7; text-align: left; - animation-name: cookieSlide; + animation-name: cookie-slide; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .8s; @@ -92,7 +92,7 @@ display: block; } -@keyframes cookieSlide { +@keyframes cookie-slide { 0% { transform: translate3d(0, 60px, 0); @@ -105,9 +105,3 @@ opacity: 1; } } - -/** -* @doc docs/cookie-consent.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_demosite-msg.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_demosite-msg.scss index 1f756081c8..6e20ddeaf0 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_demosite-msg.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_demosite-msg.scss @@ -1,6 +1,7 @@ /* ========================================================================== Structures - Demosite msg ========================================================================== */ +@use "sass:color"; .demosite-msg__wrapper { position: relative; @@ -15,12 +16,12 @@ &:focus, &:active { .demosite-msg { - background: lighten($brand-primary, 5%); + background: color.adjust($brand-primary, $lightness: 5%); } .demosite-msg__btn { &:after { - border-color: lighten($brand-primary, 5%) transparent transparent transparent; + border-color: color.adjust($brand-primary, $lightness: 5%) transparent transparent transparent; } } } @@ -76,7 +77,7 @@ text-align: center; &:after { - content: ''; + content: ""; position: absolute; top: 0; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_header-visual.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_header-visual.scss index 07bfae57ff..6ccc66b0b8 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_header-visual.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_header-visual.scss @@ -86,10 +86,3 @@ border: 0; } } - - -/** -* @doc docs/header-visual.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_newsletter.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_newsletter.scss index c1c0a149b4..99bae6dd68 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_newsletter.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_newsletter.scss @@ -102,10 +102,3 @@ margin-top: 0; } } - - -/** -* @doc docs/newsletter.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_pagination.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_pagination.scss index 63259f797b..98290fda60 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_pagination.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_pagination.scss @@ -51,10 +51,3 @@ font-size: .6875em; } - - -/** -* @doc docs/pagination.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_search-results.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_search-results.scss index 8f40da86ea..9b0622284f 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_search-results.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_search-results.scss @@ -39,10 +39,3 @@ .search-results__text { margin-bottom: 0; } - - -/** -* @doc docs/search-results.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_splash.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_splash.scss index 5276650202..754a994eea 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_splash.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_splash.scss @@ -19,10 +19,3 @@ .splash--smaller-margin { margin-bottom: 40px; } - - -/** -* @doc docs/splash.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_submenu.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_submenu.scss index 5c23a9f048..ac440941bc 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_submenu.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_submenu.scss @@ -39,10 +39,3 @@ .submenu__text { color: $grey; } - - -/** -* @doc docs/submenu.md -* @section -* @sectionof Structures -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_videolink.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_videolink.scss index 5479f860d1..7b8b38c332 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_videolink.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/_videolink.scss @@ -69,7 +69,7 @@ text-align: center; &:before { - content: ''; + content: ""; position: relative; top: 3px; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item-summary.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item-summary.md deleted file mode 100644 index 7de19689dd..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item-summary.md +++ /dev/null @@ -1,27 +0,0 @@ -# Summary - -```html -@example -
-
- -

- - Blog title - -

-
- -

- Enim ipsum aut nobis corrupti ad aut molestiae. Nisi illo rerum doloribus. Consequuntur est quis quis aperiam voluptas dolores. Non modi asperiores vel. Cum sit asperiores cupiditate incidunt quos dolores. Est quia aut neque architecto corrupti laudantium non. Cupiditate autem ut at unde sit. -

- -

- - Read more - -

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item.md deleted file mode 100644 index b9951090fb..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/blog-item.md +++ /dev/null @@ -1,20 +0,0 @@ -# General - -```html -@example -
-
- -

- - Blog title - -

-
-

- Enim ipsum aut nobis corrupti ad aut molestiae. Nisi illo rerum doloribus. Consequuntur est quis quis aperiam voluptas dolores. Non modi asperiores vel. Cum sit asperiores cupiditate incidunt quos dolores. Est quia aut neque architecto corrupti laudantium non. Cupiditate autem ut at unde sit. -

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/breadcrumb.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/breadcrumb.md deleted file mode 100644 index b660e498f8..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/breadcrumb.md +++ /dev/null @@ -1,18 +0,0 @@ -# Breadcrumb - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/cookie-consent.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/cookie-consent.md deleted file mode 100644 index 26fc459773..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/cookie-consent.md +++ /dev/null @@ -1,23 +0,0 @@ -# Cookie consent - -```html -@example -
- -
-``` - -```html -@code - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/header-visual.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/header-visual.md deleted file mode 100644 index 6c4d787417..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/header-visual.md +++ /dev/null @@ -1,21 +0,0 @@ -# Header visual - -```html -@example -
- -
-
-

- Title -

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id cum corporis adipisci maiores nobis. -

- - CTA - -
-
-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/newsletter.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/newsletter.md deleted file mode 100644 index 6576440a0b..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/newsletter.md +++ /dev/null @@ -1,19 +0,0 @@ -# Newsletter - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/pagination.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/pagination.md deleted file mode 100644 index ab3434bd7d..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/pagination.md +++ /dev/null @@ -1,23 +0,0 @@ -# Pagination - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/search-results.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/search-results.md deleted file mode 100644 index 2a65913b90..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/search-results.md +++ /dev/null @@ -1,14 +0,0 @@ -# Search results - -```html -@example -
-
- - -
-

5 Resultaten voor lorem

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/splash.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/splash.md deleted file mode 100644 index db657add54..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/splash.md +++ /dev/null @@ -1,28 +0,0 @@ -# Splash - -```html -@example -
-

- Lorem Ipsum Dolor -

-
- -
-

- Lorem Ipsum Dolor -

-
- -
-

- Lorem Ipsum Dolor -

-
- -
-

- Lorem Ipsum Dolor -

-
-``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/submenu.md b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/submenu.md deleted file mode 100644 index c35b9b5b51..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/components/structures/docs/submenu.md +++ /dev/null @@ -1,21 +0,0 @@ -# Submenu - -```html -@example - -``` diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/_config.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/_config.scss index 024dee4420..64180fb395 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/_config.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/_config.scss @@ -25,3 +25,6 @@ @import "vendors/cargobay-vars"; @import "vendors/cargobay-imports"; {% endif %} + +@import "vendors/cookie-bundle-vars"; +// @import "vendors/cookie-bundle-imports"; // import when cookie-bundle is enabled diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_colors.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_colors.scss index 9370f4ac5f..c66577b181 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_colors.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_colors.scss @@ -4,6 +4,7 @@ This file is exclusively intended for setting up variables Never add styles directly to this file ========================================================================== */ +@use "sass:color"; /* Colors ========================================================================== */ @@ -39,12 +40,12 @@ $brand-danger: $red; $text-color: $grey--dark; $hr-color: $grey--light; $link-color: $brand-primary; -$link-color--hover: darken($link-color, 15%); +$link-color--hover: color.adjust($link-color, $lightness: -15%); {% else %} /* Brand colors ========================================================================== */ $brand-primary: $blue; -$brand-primary--dark: darken($brand-primary, 15%); +$brand-primary--dark: color.adjust($brand-primary, $lightness: -15%); $brand-danger: $red; @@ -53,55 +54,5 @@ $brand-danger: $red; $text-color: $black; $hr-color: $grey; $link-color: $brand-primary; -$link-color--hover: darken($link-color, 15%); +$link-color--hover: color.adjust($link-color, $lightness: -15%); {% endif %} - - -/** - * @section Colors - * @page Index - */ - -{% if demosite %} -{% verbatim %} -/** - * @section Greyscale - * @sectionof Colors - * - * @color {#373737} Black - [Colors.Greyscale] - * @color {#444444} Grey darker - [Colors.Greyscale] - * @color {#606060} Grey dark - [Colors.Greyscale] - * @color {#9D9D9D} Grey - [Colors.Greyscale] - * @color {#E2E2E2} Grey light - [Colors.Greyscale] - * @color {#F9F9F9} Grey lighter - [Colors.Greyscale] - * @color {#FFFFFF} White - [Colors.Greyscale] - */ - -/** -* @section Brand colors -* @sectionof Colors -* -* @color {#5CB8E6} Brand primary - [Colors.Brand colors] -* @color {#053046} Brand primary dark - [Colors.Brand colors] -* @color {#FF4600} Brand danger - [Colors.Brand colors] -*/ -{% endverbatim %} -{% else %} -{% verbatim %} -/** - * @section Greyscale - * @sectionof Colors - * - * @color {#373737} Black - [Colors.Greyscale] - * @color {#FFFFFF} White - [Colors.Greyscale] - */ - -/** -* @section Brand colors -* @sectionof Colors -* -* @color {#5CB8E6} Brand primary - [Colors.Brand colors] -* @color {#053046} Brand primary dark - [Colors.Brand colors] -* @color {#FF4600} Brand danger - [Colors.Brand colors] -*/ -{% endverbatim %}{% endif %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_paths.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_paths.scss index fa95568ac8..0042d8c987 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_paths.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/_paths.scss @@ -8,7 +8,7 @@ /* General ========================================================================== */ -$root: "/frontend"; +$root: "/build"; /* Image folders @@ -24,6 +24,10 @@ $general: "#{$root}/img/general"; {% if demosite %} /* Font folders ========================================================================== */ +{% if not groundcontrol %} +$iconfont-path: "~scssRootDir/../fonts/iconfont/fonts"; +{% else %} $iconfont-path: "#{$root}/fonts/iconfont/fonts"; +{% endif %} $webfont-path: "#{$root}/fonts/webfont/fonts"; -{% endif %} \ No newline at end of file +{% endif %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/typography/_fonts.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/typography/_fonts.scss index 93e4e9cc8b..15d82c9dc3 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/typography/_fonts.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/general/typography/_fonts.scss @@ -8,10 +8,10 @@ /* Webfonts ========================================================================== */ {% if demosite %} -$primary-font: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; -$secondary-font: Arial, sans-serif; +$primary-font: "Lato", "Helvetica Neue", helvetica, arial, sans-serif; +$secondary-font: arial, sans-serif; {% else %} -$primary-font: "Helvetica Neue", Helvetica, Arial, sans-serif; +$primary-font: "Helvetica Neue", helvetica, arial, sans-serif; $secondary-font: "Times New Roman", serif; {% endif %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-imports.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-imports.scss index a22babf8ec..1968ce8f1b 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-imports.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-imports.scss @@ -14,6 +14,7 @@ /* Reset and dependencies ========================================================================== */ @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/normalize"; + // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/print"; // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/glyphicons"; @@ -24,6 +25,7 @@ // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/type"; // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/code"; @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/grid"; + // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/tables"; // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/forms"; // @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/buttons"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-vars.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-vars.scss index ff3b080c9d..a1ef819381 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-vars.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_bootstrap-vars.scss @@ -9,14 +9,15 @@ /* Grid ========================================================================== */ // == Media queries breakpoints -// // ## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone // ** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px; + // ** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs; + // ** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min; @@ -24,6 +25,7 @@ $screen-phone: $screen-xs-min; // ** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px; $screen-sm-min: $screen-sm; + // ** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min; @@ -31,6 +33,7 @@ $screen-tablet: $screen-sm-min; // ** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px; $screen-md-min: $screen-md; + // ** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min; @@ -38,6 +41,7 @@ $screen-desktop: $screen-md-min; // ** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px; $screen-lg-min: $screen-lg; + // ** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min; @@ -48,35 +52,39 @@ $screen-md-max: ($screen-lg-min - 1); // == Grid system -// // ## Define your custom responsive grid. // ** Number of columns in the grid. $grid-columns: 12; + // ** Padding between columns. Gets divided in half for the left and right. $grid-gutter-width: 30px; + // Navbar collapse // ** Point at which the navbar becomes uncollapsed. $grid-float-breakpoint: $screen-sm-min; + // ** Point at which the navbar begins collapsing. $grid-float-breakpoint-max: ($grid-float-breakpoint - 1); // == Container sizes -// // ## Define the maximum width of `.container` for different screen sizes. // Small screen / tablet $container-tablet: ((720px + $grid-gutter-width)); + // ** For `$screen-sm-min` and up. $container-sm: $container-tablet; // Medium screen / desktop $container-desktop: ((940px + $grid-gutter-width)); + // ** For `$screen-md-min` and up. $container-md: $container-desktop; // Large screen / wide desktop $container-large-desktop: ((1140px + $grid-gutter-width)); + // ** For `$screen-lg-min` and up. $container-lg: $container-large-desktop; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_sizes.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-imports.scss similarity index 67% rename from src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_sizes.scss rename to src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-imports.scss index cc584c09d7..3c8ca2ac5f 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_sizes.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-imports.scss @@ -1,13 +1,8 @@ /* ========================================================================== - Sizes + Imports for Kunstmaan CookieBundle This file is exclusively intended for setting up variables Never add styles directly to this file ========================================================================== */ - -/* Margins - ========================================================================== */ -$default-margin: 15px; - - +@import "vendor/kunstmaan/cookie-bundle/Resources/ui/scss/legal"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-vars.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-vars.scss new file mode 100644 index 0000000000..8f31a7cbc7 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/config/vendors/_cookie-bundle-vars.scss @@ -0,0 +1,12 @@ +/* ========================================================================== + Config for Kunstmaan CookieBundle + + This file is exclusively intended for setting up variables + Never add styles directly to this file + ========================================================================== */ + +{% if groundcontrol %} +$base-image-path: "../../build/img/legal/svg/"; +{% else %} +$base-image-path: "~scssRootDir/../img/legal/svg/"; +{% endif %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_base.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_base.scss index de512f64ec..fac005dfba 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_base.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_base.scss @@ -17,7 +17,7 @@ /* Html & body ========================================================================== */ html { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: rgba(0 0 0 / 0); height: 100%; } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_general.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_general.scss index bb3c3bedea..4505129834 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_general.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/_general.scss @@ -15,8 +15,3 @@ @import "typography/headings"; @import "typography/bodycopy"; @import "typography/iconfont"; - -/** - * @section Typography - * @page Index - */ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_bodycopy.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_bodycopy.scss index c3dc12f03f..4b2fcdfc51 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_bodycopy.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_bodycopy.scss @@ -65,10 +65,3 @@ p, {% endif %} line-height: 1.3; } - - -/** -* @doc docs/bodycopy.md -* @section -* @sectionof Typography -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_headings.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_headings.scss index 76a396298e..76ad3280ba 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_headings.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_headings.scss @@ -72,10 +72,3 @@ h6 { font-weight: 400; text-transform: uppercase; } - - -/** -* @doc docs/headings.md -* @section -* @sectionof Typography -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_iconfont.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_iconfont.scss index dfacb2961b..68e22bca70 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_iconfont.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/general/typography/_iconfont.scss @@ -9,14 +9,14 @@ @font-face { font-family: $iconfont-name; {% if demosite %} - src: url('#{$iconfont-path}/#{$iconfont-name}.eot?8at4kw'); + src: url("#{$iconfont-path}/#{$iconfont-name}.eot?8at4kw"); src: - url('#{$iconfont-path}/#{$iconfont-name}.eot?#iefix8at4kw') format('embedded-opentype'), - url('#{$iconfont-path}/#{$iconfont-name}.woff?8at4kw') format('woff'), - url('#{$iconfont-path}/#{$iconfont-name}.ttf?8at4kw') format('truetype'), - url('#{$iconfont-path}/#{$iconfont-name}.svg?8at4kw##{$iconfont-name}') format('svg'); + url("#{$iconfont-path}/#{$iconfont-name}.eot?#iefix8at4kw") format("embedded-opentype"), + url("#{$iconfont-path}/#{$iconfont-name}.woff?8at4kw") format("woff"), + url("#{$iconfont-path}/#{$iconfont-name}.ttf?8at4kw") format("truetype"), + url("#{$iconfont-path}/#{$iconfont-name}.svg?8at4kw##{$iconfont-name}") format("svg"); {% else %} - src: url("data:application/x-font-ttf;charset=utf-8;base64,%BASE64%") format('truetype'); + src: url("data:application/x-font-ttf;charset=utf-8;base64,%BASE64%") format("truetype"); {% endif %} font-weight: normal; @@ -156,9 +156,3 @@ content: "\e611"; } {% endif %} - -/** -* @doc docs/iconfont.md -* @section -* @sectionof Typography -*/ diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/helpers/mixins/_box-shadow.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/helpers/mixins/_box-shadow.scss index 058e6dab33..6c37de6ee8 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/helpers/mixins/_box-shadow.scss +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/scss/helpers/mixins/_box-shadow.scss @@ -3,5 +3,5 @@ ========================================================================== */ @mixin box-shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); + box-shadow: 0 2px 4px 0 rgba(0 0 0 / .2); } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/MobileNav.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/MobileNav.js deleted file mode 100644 index cfedaa58eb..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/MobileNav.js +++ /dev/null @@ -1,58 +0,0 @@ -import {TweenLite, Power4} from 'gsap/TweenLite'; -import 'gsap/ScrollToPlugin'; - -export default class MobileNav { - - constructor() { - const CLASSES = { - button: 'js-mobile-nav-btn', - mobileSubnav: 'js-mobile-subnav', - mobileNav: 'js-mobile-nav', - activeClass: 'mobile-nav-open' - }; - const scrollOffset = 80; - const toTopOffset = 150; - - const button = document.querySelectorAll(`.${CLASSES.button}`)[0]; - const nav = document.querySelectorAll(`.${CLASSES.mobileNav}`)[0]; - const subnav = document.querySelectorAll(`.${CLASSES.mobileSubnav}`)[0]; - - this.CLASSES = CLASSES; - this.scrollOffset = scrollOffset; - this.toTopOffset = toTopOffset; - this.button = button; - this.nav = nav; - this.subnav = subnav; - - button && this._initMobileNav(); - subnav && this._initMobileSubnav(); - } - - _initMobileNav() { - this.button.addEventListener('click', () => { - if (this.button.classList.contains(this.CLASSES.activeClass)) { - this.nav.classList.remove(this.CLASSES.activeClass); - this.button.classList.remove(this.CLASSES.activeClass); - } else { - this.nav.classList.add(this.CLASSES.activeClass); - this.button.classList.add(this.CLASSES.activeClass); - } - }); - }; - - _initMobileSubnav() { - this.subnav.addEventListener('change', (e) => { - const target = (e.currentTarget).value; - - if (target) { - TweenLite.to(window, .3, { - scrollTo: { - y: `${target}`, - offsetY: this.scrollOffset - }, - ease: Power4.easeOut - }); - } - }, false); - }; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Scrollspy.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Scrollspy.js deleted file mode 100644 index 71289c0831..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Scrollspy.js +++ /dev/null @@ -1,12 +0,0 @@ -import 'bootstrap.native/dist/polyfill'; -import bsn from 'bootstrap.native'; - -export default class Scrollspy { - - constructor() { - // Add scrollspy to subnav - new bsn.ScrollSpy(document.getElementById('spy-content'), { - target: document.getElementById('subnav') - }); - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Toggle.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Toggle.js deleted file mode 100644 index 021c9aeed9..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/Toggle.js +++ /dev/null @@ -1,80 +0,0 @@ -import {TweenLite, Power4} from 'gsap/TweenLite'; -import 'gsap/CSSPlugin'; - -export default class Toggle { - - constructor() { - const CLASSES = { - trigger: 'js-sg-toggle-trigger', - content: 'js-sg-toggle-content' - }; - const defaultDuration = 0.3; // in seconds - - Array.prototype.forEach.call(document.querySelectorAll(`.${CLASSES.trigger}`), (el) => { - const target = document.querySelectorAll(el.getAttribute('data-target'))[0]; - - this.addMultiEventistener(el, 'click touchstart mousedown', (e) => { - e.preventDefault(); - }); - - this.addMultiEventistener(el, 'touchend mouseup', () => { - const targetContent = target.querySelectorAll(`.${CLASSES.content}`)[0]; - const currentTargetIsOpen = el.getAttribute('aria-expanded') === 'true'; - - currentTargetIsOpen ? this.hideContent(el, target, targetContent, true) : this.showContent(el, target, targetContent, true); - }); - - // Check if hide/show on load - if (target) { - const targetContent = target.querySelectorAll(`.${CLASSES.content}`)[0]; - - if (targetContent && el.getAttribute('aria-expanded') === 'true') { - this.showContent(el, target, targetContent); - } else if (targetContent) { - this.hideContent(el, target, targetContent); - } - } - }); - - this.defaultDuration = defaultDuration; - } - - hideContent(trigger, target, targetContent, smoothAnimation, animationDuration) { - trigger.setAttribute('aria-expanded', false); - - if (smoothAnimation) { - TweenLite.to(targetContent, animationDuration || this.defaultDuration, { - height: 0, - ease: Power4.easeOut - }); - } else { - targetContent.style.height = 0; - } - } - - showContent(trigger, target, targetContent, smoothAnimation, animationDuration) { - trigger.setAttribute('aria-expanded', true); - - if (smoothAnimation) { - TweenLite.set(targetContent, { - height: 'auto', - ease: Power4.easeOut - }); - TweenLite.from(targetContent, animationDuration || this.defaultDuration, { - height: 0, - ease: Power4.easeOut - }); - } else { - targetContent.style.height = 'auto'; - } - } - - // Add multiple listeners - addMultiEventistener(el, s, fn) { - const evts = s.split(' '); - - for (let i = 0, iLen = evts.length; i < iLen; i += 1) { - el.addEventListener(evts[i], fn, false); - } - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/styleguide.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/styleguide.js deleted file mode 100644 index 2a21bb8051..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/js/styleguide.js +++ /dev/null @@ -1,15 +0,0 @@ -import 'prismjs'; -import 'prismjs/components/prism-markup'; -import Clipboard from 'clipboard'; - -import Scrollspy from './Scrollspy'; -import MobileNav from './MobileNav'; -import Toggle from './Toggle'; - -document.addEventListener('DOMContentLoaded', () => { - new Clipboard('.js-clipboard-code'); - - new Scrollspy(); - new MobileNav(); - new Toggle(); -}); diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/_components.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/_components.scss deleted file mode 100644 index 4a283c5b6e..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/_components.scss +++ /dev/null @@ -1,36 +0,0 @@ -/* ========================================================================== - Components - - Never add styles directly to this file - set up imports - ========================================================================== */ - - -/* Blocks - ========================================================================== */ -@import "blocks/code"; -@import "blocks/img"; -@import "blocks/links"; - - -/* Structures - ========================================================================== */ -@import "structures/cards"; -@import "structures/colors"; -@import "structures/icons"; -@import "structures/sections"; -@import "structures/code-snippet"; - - -/* Header - ========================================================================== */ -@import "header/main-header"; - - -/* Content - ========================================================================== */ -@import "content/main-content"; - - -/* Vendors - ========================================================================== */ -@import "vendors/bootstrap-components/grid"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_code.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_code.scss deleted file mode 100644 index 7e72f24e4a..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_code.scss +++ /dev/null @@ -1,30 +0,0 @@ -/* ========================================================================== - Blocks - Code - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-styleguide { - - code:not(.sg-code) { - padding: 1px 3px; - - background: $grey--light; - - border: 1px solid $grey; - border-radius: 3px; - - color: $red; - font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', 'monospace'; - font-size: 12px; - - white-space: nowrap; - } - - pre { - background: $primary-color--dark; - - code:not(.sg-code) { - } - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_img.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_img.scss deleted file mode 100644 index 3a10c7c59d..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_img.scss +++ /dev/null @@ -1,19 +0,0 @@ -/* ========================================================================== - Images - ========================================================================== */ - -/* Shared - ========================================================================== */ -img { - max-width: 100%; - height: auto; - max-height: 100%; -} - -figure { - margin: 0; - - img { - display: block; - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_links.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_links.scss deleted file mode 100644 index aa1caf3975..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/blocks/_links.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* ========================================================================== - Links - ========================================================================== */ - -/* Shared - ========================================================================== */ -a { - transition: color .3s ease; - - color: $link-color; - text-decoration: underline; - - &:hover { - text-decoration: none; - color: $link-color--hover; - } -} \ No newline at end of file diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/content/_main-content.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/content/_main-content.scss deleted file mode 100644 index 1c4786fb61..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/content/_main-content.scss +++ /dev/null @@ -1,16 +0,0 @@ -/* ========================================================================== - Main content - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-content { - position: relative; - - padding: 100px 20px 50px; - overflow: hidden; - - @media (min-width: $screen-md-min) { - padding: 20px 50px 20px 410px; - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/header/_main-header.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/header/_main-header.scss deleted file mode 100644 index cd0cd7b83e..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/header/_main-header.scss +++ /dev/null @@ -1,387 +0,0 @@ -/* ========================================================================== - Header - Main header - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-header { - position: fixed; - z-index: 1000; - - display: block; - width: 100%; - padding: 0 20px; - margin: 0 0 50px; - - background: $white; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .08); - - border-bottom: 1px solid $grey; - - font-family: $primary-font; - - @media (min-width: $screen-md-min) { - position: fixed; - top: 0; - bottom: 0; - left: 0; - - display: flex; - flex-direction: column; - width: 360px; - height: 100%; - padding: 0; - margin: 0; - overflow-y: auto; - } -} - - -/* Brand - ========================================================================== */ -.sg-header__brand { - position: relative; - z-index: 1; - - display: inline-block; - width: 180px; - margin-top: 8px; - - text-decoration: none; - - a { - display: inline-block; - padding: 10px 0; - - span { - display: none; - } - - &:hover { - text-decoration: none; - } - } - - @media (min-width: $screen-md-min) { - display: block; - width: 100%; - - a { - display: block; - padding: 20px 50px; - - text-align: left; - } - } -} - -.sg-header__brand__logo { - display: inline-block; - width: 100%; -} - -/* Navigation - ========================================================================== */ -.sg-header__nav { - max-height: 0; - overflow: auto; - - transition: max-height .3s ease; - - &.mobile-nav-open { - max-height: 500px; // big enough - - border-top: 1px solid $grey--light; - } - - @media (min-width: $screen-md-min) { - max-height: none; - - border-top: none; - } -} - -/* Mobile toggle button - ========================================================================== */ -.sg-header__nav__btn { - float: right; - margin: 10px 0 0; - padding: 1.25em 1em; - - box-shadow: none; - border: none; - appearance: none; - background: none; - - font-size: 12px; - line-height: 1; - color: $grey; - - transition: color .3s ease; - - &:focus, &:active { - color: $grey; - outline: none; - } - - &:hover { - color: $white; - } - - @media (min-width: $screen-md-min) { - display: none; - } -} - -/* Hamburger - ========================================================================== */ -.sg-header__nav__btn__icon { - position: relative; - - width: 28px; - height: 20px; - padding: 0; - margin: 0; - transform: rotate(0deg); - - box-shadow: none; - - line-height: 1; - - transition: .5s ease-in-out; - cursor: pointer; - - span { - position: absolute; - - display: block; - height: 2px; - width: 50%; - - background: $black; - - opacity: 1; - transform: rotate(0deg); - transition: .25s ease-in-out; - - &:nth-child(even) { - left: 50%; - - border-radius: 0 2px 2px 0; - } - - &:nth-child(odd) { - left: 0; - - border-radius: 2px 0 0 2px; - } - - &:nth-child(1), - &:nth-child(2) { - top: 0; - } - - &:nth-child(3), - &:nth-child(4) { - top: 8px; - } - - &:nth-child(5), - &:nth-child(6) { - top: 16px; - } - } - - .mobile-nav-open & { - - span { - - &:nth-child(1), - &:nth-child(6) { - transform: rotate(45deg); - } - - &:nth-child(2), - &:nth-child(5) { - transform: rotate(-45deg); - } - - &:nth-child(1) { - left: 3px; - top: 6px; - } - - &:nth-child(2) { - left: calc(50% - 3px); - top: 6px; - } - - &:nth-child(3) { - left: -50%; - - opacity: 0; - } - - &:nth-child(4) { - left: 100%; - - opacity: 0; - } - - &:nth-child(5) { - top: 14px; - left: 3px; - } - - &:nth-child(6) { - top: 14px; - left: calc(50% - 3px); - } - } - } -} - - -/* Navigation - ========================================================================== */ -.sg-header__nav__list { - margin: 0 0 20px; - - text-align: right; - - ul, & { - padding: 0; - list-style: none; - } - - @media (max-width: $screen-sm-max) { - ul { - display: none; - } - } -} - -.sg-header__nav__list__item { - display: block; - margin: 20px 0 0; - - text-align: left; - - a { - display: block; - padding: 5px 10px; - - color: $black; - font-size: 16px; - font-weight: bold; - text-decoration: none; - - transition: color .3s ease, border .3s ease; - - &:hover { - border-color: $grey; - - color: $black; - text-decoration: none; - } - } - - &.active { - border-bottom: 0; - - > ul { - display: block; - - border-top: 1px solid $grey; - } - - > a { - margin-bottom: -1px; - - border-color: $primary-color; - - color: $primary-color--dark; - } - } - - ul { - - li { - position: relative; - - &.children { - > a:before { - display: block; - } - } - - a { - position: relative; - - padding: 6px 24px; - - border-bottom: 1px solid $grey; - - font-weight: normal; - font-size: 14px; - - &:before { - content: ' '; - - position: absolute; - top: 0; - bottom: 0; - left: -5px; - - width: 5px; - - background: $grey--dark; - - transition: transform .25s ease; - } - - &:hover { - - &:before { - transform: translate3d(5px, 0, 0); - } - } - } - - &.active { - - > a { - font-weight: bold; - - &:before { - transform: translate3d(5px, 0, 0); - } - } - - ul { - display: block; - } - } - - ul { - display: none; - - background: $grey--light; - - li { - - a { - padding: 6px 24px 6px 36px; - - &:hover { - - &:before { - display: block; - } - } - } - } - } - } - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_cards.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_cards.scss deleted file mode 100644 index e2fa0509ce..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_cards.scss +++ /dev/null @@ -1,236 +0,0 @@ -/* ========================================================================== - Structures - Cards - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-card { - position: relative; - - margin: 0 0 15px; - - background: $white; - border: 1px solid $grey; - - border-radius: 4px; - - & + & { - margin-top: 30px; - } -} - -.sg-card__anchor { - position: relative; - - padding: 30px 0 10px; -} - -/* Title - ========================================================================== */ -.sg-card__heading { - padding: 10px 15px; - margin: 0; - - border-radius: 4px 4px 0 0; - border-bottom: 1px solid $grey; - - color: $black; - font-family: $primary-font; - font-size: 21px; - - &:target:before { - content: ' '; - - display: block; - height: 100px; - margin: -100px 0 0; - } -} - - -/* Body - ========================================================================== */ -.sg-card__body { - - @media (min-width: $screen-sm-min) { - display: flex; - width: 100%; - } - - &--full-width { - display: block; - - .sg-card__example, - .sg-card__description { - width: 100%; - } - } -} - -.sg-card__example { - flex: 1 1 auto; - padding: 15px; - //max-width: 1190px; - - small { - display: block; - margin: 0 0 5px; - - font-size: 12px; - color: $black; - } - - > p:first-child { - margin-top: 0; - } - - @media (min-width: $screen-sm-min) { - width: 60%; - } - - // override the bootstrap container width as this conflicts with the IotaCSS container class - .container { - width: auto; - } -} - -.sg-card__description { - flex: 1 1 auto; - - font-size: 14px; - line-height: 1.4; - - p { - margin: 1em 0; - - + strong { - display: block; - margin-top: 2em; - } - } - - ul { - padding: 0; - margin: 0 10px; - - list-style: none; - - li { - position: relative; - - padding: 0 0 15px 15px; - margin: 0; - - line-height: 1.6; - - &:before { - content: '-'; - - position: absolute; - left: 0; - } - } - } - - blockquote { - padding-left: 16px; - margin: 16px 0 16px 2px; - - border-left: 3px solid $grey; - } - - @media (min-width: $screen-sm-min) { - width: 40%; - } -} - -.sg-card__description__inner { - padding: 15px; - - > p:first-child + .sg-title { - margin-top: 0; - } - - pre { - background: none; - - code { - display: block; - } - } -} - -/* Toggle - ========================================================================== */ -.sg-card__footer { - background: lighten($grey--light, 2.5); - - border-radius: 0 0 4px 4px; -} - -.sg-card__footer__toggle { - line-height: 1; -} - -.sg-card__footer__toggle__button { - position: relative; - - display: inline-block; - width: 100%; - padding: 8px 20px; - margin: 0; - - background: none; - - border: none; - border-top: 1px solid $grey; - border-bottom: 1px solid $grey; - border-radius: 0; - outline: none; - - color: $grey--dark; - font-size: 14px; - line-height: 1; - text-align: center; - text-transform: uppercase; - - appearance: none; - cursor: pointer; - user-select: none; - vertical-align: middle; - white-space: nowrap; - - transition: color .3s ease; - - &:hover { - color: $black; - } - - .hide-code { - display: none; - } - - &.active { - - .hide-code { - display: block; - } - - .show-code { - display: none; - } - } -} - -.sg-card__footer__toggle__content { - position: relative; - - display: block; - overflow: hidden; -} - -/* Markup - ========================================================================== */ -.sg-card__footer__toggle__content__code-snippet { - position: relative; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_code-snippet.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_code-snippet.scss deleted file mode 100644 index b29b6a2ef0..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_code-snippet.scss +++ /dev/null @@ -1,116 +0,0 @@ -$code-block-gutter: 2px; - -.code-snippet-container { - display: flex; - margin: -#{$code-block-gutter / 2}; -} - -.code-snippet { - position: relative; - - display: flex; - flex: 1 1 0; - padding: 0 #{$code-block-gutter / 2}; - max-height: 500px; - min-width: 0; -} - -pre.code-snippet__code-block { - width: 100%; - margin: 0; - - background: $primary-color--dark;//#192E47; - - font-size: 13px; -} - -/* Clipboard - ========================================================================== */ -.code-snippet__copy { - position: absolute; - top: 10px; - right: 10px; - - > button { - position: relative; - z-index: 1; - - display: inline-block; - padding: .15em .5em; - - background: $primary-color--dark; - - border: 0; - border-radius: 8px; - - color: $grey; - font-size: 14px; - - appearance: none; - - transition: background-color .3s ease, color .3s ease; - - &:hover { - background: $white; - - color: $primary-color--dark; - - .tooltip--info { - transform: translate3d(-50%, 0, 0); - - opacity: 1; - } - } - - &:focus { - outline: none; - - .tooltip--success { - transform: translate3d(-50%, 0, 0); - - opacity: 1; - } - - .tooltip--info { - opacity: 0; - } - } - } - - .tooltip { - position: absolute; - bottom: -50px; - left: 50%; - z-index: -1; - - display: inline-block; - padding: .5em 1em; - transform: translate3d(-50%, -20px, 0); - - background: $primary-color; - opacity: 0; - - border-radius: 3px; - - color: $white; - font-weight: bold; - white-space: nowrap; - - transition: opacity .2s ease, transform .3s ease; - - &:after { - content: ' '; - - position: absolute; - top: -6px; - left: calc(50% - 6px); - - display: block; - width: 12px; - height: 12px; - transform: rotate3d(0, 0, 1, 45deg); - - background: $primary-color; - } - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_colors.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_colors.scss deleted file mode 100644 index 144770b1c1..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_colors.scss +++ /dev/null @@ -1,68 +0,0 @@ -/* ========================================================================== - Structures - Color cards - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-color { - display: inline-block; - width: calc((100% - 60px) / 3); - max-width: 140px; - margin: 10px; - - border-radius: 4px; - - box-shadow: 0 0 4px 0 rgba(0, 0, 0, .35), 0 3px 2px 0 rgba(0, 0, 0, .18); -} - - -/* Wrapper - ========================================================================== */ -.sg-color__wrapper { - display: flex; - flex-wrap: wrap; -} - - -/* Color - ========================================================================== */ -.sg-color__color { - display: block; - height: 100px; - - border-radius: 4px 4px 0 0; - border-bottom: 1px solid $grey; - - color: $white; - vertical-align: middle; - text-align: center; -} - -.sg-color__color__text { - position: relative; - top: 50%; - - transform: translateY(-50%); -} - -/* Description - ========================================================================== */ -.sg-color__description { - padding: 0 8px 8px; -} - -.sg-color__description__title { - margin-top: 10px; - - color: $black; - font-size: 14px; - font-family: $primary-font; - font-weight: bold; -} - -.sg-color__description__value { - margin-bottom: 5px; - - color: $grey--dark; - font-size: 15px; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_icons.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_icons.scss deleted file mode 100644 index 5bd7112626..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_icons.scss +++ /dev/null @@ -1,58 +0,0 @@ -/* ========================================================================== - Structures - Icons - ========================================================================== */ - -/* General - ========================================================================== */ -.sg-icon-wrapper { - display: flex; - flex-wrap: wrap; -} - -.sg-icon { - display: inline-block; - flex: 0 1 auto; - width: auto; - margin: 10px 20px 10px 0; - - border-radius: 4px; - - box-shadow: 0 0 4px 0 rgba(0, 0, 0, .35), 0 3px 2px 0 rgba(0, 0, 0, .18); -} - -/* Color - ========================================================================== */ -.sg-icon__icon { - display: flex; - align-items: center; - justify-content: center; - height: 60px; - - border-bottom: 1px solid $grey; - - text-align: center; - vertical-align: middle; - - img { - display: block; - margin: 20px; - max-height: 80%; - } -} - -/* Description - ========================================================================== */ -.sg-icon__description { - padding: 10px; - - background: rgba($grey--light, .5); - - border-radius: 0 0 4px 4px; - - color: $red; - font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', 'monospace'; - font-size: 12px; - text-align: center; - - white-space: nowrap; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_sections.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_sections.scss deleted file mode 100644 index b1d1edaf93..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/structures/_sections.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* ========================================================================== - Structures - Sections - ========================================================================== */ - -.section { - - & + & { - margin-top: 50px; - } -} - -.section__title { - margin-bottom: 20px; - - color: $black; - font-family: $primary-font; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/vendors/bootstrap-components/_grid.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/vendors/bootstrap-components/_grid.scss deleted file mode 100644 index d9643b079f..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/components/vendors/bootstrap-components/_grid.scss +++ /dev/null @@ -1,11 +0,0 @@ -/* ========================================================================== - Bootstrap grid adjustments - ========================================================================== */ - - -/* Container - ========================================================================== */ -.container--styleguide { - width: 100% !important; - max-width: 1700px !important; -} \ No newline at end of file diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/_config.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/_config.scss deleted file mode 100644 index 7dcb3e6c16..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/_config.scss +++ /dev/null @@ -1,21 +0,0 @@ -/* ========================================================================== - Config - - This file is exclusively intended for setting up imports - Never add styles directly to this file - ========================================================================== */ - -/* General - ========================================================================== */ -@import "general/colors", - "general/sizes"; - -@import "general/typography/fonts", - "general/typography/bodycopy", - "general/typography/headings"; - - -/* Vendors - ========================================================================== */ -@import "vendors/bootstrap-vars"; -@import "vendors/bootstrap-imports"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_colors.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_colors.scss deleted file mode 100644 index f3a7e0910c..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/_colors.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* ========================================================================== - Colors - - This file is exclusively intended for setting up variables - Never add styles directly to this file - ========================================================================== */ - -/* Colors - ========================================================================== */ -$black: #373737; -$white: #FFFFFF; - -$grey--dark: #808080; -$grey: #D8D8D8; -$grey--light: #f3f3f3; - -$red: #dd1144; - -$primary-color--dark: #1D2948; -$primary-color: #009EE3; - -/* Specifics - ========================================================================== */ -$text-color: $black; -$link-color: $primary-color; -$link-color--hover: darken($primary-color, 15%); diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_bodycopy.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_bodycopy.scss deleted file mode 100644 index 372deb428c..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_bodycopy.scss +++ /dev/null @@ -1,23 +0,0 @@ -/* ========================================================================== - Bodycopy - - This file is exclusively intended for setting up variables - Never add styles directly to this file - ========================================================================== */ - -/* Line-height - ========================================================================== */ -$line-height--base: 1.6; - -$line-height--small: 1.1; -$line-height--medium: 1.2; - -$line-height--headers: 1; - - -/* Font sizes - ========================================================================== */ -$font-size--base: 10px; -$font-size--default: 16px; -$font-size--small: 12px; -$font-size--big: 18px; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_fonts.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_fonts.scss deleted file mode 100644 index 8ad9d9ef8b..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_fonts.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* ========================================================================== - Fonts - - This file is exclusively intended for setting up variables - Never add styles directly to this file - ========================================================================== */ - -/* Webfonts - ========================================================================== */ -$primary-font: 'Lato', Helvetica, Arial, sans-serif; - - -/* Iconfonts - ========================================================================== */ -@font-face { - font-family: 'icomoon'; - src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfsAAAC8AAAAYGNtYXAXVtKTAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZpDnbsgAAAF4AAAKYGhlYWQLuTCrAAAL2AAAADZoaGVhCVEFmQAADBAAAAAkaG10eDjAAXkAAAw0AAAARGxvY2ER4hRwAAAMeAAAACRtYXhwABgAwQAADJwAAAAgbmFtZZlKCfsAAAy8AAABhnBvc3QAAwAAAAAORAAAACAAAwPFAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qz//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAFgAJgWOA2kAIAAAARcWFAcBBiIvAS4BIzQwMS4BMwEmND8BNjIXCQE2MhcxBTBeHx/9sR9XH1MHAwECAQH+Dh8fXR9YHwGpAacfVx8DaF0fVx/9sB8fUgcDAQEBAfEfVx9dHx/+VwGqHh8AAAAABAAA/8IDjAOoAAoALQA7AEkAACUUBiMhIiY1ESERAyMVFAYjIiY9ASEVFAYjIiY9ASMiBhURFBYzITI2NRE0JiMHMjY9ATQmIyIGHQEUFiEyNj0BNCYjIgYdARQWAzsaE/1wExoC6i0dKB0dJv6zJx4cJBk0Sko0ApA0Sko0YA4TEw4OFBT+Og4UFA4OExNAExoaEwGx/k8DDmsYJiYYa2sYJiYYa0o0/XA0Sko0ApA0SowUDqIOFBQOog4UFA6iDhQUDqIOFAACAAD/0gJMA7MADgAzAAA3FBYzITI2NTQmIyEiBhUBIgYPARE0JiMiBhURJyYiBwYUHwEeATMyNj8BPgE1NCYnLgEjACwfAbYfLCwf/kofLAHsER0LPC8iITA8F0IYFxfHDB0QEB4LwwwMDAwLHRAeHy0tHyAtLSACFQwMPAGCIjAwIv6CPRcXGEMYygsNDQvGCx4QEB4LDAwAAAAEAAf/0gWPA7wAAwARABUAIQAAJQkBEQcOASMhIiYvAQEFJQEHCQIRNzQ2MyEyFjEVCQE3BY/+gwF9Fg4pF/tBFykOBwGbARkBFQGgB/qOAXz+hBUhLwS/OBT9VP1OA1cBegFl/SFfEhQUEggBnvX1/mIIAz7+mf6IAt9dASgyBf2SAnUHAAAAAQAA/9EB3AO1ABYAAAEjNTQ2OwE1IyIOAh0BIxUzETMRMzcB3KIfDnOeQlMwEmVl1ZASAnNnHROrKj9JHnKw/g4B8rAAAAAABQAA/+QD1QO5AEgAkACcALEAvgAAASIGBw4BBw4BBw4BBw4BBw4BFRQWFx4BFx4BFx4BFx4BFx4BMzI2Nz4BNz4BNz4BNz4BNz4BNTQmJy4BJy4BJy4BJy4BJy4BIxUyFhceARceARceARceARceARUUBgcOAQcOAQcOAQcOAQcOASMiJicuAScuAScuAScuAScuATU0Njc+ATc+ATc+ATc+ATc+ARMiJjU0NjMyFhUUBgMiDgIVFB4CMzI+AjU0LgIjJRQGIyImNTQ2MzIWFQHrZD8oJzgYGCoVFBsJCQwCAgEBAgIMCQkbFBUqGBg4Jyg/ZGQ/Jyc5FxgrFBUaCgkMAgEBAQECDAkKGhUUKxgXOScnP2RiPSckKg0RGw0MEgYFCwECAQECAQsFBhIMDRsRDSokJz1iYz0nIysNERoNDREHBQoCAQICAQIKBQcRDQ0aEQ0rIyc9Y0RgYEREX19ENFxFJydFXDQ0XEQoKERcNAFBIxgZIiIZGCMDuQECAQwJChsUFCsYFzknJz9kZD8oJzgYGCoVFBsJCQwCAgEBAgIMCQkbFBUqGBg4Jyg/ZGQ/Jyc5FxgrFBQbCgkMAQIBWAECAgoFBhIMDRsRDSokJz1iYz0nJCoNERoNDREHBQoCAgEBAgIKBQcRDQ0aEQ0qJCc9Y2I9JyQqDREbDQwSBgUKAgIB/cpgRENgYENEYAGgKERcNDVbRScnRVs1NFxEKAoZIiIZGCIiGAAAAAABAAD/3gQnA8AAqgAABSoBIzEqASMiJicuAScuASMiBgcOASMiJicuAScuAScuAScuATU0Njc+Azc4ATE+AScuAScuAScuATc+ATMyFhceATMyNjMuATUuATc+AzM6ATEzMh4CFxYGBxUOARUyFhcxPgE3PgEzMhYXMR4BFRQGBw4BBw4BBwYWFxQwMR4DFx4BFRQGBw4BBw4BBw4BBw4BKwEiJicuASMiBgcOAQcOASMCGgIEAgEDATBBHhQoFgsWCxMeCgcLBQQJAgIDAQQGB0s3BAEBBQQ6VDccAQcDBQgqEQQIAyIPAQMaDQQGAhAbDBEPAQEBBAESGUtMQRABEgMQQktLGhEBAwEBAQ4PCxoOBQgDBQoEDA4SHgMIBBErCAQDBwEcN1Q5BQUBAQQ4SwYGBAEDAgEHBgEECwgMHhIKFgsWKBQeQi8iJBQOGAQCAgUCAQIEBwYMBhASAQsdCwEEAQQHAQk8QDQDDxgKExMFAgIBDhkHDA8BAgcHCggQCTZ5JjpCIQkJIUI6Jnk2AwgPBwkBAQcGAgICAgQPCQgWDAECAgUTEwoYDgEDNEA8CQEHBAEEAQsdCwEREAYMBwUFAQEDBAICBBcPFCQAAAYAAP/GA0kDsAAQAB8AIwAoACwAPQAAASEiBhUXHgEzITI2NTc0JiMlMhYVMzQmIyIGFTM0NjMbATMDIxEzESMDEyMDJxwBFxMeATMhMjY3EzY0NSEDOvzVBgkDAQkHAyAGCgUJBv5qHyxUXUJBXVQsHnYrOCvJNzeFKjcrlQFRAhwSAdASHAJUAf0pAvkJBmYGCgoGZgYJbCcbOlNTOhsn/LsBzP40Acz+NAHM/jQBzFkECQX9vxMZGRMCQQUJBAAAAAABAAr/0QTpA7UATQAAAT4BNw4BBy4BIyIOAhUUFhcuAycOARUUFhcuASccARUUHgIXDgEjIiYnHgMXDgMjIiYnHgMzMiQ+ATU8ATU+ATcOAQcEVig6DyVSLCNgODVdRSgDA1CVhnUvERI+NCA6Gh83SywQIhENGAsMLj9MKiFKUFYtEB4PKl1jaDaxAQ+5XyVBGSJKJwMYF0gsFh8IJSonRFw0Dx0NBChEXTkbQCNBbyEBEA4BAQEuUkEtCQQFAwIlQC4bARkoHA4BAhsqHQ+Czv99CBAIG0ImEBQEAAAAAAEATP/3Ao4DkwAhAAAlBwYiJwEmND8BPgExOAExNjAxATYyHwEWFAcJARYUBzkBAo5BFT0V/mYVFTkFAgIBWBU9FUEVFf7ZAScVFThBFRUBmRY8FToFAgIBWRUVQRU9Ff7Z/tsVPRUAAQBM//cCjgOTACEAABM3NjIXARYUDwEOATE4ARUGFDUBBiIvASY0NwkBJjQ3OQFMQRU9FQGaFRU5BQIC/qgVPRVBFRUBJv7aFRUDUkEVFf5nFjwWOQUCAQEBAf6nFRVBFT0VAScBJRU8FgAAAQBYACYFjgNoACEAADcnJjQ3ATYyHwEeARc4ATMeATUBFhQPAQYiJwkBBiInOQG1XR8fAk8fVx9SBwMBAQEBAfIfH14fVx/+Vv5ZHlgfJl4eVx8CUB8fUgcCAQIBAf4OH1ceXh8fAan+Vx8fAAAAAAEAIP/YA6oDwAAwAAABNzY0LwEuASMiBg8BJy4BIyIGDwEGFB8BBwYUHwEeATMyNj8BFx4BMzI2PwE2NC8BAq78ICA9ECcWFSgP7+4PKBUWJxA+Hx/8/CAgPRAnFhUoD+/uDygVFigPPh8f/AHM/SBaHz4QEBAQ7+8QEBAQPh9aIP3+H1ogPg8QEA/w8A8QEA8+IFof/gAAAQAAAAEAAN1yknlfDzz1AAsEAAAAAADThXYWAAAAANOFdhYAAP/CBY8DwAAAAAgAAgAAAAAAAAABAAADwP/AAAAFxwAAAAAFjwABAAAAAAAAAAAAAAAAAAAAEQQAAAAAAAAAAAAAAAIAAAAFxwBYA6cAAAJVAAAFqwAHAewAAAPXAAAEKQAAA1UAAAT2AAoCxQBMAsUATAXHAFgDygAgAAAAAAAKABQAHgBWALoBCAFMAXACiANwA9IEQgR2BKwE5AUwAAEAAAARAL8ABgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype'); - font-weight: normal; - font-style: normal; -} - -/* Defaults - ========================================================================== */ -$font-family--base: $primary-font; -$font-family--headings: $font-family--base; -$font-family--buttons: $font-family--base; \ No newline at end of file diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_headings.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_headings.scss deleted file mode 100644 index 987daeb93a..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/general/typography/_headings.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* ========================================================================== - Headings - - This file is exclusively intended for setting up variables - Never add styles directly to this file - sizes are defined without unit to enable the use of the rem function - ========================================================================== */ - -$line-height--headers: 1.2; - -$font-size-h1: 45px; -$font-size-h1--small: 32px; -$font-size-h2: 32px; -$font-size-h3: 23px; -$font-size-h4: 23px; -$font-size-h5: 18px; -$font-size-h6: 14px; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-imports.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-imports.scss deleted file mode 100644 index 0fd3fd7638..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-imports.scss +++ /dev/null @@ -1,68 +0,0 @@ -/* ========================================================================== - Imports for Bootstrap - - This file is exclusively intended for setting up imports - Never add styles directly to this file - ========================================================================== */ - -/* Vars and mixins - ========================================================================== */ -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables'; -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins'; - - -/* Reset and dependencies - ========================================================================== */ -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/normalize'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/print'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/glyphicons'; - - -/* Core CSS - ========================================================================== */ -// @import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/scaffolding'; -// @import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/type'; -// @import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/code'; -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/grid'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/tables'; -// @import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/forms'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/buttons'; - - -/* Components - ========================================================================== */ -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/component-animations'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/dropdowns'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/button-gro ups'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/input-groups'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/navs'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/navbar'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pagination'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pager'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/labels'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/badges'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/jumbotron'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/thumbnails'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/alerts'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/progress-bars'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/media'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/list-group'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/panels'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/wells'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/close'; - - -/* Components /w javascript - ========================================================================== */ -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/modals'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/tooltip'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/popovers'; -//@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/carousel'; - - -/* Utility classes - ========================================================================== */ -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/utilities'; -@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/responsive-utilities'; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-vars.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-vars.scss deleted file mode 100644 index 78abb1754e..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/config/vendors/_bootstrap-vars.scss +++ /dev/null @@ -1,82 +0,0 @@ -/* ========================================================================== - Boostrap Variables - - This file is exclusively intended for setting up variables - Never add styles directly to this file - ========================================================================== */ - - -/* Grid - ========================================================================== */ -//== Media queries breakpoints -// -//## Define the breakpoints at which your layout will change, adapting to different screen sizes. - -// Extra small screen / phone -//** Deprecated `$screen-xs` as of v3.0.1 -$screen-xs: 480px; -//** Deprecated `$screen-xs-min` as of v3.2.0 -$screen-xs-min: $screen-xs; -//** Deprecated `$screen-phone` as of v3.0.1 -$screen-phone: $screen-xs-min; - -// Small screen / tablet -//** Deprecated `$screen-sm` as of v3.0.1 -$screen-sm: 768px; -$screen-sm-min: $screen-sm; -//** Deprecated `$screen-tablet` as of v3.0.1 -$screen-tablet: $screen-sm-min; - -// Medium screen / desktop -//** Deprecated `$screen-md` as of v3.0.1 -$screen-md: 992px; -$screen-md-min: $screen-md; -//** Deprecated `$screen-desktop` as of v3.0.1 -$screen-desktop: $screen-md-min; - -// Large screen / wide desktop -//** Deprecated `$screen-lg` as of v3.0.1 -$screen-lg: 1200px; -$screen-lg-min: $screen-lg; -//** Deprecated `$screen-lg-desktop` as of v3.0.1 -$screen-lg-desktop: $screen-lg-min; - -// So media queries don't overlap when required, provide a maximum -$screen-xs-max: ($screen-sm-min - 1); -$screen-sm-max: ($screen-md-min - 1); -$screen-md-max: ($screen-lg-min - 1); - - -//== Grid system -// -//## Define your custom responsive grid. - -//** Number of columns in the grid. -$grid-columns: 12; -//** Padding between columns. Gets divided in half for the left and right. -$grid-gutter-width: 30px; -// Navbar collapse -//** Point at which the navbar becomes uncollapsed. -$grid-float-breakpoint: $screen-sm-min; -//** Point at which the navbar begins collapsing. -$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); - - -//== Container sizes -// -//## Define the maximum width of `.container` for different screen sizes. - -// Small screen / tablet -$container-tablet: ((720px + $grid-gutter-width)); -//** For `$screen-sm-min` and up. -$container-sm: $container-tablet; - -// Medium screen / desktop -$container-desktop: ((940px + $grid-gutter-width)); -//** For `$screen-md-min` and up. -$container-md: $container-desktop; - -// Large screen / wide desktop -$container-large-desktop: ((1140px + $grid-gutter-width)); -//** For `$screen-lg-min` and up. -$container-lg: $container-large-desktop; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_base.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_base.scss deleted file mode 100644 index 0482bd3820..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_base.scss +++ /dev/null @@ -1,21 +0,0 @@ -/* ========================================================================== - Base - ========================================================================== */ - -/* Box model - ========================================================================== */ -// Defined in frontend scss which is also included in the styleguide - - -/* Html & body - ========================================================================== */ -html.sg-styleguide { - - body { - position: relative; - - overflow-x: hidden; - - background-color: $white; - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_general.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_general.scss deleted file mode 100644 index 9d63801cc3..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/_general.scss +++ /dev/null @@ -1,15 +0,0 @@ -/* ========================================================================== - General - - This file is exclusively intended for setting up imports - Never add styles directly to this file - ========================================================================== */ - -/* Base - ========================================================================== */ -@import "base"; - - -/* Typography - ========================================================================== */ -@import "typography/headings"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/typography/_headings.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/typography/_headings.scss deleted file mode 100644 index 7faa3bac6a..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/general/typography/_headings.scss +++ /dev/null @@ -1,13 +0,0 @@ -/* ========================================================================== - Headings - ========================================================================== */ - -/* Shared - ========================================================================== */ - -h1, h2, h3, h4, h5, h6 { - - &.sg-title { - font-family: $primary-font; - } -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/helpers/_helpers.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/helpers/_helpers.scss deleted file mode 100644 index f8a63b13b1..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/helpers/_helpers.scss +++ /dev/null @@ -1,15 +0,0 @@ -/* ========================================================================== - Helpers - - Never add styles directly to this file - set up imports - ========================================================================== */ - - -/* Placeholders - ========================================================================== */ -// @import "placeholders/.."; - - -/* Mixins - ========================================================================== */ -// @import ""; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/styleguide.scss b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/styleguide.scss deleted file mode 100644 index 9603d33b17..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/scss/styleguide.scss +++ /dev/null @@ -1,27 +0,0 @@ -@charset "UTF-8"; - -/* ========================================================================== - Stylesheet for all browsers - - Never add styles directly to this file - set up imports - Style guide: https://github.com/necolas/idiomatic-css - ========================================================================== */ - -/* Config - ========================================================================== */ -@import "config/config"; - - -/* Helpers - ========================================================================== */ -@import "helpers/helpers"; - - -/* General - ========================================================================== */ -@import "general/general"; - - -/* Pages - ========================================================================== */ -@import "components/components"; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/layout.hbs b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/layout.hbs deleted file mode 100644 index a4a3987cc0..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/layout.hbs +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - Styleguide - - - - - - - - {{~> webfonts}} - - -
- - - - - -
- -
- {{#each sections}} -
-

{{ clean name }}

- {{~> section}} - - {{#children}} - {{~> childSection}} - {{/children}} -
- {{/each}} -
- - - - - diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/childSection.hbs b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/childSection.hbs deleted file mode 100644 index 5efc92aec7..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/childSection.hbs +++ /dev/null @@ -1,40 +0,0 @@ -
- {{#if code }} -
- {{clean name}} - {{~> section}} - - {{#children}} - {{~> childSection}} - {{/children}} -
- {{else}} - {{#if description }} -
- {{clean name}} - {{~> section}} - - {{#children}} - {{~> childSection}} - {{/children}} -
- {{else}} - {{#if colors }} -
- {{clean name}} - {{~> section}} - - {{#children}} - {{~> childSection}} - {{/children}} -
- {{else}} - {{clean name}} - - {{#children}} - {{~> childSection}} - {{/children}} - {{/if}} - {{/if}} - {{/if}} -
diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/color.hbs b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/color.hbs deleted file mode 100644 index b6642ccf43..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/color.hbs +++ /dev/null @@ -1,10 +0,0 @@ -
-
-
{{ this.description }}
-
-
-
{{ this.name }}
- HEX {{ this.hex }} - RGB {{ this.rgb }} -
-
diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/section.hbs b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/section.hbs deleted file mode 100644 index dd7508900a..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/section.hbs +++ /dev/null @@ -1,67 +0,0 @@ -{{#xif depth '==' '1'}} - {{#xif example '||' description}} -
-
- {{/xif}} -{{/xif}} - -
- {{#if example}} -
- {{#if example}} - {{{ example.description }}} - {{/if}} -
- {{/if}} - - {{#if colors}} -
-
- {{#each colors}} - {{~> color}} - {{/each}} -
-
- {{/if}} - - {{#if description}} -
-
- {{{description}}} -
-
- {{/if}} -
- -{{#if code}} - -{{/if}} - -{{#xif depth '==' '1'}} - {{#xif example '||' description}} -
- {{/xif}} -{{/xif}} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/webfonts.hbs b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/webfonts.hbs deleted file mode 100644 index b5fb0e9f7c..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/ui/styleguide/templates/partials/webfonts.hbs +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_css.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_css.html.twig index e39a2dde67..cf869f7bbc 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_css.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_css.html.twig @@ -1,3 +1,7 @@ {% block css %} - +<% if not groundcontrol %> + {{ encore_entry_link_tags('app') }} +<% else %> + +<% endif %> {% endblock %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_footer.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_footer.html.twig index 3cd4293665..78fe353e86 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_footer.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_footer.html.twig @@ -117,7 +117,7 @@ {% endif %}

diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_header.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_header.html.twig index 48b242cc21..d4cea0c7ee 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_header.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_header.html.twig @@ -14,7 +14,7 @@ {# Logo #} {% set homepagePageNode = nodemenu.getRootNodeMenuItem() %} @@ -52,7 +52,7 @@ {# Logo #} {% set homepagePageNode = nodemenu.getNodeByInternalName('homepage') %} @@ -121,7 +121,7 @@ {# Logo #} {% set homepagePageNode = nodemenu.getNodeByInternalName('homepage') %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js.html.twig new file mode 100644 index 0000000000..3e7550d2cf --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js.html.twig @@ -0,0 +1,3 @@ +{% block jsBundle %} + {{ encore_entry_script_tags('app') }} +{% endblock %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js_footer.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js_footer.html.twig index 01b9746703..d26dce640e 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js_footer.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/_js_footer.html.twig @@ -1,3 +1,3 @@ {% block jsBundle %} - + {% endblock %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/layout.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/layout.html.twig index 955a566e11..7426f5df7c 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/layout.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/Resources/views/Layout/layout.html.twig @@ -38,6 +38,11 @@ {# CSS #} {% include '<% if not isV4 %><%= shortBundleName %>/<% endif %>Layout/_css.html.twig' %} +<% if not groundcontrol %> + + {# JS #} + {% include '<% if not isV4 %><%= shortBundleName %>/<% endif %>Layout/_js.html.twig' %} +<% endif %> {% endapply %} @@ -89,10 +94,12 @@ {% include '<% if not isV4 %><%= shortBundleName %>/<% endif %>Layout/_cookieconsent.html.twig' %} {% endblock %} +<% if groundcontrol %> {# JS Footer #} {% block jsBundle %} {% include '<% if not isV4 %><%= shortBundleName %>/<% endif %>Layout/_js_footer.html.twig' %} {% endblock %} +<% endif %> <% if demosite %>
diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.eslintrc b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.eslintrc new file mode 100755 index 0000000000..555e651370 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.eslintrc @@ -0,0 +1,16 @@ +{ + "root": true, + "env": { + "browser": true, + "es6": true + }, + "extends": ["./node_modules/@kunstmaan/eslint-config/index.js"], + "rules": { + "import/no-extraneous-dependencies": ["error", {"devDependencies": ["gulpfile.babel.js", "./groundcontrol/**/*.js"]}] + }{% if demosite %}, + "globals": { + "jQuery": true, + "$": true + }{% endif %} + +} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.nvmrc b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.nvmrc new file mode 100755 index 0000000000..6f7f377bf5 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.nvmrc @@ -0,0 +1 @@ +v16 diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.stylelintrc b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.stylelintrc similarity index 100% rename from src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.stylelintrc rename to src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/.stylelintrc diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/buildUI.sh b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/buildUI.sh similarity index 100% rename from src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/buildUI.sh rename to src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/frontend-config/buildUI.sh diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.eslintrc b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.eslintrc deleted file mode 100755 index dfcf687e37..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.eslintrc +++ /dev/null @@ -1,15 +0,0 @@ -{ - "root": true, - "env": { - "browser": true, - "es6": true - }, - "extends": ["./node_modules/@kunstmaan/eslint-config/index.js"], - "rules": { - "import/no-extraneous-dependencies": ["error", {"devDependencies": ["gulpfile.babel.js", "./groundcontrol/**/*.js"]}] - }{% if demosite %}, - "globals": { - "jQuery": true, - "$": true, - }{% endif %} -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.nvmrc b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.nvmrc deleted file mode 100755 index dae199aecb..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/.nvmrc +++ /dev/null @@ -1 +0,0 @@ -v12 diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.admin-extra.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.admin-extra.js index a8e17c0f31..e218b13622 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.admin-extra.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.admin-extra.js @@ -1,12 +1,12 @@ -import defaultConfig from './webpack.config.default'; import path from 'path'; +import defaultConfig from './webpack.config.default'; export default function webpackConfigAdminExtra(speedupLocalDevelopment, optimize = false) { const config = defaultConfig(speedupLocalDevelopment, optimize); - config.entry = './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/admin/js/admin-bundle-extra.js'; + config.entry = './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/admin/admin-bundle-extra.js'; config.output = { - path: path.resolve(__dirname, '../../{% if isV4 %}public{% else %}web{% endif %}/frontend/js'), + path: path.resolve(__dirname, '../../{% if isV4 %}public{% else %}web{% endif %}/build/js'), filename: 'admin-bundle-extra.js', }; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.app.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.app.js index b86b17a6de..e05367fe88 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.app.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.app.js @@ -8,7 +8,7 @@ export default function webpackConfigApp(speedupLocalDevelopment, optimize = fal config.entry = './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/js/app.js'; config.output = { - path: path.resolve(__dirname, '../../{% if isV4 %}public{% else %}web{% endif %}/frontend/js'), + path: path.resolve(__dirname, '../../{% if isV4 %}public{% else %}web{% endif %}/build/js'), filename: 'bundle.js', }; {% if demosite %} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.default.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.default.js index 465e4adbc2..7ccf3e113e 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.default.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.default.js @@ -8,6 +8,7 @@ function getBabelLoaderOptions({ optimize = false, transpileOnlyForLastChromes = presets: [ ['@babel/preset-env', { useBuiltIns: 'usage', + corejs: '3.19', modules: false, }], ], @@ -19,6 +20,7 @@ function getBabelLoaderOptions({ optimize = false, transpileOnlyForLastChromes = presets: [ ['@babel/preset-env', { useBuiltIns: 'usage', + corejs: '3.19', targets: { browsers: ['last 2 Chrome versions'], }, diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.styleguide.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.styleguide.js deleted file mode 100644 index 1d4bbfc757..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/config/webpack.config.styleguide.js +++ /dev/null @@ -1,14 +0,0 @@ -import path from 'path'; -import defaultConfig from './webpack.config.default'; - -export default function webpackConfigStyleguide(speedupLocalDevelopment, optimize = false) { - const config = defaultConfig(speedupLocalDevelopment, optimize); - - config.entry = './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/js/styleguide.js'; - config.output = { - path: path.resolve(__dirname, '../../{% if isV4 %}public{% else %}web{% endif %}/frontend/styleguide/js'), - filename: 'styleguide.js', - }; - - return config; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/configured-tasks.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/configured-tasks.js index 670d88a43e..92068960f5 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/configured-tasks.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/configured-tasks.js @@ -10,14 +10,12 @@ import createCopyTask from './tasks/copy'; import { createCssLocalTask, createCssOptimizedTask } from './tasks/css'; import createBundleTask from './tasks/bundle'; import createServerTask from './tasks/server'; -import createStyleguideTask from './tasks/livingcss'; import webpackConfigApp from './config/webpack.config.app'; import webpackConfigAdminExtra from './config/webpack.config.admin-extra'; -import webpackConfigStyleguide from './config/webpack.config.styleguide'; export const images = createImagesTask({ src: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/img/**', - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/img' + dest: './{% if isV4 %}public{% else %}web{% endif %}/build/img' }); export const eslint = createEslintTask({ @@ -30,24 +28,24 @@ export const stylelint = createStylelintTask({ }); export const clean = createCleanTask({ - target: ['./{% if isV4 %}public{% else %}web{% endif %}/frontend'], + target: ['./{% if isV4 %}public{% else %}web{% endif %}/build'], }); export const copy = gulp.parallel( {% if demosite %} - createCopyTask({src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/files/**'], dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/files'}), + createCopyTask({src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/files/**'], dest: './{% if isV4 %}public{% else %}web{% endif %}/build/files'}), {% endif %} - createCopyTask({src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/fonts/**'], dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/fonts'}) + createCopyTask({src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/fonts/**'], dest: './{% if isV4 %}public{% else %}web{% endif %}/build/fonts'}) ); export const cssLocal = createCssLocalTask({ - src: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/style.scss', - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/css', + src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/style.scss', './assets/admin/*.scss'], + dest: './{% if isV4 %}public{% else %}web{% endif %}/build/css', }); export const cssOptimized = createCssOptimizedTask({ - src: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/*.scss', - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/css', + src: ['./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/*.scss', './assets/admin/*.scss'], + dest: './{% if isV4 %}public{% else %}web{% endif %}/build/css', }); export const bundleLocal = createBundleTask({ @@ -72,10 +70,9 @@ export const server = createServerTask({ ui: false, ghostMode: false, files: [ - '{% if isV4 %}public{% else %}web{% endif %}/frontend/css/*.css', - '{% if isV4 %}public{% else %}web{% endif %}/frontend/js/*.js', - '{% if isV4 %}public{% else %}web{% endif %}/frontend/img/**/*', - '{% if isV4 %}public{% else %}web{% endif %}/frontend/styleguide/*.html', + '{% if isV4 %}public{% else %}web{% endif %}/build/css/*.css', + '{% if isV4 %}public{% else %}web{% endif %}/build/js/*.js', + '{% if isV4 %}public{% else %}web{% endif %}/build/img/**/*', ], open: false, reloadOnRestart: true, @@ -92,37 +89,6 @@ export const server = createServerTask({ }, }); -export const generateStyleguide = createStyleguideTask({ - src: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/**/*.scss', - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/styleguide', - template: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/templates/layout.hbs', - partials: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/templates/partials/*.hbs', - sortOrder: [ - { - Index: [ - 'Colors', - 'Typography', - 'Blocks', - 'Pageparts', - ], - }, - ], -}); - -export const copyStyleguide = createCopyTask({ - src: ['./node_modules/prismjs/themes/prism-okaidia.css'], - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/styleguide/css', -}); - -export const cssStyleguideOptimized = createCssOptimizedTask({ - src: './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/scss/*.scss', - dest: './{% if isV4 %}public{% else %}web{% endif %}/frontend/styleguide/css', -}); - -export const bundleStyleguideOptimized = createBundleTask({ - config: webpackConfigStyleguide(consoleArguments.speedupLocalDevelopment, true), -}); - export function buildOnChange(done) { gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/js/**/!(*.spec).js', bundleLocal); gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/admin/js/**/!(*.spec).js', bundleAdminExtraLocal); @@ -135,10 +101,5 @@ export function testOnChange(done) { gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/js/**/*.js', eslint); gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/**/*.scss', stylelint); gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/**/*.scss', cssLocal); - gulp.watch([ - './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/scss/**/*.md', - './{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/**/*.hbs', - ], generateStyleguide); - gulp.watch('./{% if isV4 %}assets{% else %}src/{{ bundle.namespace|replace({'\\':'/'}) }}/Resources{% endif %}/ui/styleguide/scss/**/*.scss', cssStyleguideOptimized); done(); } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/css.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/css.js index f26c129b2b..1f245fc49a 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/css.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/css.js @@ -1,11 +1,14 @@ import gulp from 'gulp'; -import sass from 'gulp-sass'; +import gulpSass from 'gulp-sass'; +import dartSass from 'sass'; import notifier from 'node-notifier'; import sourcemaps from 'gulp-sourcemaps'; import postcss from 'gulp-postcss'; import cssnano from 'cssnano'; import autoprefixer from 'autoprefixer'; +const sass = gulpSass(dartSass); + export function createCssLocalTask({ src = undefined, dest = undefined, @@ -13,7 +16,7 @@ export function createCssLocalTask({ return function cssLocal() { return gulp.src(src) .pipe(sourcemaps.init()) - .pipe(sass().on('error', sassErrorHandler)) + .pipe(sass({ quietDeps: true }).on('error', sassErrorHandler)) .pipe(postcss([autoprefixer()])) .pipe(sourcemaps.write()) .pipe(gulp.dest(dest)); @@ -29,7 +32,7 @@ export function createCssOptimizedTask({ }) { return function cssOptimized() { return gulp.src(src) - .pipe(sass().on('error', (error) => { + .pipe(sass({ quietDeps: true }).on('error', (error) => { throw Error(`Sass Error:\n${error.messageFormatted}`); })) .pipe(postcss([autoprefixer(), cssnano(cssnanoConfig)])) diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/eslint.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/eslint.js index 52b3bde112..773a5d49bd 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/eslint.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/eslint.js @@ -1,5 +1,5 @@ import gulp from 'gulp'; -import eslintPlugin from 'gulp-eslint'; +import eslintPlugin from 'gulp-eslint-new'; import cache from 'gulp-cached'; import path from 'path'; import gulpif from 'gulp-if'; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/livingcss.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/livingcss.js deleted file mode 100644 index 169581fce5..0000000000 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/bin/tasks/livingcss.js +++ /dev/null @@ -1,86 +0,0 @@ -import gulp from 'gulp'; -import livingcss from 'gulp-livingcss'; -import path from 'path'; - -export default function createStyleguideTask({ - src = undefined, - dest = undefined, - template = undefined, - sortOrder = undefined, - partials = undefined, -}) { - return function styleguide() { - return gulp.src(src) - .pipe(livingcss(dest, { - template, - sortOrder, - preprocess(context, tmpl, Handlebars) { - Handlebars.registerHelper('json', (data) => JSON.stringify(data)); - Handlebars.registerHelper('clean', (data) => data.replace(/(\\|%5[cC])/g, '')); - - return livingcss.utils.readFileGlobs(partials, (data, file) => { - // make the name of the partial the name of the file - const partialName = path.basename(file, path.extname(file)); - Handlebars.registerPartial(partialName, data); - Handlebars.registerHelper('xif', (v1, operator, v2, options) => { - switch (operator) { - case '==': - // eslint-disable-next-line eqeqeq - return (v1 == v2) ? options.fn(this) : options.inverse(this); - case '===': - return (v1 === v2) ? options.fn(this) : options.inverse(this); - case '<': - return (v1 < v2) ? options.fn(this) : options.inverse(this); - case '<=': - return (v1 <= v2) ? options.fn(this) : options.inverse(this); - case '>': - return (v1 > v2) ? options.fn(this) : options.inverse(this); - case '>=': - return (v1 >= v2) ? options.fn(this) : options.inverse(this); - case '&&': - return (v1 && v2) ? options.fn(this) : options.inverse(this); - case '||': - return (v1 || v2) ? options.fn(this) : options.inverse(this); - default: - return options.inverse(this); - } - }); - - Handlebars.registerHelper('counter', (index) => index + 1); - Handlebars.registerHelper('version', (filename) => `${filename}?${Date.now()}`); - }); - }, - tags: { - color() { - const matches = (this.tag.description).match(/\[(.*?)\]/); - - if (matches) { - const section = this.sections[matches[1]]; - - if (section) { - section.colors = section.colors || []; - section.colors.push({ - name: this.tag.name, - hex: this.tag.type, - rgb: hexToRgb(this.tag.type), - }); - } - } - }, - }, - })) - .pipe(gulp.dest(dest)); - }; -} - -function hexToRgb(hex) { - const strippedHex = hex.replace(/[^0-9A-F]/gi, ''); - const bigint = parseInt(strippedHex, 16); - /* eslint-disable no-bitwise */ - const r = (bigint >> 16) & 255; - const g = (bigint >> 8) & 255; - const b = bigint & 255; - /* eslint-enable no-bitwise */ - - return `${r}, ${g}, ${b}`; -} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/gulpfile.babel.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/gulpfile.babel.js index f246d04f0e..8ff8046ce3 100755 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/gulpfile.babel.js +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/gulpfile.babel.js @@ -12,10 +12,6 @@ import { bundleOptimized, bundleAdminExtraLocal, bundleAdminExtraOptimized, - generateStyleguide, - cssStyleguideOptimized, - bundleStyleguideOptimized, - copyStyleguide, server, buildOnChange, testOnChange, @@ -28,13 +24,6 @@ const analyze = gulp.series( const test = gulp.series(analyze); -const buildStyleguide = gulp.series( - cssStyleguideOptimized, - bundleStyleguideOptimized, - generateStyleguide, - copyStyleguide, -); - const buildLocal = gulp.series( clean, images, @@ -42,7 +31,6 @@ const buildLocal = gulp.series( cssLocal, bundleLocal, bundleAdminExtraLocal, - buildStyleguide, ); const buildOptimized = gulp.series( @@ -52,7 +40,6 @@ const buildOptimized = gulp.series( cssOptimized, bundleOptimized, bundleAdminExtraOptimized, - buildStyleguide, ); const testAndBuildOptimized = gulp.series( diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/package.json b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/package.json index f9e6dea5ca..3a72fbe88b 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/package.json +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/groundcontrol/package.json @@ -13,11 +13,10 @@ "devDependencies": { "@babel/cli": "^7.2.3", "@babel/core": "^7.2.2", - "@babel/polyfill": "^7.2.5", "@babel/preset-env": "^7.3.1", "@babel/register": "^7.0.0", - "@kunstmaan/eslint-config": "^1.1.0", - "@kunstmaan/stylelint-config": "^1.1.1", + "@kunstmaan/eslint-config": "^3.0.0", + "@kunstmaan/stylelint-config": "^3.0.0", "autoprefixer": "^6.7.6", "babel-loader": "^8.0.5", "bootstrap.native": "^2.0.11", @@ -26,42 +25,37 @@ "clipboard": "^1.7.1", "cssnano": "^3.10.0", "del": "^2.2.2", - {% if demosite %} - "exports-loader": "^0.7.0", - {% endif %} - - - "gulp": "^4.0.0", + {% if demosite %}"exports-loader": "^0.7.0", + {% endif %}"gulp": "^4.0.0", "gulp-autoprefixer": "^3.1.1", "gulp-cached": "^1.1.1", "gulp-changed": "^3.2.0", - "gulp-eslint": "^4.0.0", + "gulp-eslint-new": "^1.4.0", "gulp-if": "^2.0.2", "gulp-imagemin": "^4.1.0", "gulp-inject": "^4.2.0", - "gulp-livingcss": "^2.1.0", - "gulp-postcss": "^6.3.0", - "gulp-sass": "^4.0.0", + "gulp-postcss": "^9.0.1", + "gulp-sass": "^5.1.0", "gulp-sourcemaps": "^2.4.1", "html-loader": "^0.5.5", "imports-loader": "^0.8.0", - "jest-cli": "^19.0.2", - "node-notifier": "^5.0.2", + "jest-cli": "^27.5.1", + "node-notifier": "^10.0.1", + "postcss": "^8.4.6", "postcss-reporter": "^3.0.0", "postcss-scss": "^1.0.6", "prismjs": "^1.6.0", - "stylelint": "^9.6.0", + "sass": "^1.49.7", + "stylelint": "^14.4.0", "webpack": "^4.29.0", "yargs": "^7.0.2" }, "dependencies": { - "picturefill": "^3.0.3", "bootstrap-sass": "^3.3.7", - "svgxuse": "^1.2.6", - "gsap": "^1.19.1"{% if demosite %}, - "ramda": "^0.23.0", + "core-js": "^3.19.2", + "picturefill": "^3.0.3"{% if demosite %}, "cargobay": "Kunstmaan/cargobay#0.8.6-support", "jquery": "^3.1.1", "velocity-animate": "1.2.3"{% endif %} - } + } } diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/package.json b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/package.json new file mode 100644 index 0000000000..8ecd500335 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/package.json @@ -0,0 +1,55 @@ +{ + "author": "Kunstmaan", + "license": "ISC", + "private": true, + "scripts": { + "dev-server": "encore dev-server", + "dev": "encore dev", + "eslint": "eslint --ext .js,.jsx assets", + "eslint:fix": "npm run eslint -- --fix", + "start": "npm run dev-server", + "stylelint": "stylelint assets/**/*.scss", + "stylelint:fix": "npm run stylelint -- --fix", + "test": "npm run stylelint && npm run eslint", + "watch": "encore dev --watch", + "build": "encore production --progress" + }, + "browserslist": [ + "> 1%", + "last 2 Chrome major versions", + "last 2 Firefox major versions", + "last 2 Safari major versions", + "last 2 Edge major versions", + "not dead", + "not IE 11" + ], + "dependencies": { + "bootstrap-sass": "^3.3.7", + "picturefill": "^3.0.3"{% if demosite %}, + "cargobay": "Kunstmaan/cargobay#0.8.6-support", + "jquery": "^3.1.1", + "velocity-animate": "1.2.3"{% endif %} + + }, + "devDependencies": { + "@kunstmaan/eslint-config": "^3.0.0", + "@kunstmaan/stylelint-config": "^3.0.0", + "@symfony/webpack-encore": "^1.7.0", + "autoprefixer": "^10.4.2", + "core-js": "^3.19.2", + "eslint": "^8.8.0", + "eslint-config-airbnb-base": "^15.0.0", + "eslint-plugin-import": "^2.25.4", + "eslint-webpack-plugin": "^2.6.0", + {% if demosite %}"exports-loader": "^0.7.0", + {% endif %}"file-loader": "^6.2.0", + "postcss": "^8.3.7", + "postcss-loader": "^6.1.1", + "regenerator-runtime": "^0.13.2", + "sass": "^1.42.0", + "sass-loader": "^12.1.0", + "stylelint": "^14.4.0", + "stylelint-webpack-plugin": "^2.2.2", + "webpack-notifier": "^1.6.0" + } +} diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/postcss.config.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/postcss.config.js new file mode 100644 index 0000000000..a3db8ae972 --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/postcss.config.js @@ -0,0 +1,5 @@ +module.exports = { + plugins: { + autoprefixer: {}, + }, +}; diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/webpack.config.js b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/webpack.config.js new file mode 100644 index 0000000000..6ecdda186f --- /dev/null +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/layout/webpack-encore/webpack.config.js @@ -0,0 +1,116 @@ +const path = require('path'); + +const Encore = require('@symfony/webpack-encore'); +const StylelintPlugin = require('stylelint-webpack-plugin'); + +// Manually configure the runtime environment if not already configured yet by the "encore" command. +// It's useful when you use tools that rely on webpack.config.js file. +if (!Encore.isRuntimeEnvironmentConfigured()) { + Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev'); +} + +Encore + .addAliases({ + scssRootDir: path.resolve(__dirname, 'assets/ui/scss'), + }) + // directory where compiled assets will be stored + .setOutputPath('public/build/') + // public path used by the web server to access the output path + .setPublicPath('/build') + // only needed for CDN's or sub-directory deploy + // .setManifestKeyPrefix('build/') + + /* + * ENTRY CONFIG + * + * Each entry will result in one JavaScript file (e.g. app.js) + * and one CSS file (e.g. app.scss) if your JavaScript imports CSS. + */ + .addEntry('app', './assets/ui/app.js') + .addEntry('admin', './assets/admin/admin-bundle-extra.js') + + // When enabled, Webpack "splits" your files into smaller pieces for greater optimization. + .splitEntryChunks() + + // will require an extra script tag for runtime.js + // but, you probably want this, unless you're building a single-page app + .enableSingleRuntimeChunk() + +{% if demosite %} + // jQuery plugins often expect that jQuery is already available via the $ or jQuery global variables. + // To fix this, call autoProvidejQuery() from your webpack.config.js file: + .autoProvidejQuery() + // you can use this method to provide other common global variables, + // such as '_' for the 'underscore' library + .autoProvideVariables({ + $: 'jquery', + jQuery: 'jquery', + 'window.jQuery': 'jquery', + }) + + .addLoader({ + test: /\/cargobay\/.+\.scroll-to-top\.js/, + use: 'exports-loader?cargobay.scrollToTop', + }) + .addLoader({ + test: /\/cargobay\/.+\.sidebar-toggle\.js/, + use: 'exports-loader?cargobay.sidebarToggle', + }) + .addLoader({ + test: /\/cargobay\/.+\.toggle\.js/, + use: 'exports-loader?cargobay.toggle', + }) + +{% endif %} + /* + * FEATURE CONFIG + * + * Enable & configure other features below. For a full + * list of features, see: + * https://symfony.com/doc/current/frontend.html#adding-more-features + */ + .cleanupOutputBeforeBuild() + .enableBuildNotifications() + .enableSourceMaps(!Encore.isProduction()) + // enables hashed filenames (e.g. app.abc123.css) + .enableVersioning(Encore.isProduction()) + + .enableEslintPlugin() + .addPlugin(new StylelintPlugin({ + files: ['./assets/**/*.scss'], + })) + + .configureBabel((config) => { + config.plugins.push('@babel/plugin-proposal-class-properties'); + }) + + // enables @babel/preset-env polyfills + .configureBabelPresetEnv((config) => { + // eslint-disable-next-line no-param-reassign + config.useBuiltIns = 'usage'; + // eslint-disable-next-line no-param-reassign + config.corejs = 3; + }) + + .enablePostCssLoader() + + // enables Sass/SCSS support + .enableSassLoader(() => {}, { resolveUrlLoader: false }) + + // Copy static files + .copyFiles({ + from: './assets/ui/img', + to: 'img/[path][name].[hash:8].[ext]', + }) + + // uncomment to get integrity="..." attributes on your script & link tags + // requires WebpackEncoreBundle 1.4 or higher + // .enableIntegrityHashes(Encore.isProduction()) + + .configureDevServerOptions((options) => { + options.allowedHosts = 'all'; + // in older Webpack Dev Server versions, use this option instead: + // options.firewall = false; + }); + +module.exports = Encore.getWebpackConfig(); diff --git a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/pagepart/Resources/views/PageParts/VideoPagePart/view.html.twig b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/pagepart/Resources/views/PageParts/VideoPagePart/view.html.twig index f1bed30fca..bf192c12d6 100644 --- a/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/pagepart/Resources/views/PageParts/VideoPagePart/view.html.twig +++ b/src/Kunstmaan/GeneratorBundle/Resources/SensioGeneratorBundle/skeleton/pagepart/Resources/views/PageParts/VideoPagePart/view.html.twig @@ -24,7 +24,7 @@ {% if resource.video is defined and resource.video %}
- {% set videoImage = asset('frontend/img/general/video-pp--default.svg') %} + {% set videoImage = asset('build/img/general/video-pp--default.svg') %} {% set imageType = 'jpg' %} {% if resource.thumbnail is not empty %} {% set videoImage = asset(resource.thumbnail.url|imagine_filter('optim')) %} diff --git a/src/Kunstmaan/NodeBundle/Resources/views/NodeAdmin/edit.html.twig b/src/Kunstmaan/NodeBundle/Resources/views/NodeAdmin/edit.html.twig index f67daadbe4..b2af2c14ec 100644 --- a/src/Kunstmaan/NodeBundle/Resources/views/NodeAdmin/edit.html.twig +++ b/src/Kunstmaan/NodeBundle/Resources/views/NodeAdmin/edit.html.twig @@ -124,4 +124,13 @@ {% if file_exists(cssPath) %} {% endif %} + + {% set cssPath = 'build/css/admin-style.css' %} + {% if file_exists(cssPath) %} + + {% endif %} + + {% if encore_entry_exists('admin') %} + {{ encore_entry_link_tags('admin') }} + {% endif %} {% endblock %}