diff --git a/.browserslistrc b/.browserslistrc deleted file mode 100644 index 0152f61ef03..00000000000 --- a/.browserslistrc +++ /dev/null @@ -1 +0,0 @@ -extends @wordpress/browserslist-config diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 48baa10eb6d..00000000000 --- a/.editorconfig +++ /dev/null @@ -1,19 +0,0 @@ -# WordPress Coding Standards -# https://make.wordpress.org/core/handbook/coding-standards/ - -root = true - -[*] -charset = utf-8 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true -indent_style = tab -indent_size = 4 - -[{.rtlcssrc,*.json,*.yml,*.feature}] -indent_style = space -indent_size = 2 - -[*.md] -trim_trailing_whitespace = false diff --git a/.eslintignore b/.eslintignore deleted file mode 100644 index 49a3b042518..00000000000 --- a/.eslintignore +++ /dev/null @@ -1,6 +0,0 @@ -**/*.min.js -**/node_modules/** -**/vendor/** -**/assets/js/*.js -!assets/js/amp-service-worker-runtime-precaching.js -build/* diff --git a/.eslintrc.js b/.eslintrc.js deleted file mode 100644 index 7bbda939ba8..00000000000 --- a/.eslintrc.js +++ /dev/null @@ -1,169 +0,0 @@ -/** - * WordPress dependencies - */ -const jsdocConfig = require('@wordpress/eslint-plugin/configs/jsdoc'); - -// Extend jsdoc defined types. -jsdocConfig.rules['jsdoc/no-undefined-types'][1].definedTypes.push('Backbone'); - -module.exports = { - root: true, - extends: [ - 'plugin:@wordpress/eslint-plugin/recommended', - 'plugin:import/recommended', - 'plugin:eslint-comments/recommended', - ], - env: { - browser: true, - }, - rules: { - 'block-scoped-var': 'error', - complexity: ['error', { max: 20 }], - 'consistent-return': 'error', - 'default-case': 'error', - 'guard-for-in': 'error', - 'no-await-in-loop': 'error', - 'no-extra-bind': 'error', - 'no-extra-label': 'error', - 'no-floating-decimal': 'error', - 'no-implicit-coercion': 'error', - 'no-implicit-globals': 'error', - 'no-implied-eval': 'error', - 'no-loop-func': 'error', - 'no-new': 'error', - 'no-new-func': 'error', - 'no-new-wrappers': 'error', - 'no-restricted-properties': 'error', - 'no-return-assign': 'error', - 'no-return-await': 'error', - 'no-sequences': 'error', - 'no-shadow': 'error', - 'no-template-curly-in-string': 'error', - 'no-throw-literal': 'error', - 'no-unmodified-loop-condition': 'error', - 'no-unused-vars': [ - 'error', - { - ignoreRestSiblings: true, - }, - ], - 'no-useless-call': 'error', - 'no-useless-concat': 'error', - 'prefer-object-spread': 'error', - 'prefer-promise-reject-errors': 'error', - 'prefer-rest-params': 'error', - 'prefer-spread': 'error', - radix: ['error', 'as-needed'], - 'require-await': 'error', - 'rest-spread-spacing': ['error', 'never'], - 'react/prop-types': 'error', - 'react-hooks/exhaustive-deps': [ - 'error', - { additionalHooks: 'useSelect' }, - ], - 'react/jsx-closing-tag-location': 'error', - 'react/jsx-fragments': 'error', - 'react/jsx-first-prop-new-line': 'error', - 'react/jsx-max-props-per-line': ['error', { when: 'multiline' }], - 'react/jsx-no-literals': 'error', - 'react/jsx-no-useless-fragment': 'error', - 'react/no-unused-prop-types': 'error', - 'react/self-closing-comp': 'error', - 'import/no-unresolved': [ - 'error', - { - ignore: [ - 'jquery', - 'amp-block-editor-data', - 'amp-settings', - 'amp-themes', - 'amp-plugins', - 'amp-support', - 'amp-block-validation', - 'amp-site-scan-notice', - ], - }, - ], - 'import/order': [ - 'error', - { - groups: [ - 'builtin', - ['external', 'unknown'], - 'internal', - 'parent', - 'sibling', - 'index', - ], - }, - ], - 'jsdoc/check-indentation': 'error', - 'jsdoc/no-undefined-types': - jsdocConfig.rules['jsdoc/no-undefined-types'], - '@wordpress/dependency-group': 'error', - '@wordpress/react-no-unsafe-timeout': 'error', - }, - overrides: [ - { - files: [ - '**/__tests__/**/*.js', - '**/test/*.js', - '**/?(*.)test.js', - 'tests/js/**/*.js', - ], - extends: ['plugin:jest/all'], - rules: { - 'jest/prefer-lowercase-title': [ - 'error', - { - ignore: ['describe'], - }, - ], - 'jest/max-expects': 'off', - 'jest/no-hooks': 'off', - 'jest/prefer-expect-assertions': 'off', - 'jest/prefer-inline-snapshots': 'off', - 'jest/prefer-snapshot-hint': 'off', - 'jest/no-untyped-mock-factory': 'off', - // Disabling because we are not using typescript. - // @see - 'jest/unbound-method': 'off', - }, - }, - { - files: ['tests/e2e/**/*.js'], - extends: [ - 'plugin:@wordpress/eslint-plugin/test-e2e', - 'plugin:jest/all', - ], - rules: { - 'jest/prefer-lowercase-title': [ - 'error', - { - ignore: ['describe'], - }, - ], - 'jest/max-expects': 'off', - 'jest/no-hooks': 'off', - 'jest/prefer-expect-assertions': 'off', - 'jest/prefer-inline-snapshots': 'off', - 'jest/unbound-method': 'off', - }, - }, - { - files: ['assets/src/mobile-redirection.js'], - globals: { - AMP_MOBILE_REDIRECTION: false, - location: false, - navigator: false, - sessionStorage: false, - }, - }, - { - files: ['assets/src/customizer/amp-customize-controls.js'], - globals: { - HTMLAnchorElement: false, - }, - }, - ], -}; diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs deleted file mode 100644 index 79cc7d8fc98..00000000000 --- a/.git-blame-ignore-revs +++ /dev/null @@ -1,2 +0,0 @@ -# Apply Prettier formatting -614e495726bce56983b4c5dc948bac557afb4565 diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index 5d4880561be..00000000000 --- a/.gitattributes +++ /dev/null @@ -1,10 +0,0 @@ -# Improve diff output for PHP files. -*.php diff=php - -# Mark generated files so diffs are hidden by default. -*.snap linguist-generated=true -includes/sanitizers/class-amp-allowed-tags-generated.php linguist-generated=true -docs/**/*.md linguist-generated=true -docs/docs.json linguist-generated=true -**/__data__/*.js linguist-generated=true -includes/ecosystem-data/*.php linguist-generated=true diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml deleted file mode 100644 index 9ea11a6f61b..00000000000 --- a/.github/ISSUE_TEMPLATE/bug_report.yml +++ /dev/null @@ -1,125 +0,0 @@ -name: 🐛 Bug report -description: Create a report to help us improve. -labels: - - Bug - -body: - - type: textarea - attributes: - label: Bug Description - description: Please describe clearly and concisely what the bug is. - validations: - required: true - - - type: textarea - attributes: - label: Expected Behaviour - description: Please describe clearly and concisely what the expected behaviour should be. - validations: - required: true - - - type: textarea - attributes: - label: Screenshots - description: > - Please provide detailed steps on how to reproduce the bug. Provide a URL where the issue can be seen on the - frontend when possible, otherwise go to “View source” in the browser and copy all to paste in a - [Gist](https://gist.github.com/) and share it. - - - type: input - attributes: - label: PHP Version - description: Specify which PHP version the bug occurs on. - placeholder: e.g. 8.1 - validations: - required: false - - - type: input - attributes: - label: Plugin Version - description: Specify which plugin version the bug occurs on. - placeholder: e.g. 2.1.4 - validations: - required: true - - - type: dropdown - attributes: - label: AMP plugin template mode - description: Specify which template mode the bug occurs on. - multiple: true - options: - - Standard - - Transitional - - Reader - validations: - required: true - - - type: input - attributes: - label: WordPress Version - description: If applicable, specify which WordPress version the bug occurs on. - placeholder: e.g. 5.8 - - - type: textarea - attributes: - label: Site Health - description: > - If you would like to, please provide your Site Health information. You can also submit it privately via our - [AMP Plugin Escalations form](https://docs.google.com/forms/d/1JTQmphDlk9YgHpDoFRbHXpkDqv8-QmzTT7MDR4AstyQ). - - - type: input - attributes: - label: Gutenberg Version - description: If applicable, specify which Gutenberg version the bug occurs on. - placeholder: e.g. 11.2.1 - - - type: input - attributes: - label: OS(s) Affected - description: If applicable, specify which operating system(s) are affected. - placeholder: e.g. Windows, Android - - - type: input - attributes: - label: Browser(s) Affected - description: If applicable, specify which browser(s) are affected. - placeholder: e.g. Chrome, Firefox - - - type: input - attributes: - label: Device(s) Affected - description: If applicable, specify which device(s) are affected. - placeholder: e.g. iPhone 12, Pixel 5 - - - type: markdown - attributes: - value: | - --- - _**Do not alter anything below. The following fields will be managed by moderators only.**_ - - - type: textarea - attributes: - label: Acceptance Criteria - description: One or more bullet points for acceptance criteria. - - - type: textarea - attributes: - label: Implementation Brief - description: > - One or more bullet points for how to technically resolve the issue. For significant Implementation Design, - it is ok use a Google document **accessible by anyone**. - - - type: textarea - attributes: - label: QA Testing Instructions - description: One or more bullet points to describe how to test the implementation in QA. - - - type: textarea - attributes: - label: Demo - description: A video or screenshots demoing the implementation. - - - type: textarea - attributes: - label: Changelog Entry - description: One sentence summarizing the PR, to be used in the changelog. diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml deleted file mode 100644 index e39bc45f4b2..00000000000 --- a/.github/ISSUE_TEMPLATE/config.yml +++ /dev/null @@ -1,11 +0,0 @@ -blank_issues_enabled: true -contact_links: - - name: ❓ Plugin Support Forum - url: https://wordpress.org/support/plugin/amp/ - about: For plugin usage questions and compatibility issues with other plugins, please use the plugin's support forum. Before opening a new topic, please search the forum for existing topics as someone else has likely reported the issue already. - - name: ℹ️ AMP for WordPress - url: https://amp-wp.org/ - about: Find documentation, a showcase of sites using the official AMP plugin, an ecosystem directory of compatible themes/plugins, and a blog with news on the plugin site. - - name: 📺 Video Series - url: https://www.youtube.com/playlist?list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb - about: Check out our video series on YouTube for an introduction to the plugin and how you can leverage it on your site. diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml deleted file mode 100644 index b7a710abdf5..00000000000 --- a/.github/ISSUE_TEMPLATE/feature_request.yml +++ /dev/null @@ -1,47 +0,0 @@ -name: ✨ Feature request -description: Suggest an idea for this project. -labels: - - Enhancement - -body: - - type: textarea - attributes: - label: Feature Description - description: > - Please describe clear and concisely which problem the feature would solve or which publisher needs - it would address. - validations: - required: true - - - type: markdown - attributes: - value: | - --- - _**Do not alter anything below. The following fields will be managed by moderators only.**_ - - - type: textarea - attributes: - label: Acceptance Criteria - description: One or more bullet points for acceptance criteria. - - - type: textarea - attributes: - label: Implementation Brief - description: > - One or more bullet points for how to technically resolve the issue. For significant Implementation Design, - it is ok use a Google document **accessible by anyone**. - - - type: textarea - attributes: - label: QA Testing Instructions - description: One or more bullet points to describe how to test the implementation in QA. - - - type: textarea - attributes: - label: Demo - description: A video or screenshots demoing the implementation. - - - type: textarea - attributes: - label: Changelog Entry - description: One sentence summarizing the PR, to be used in the changelog. diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md deleted file mode 100644 index 4f08a8ff005..00000000000 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ /dev/null @@ -1,9 +0,0 @@ -## Summary - - -Fixes # - -## Checklist - -- [ ] My code is tested and passes existing [tests](https://github.com/ampproject/amp-wp/wiki/Engineering-Guidelines#tests). -- [ ] My code follows the [Engineering Guidelines](https://github.com/ampproject/amp-wp/wiki/Engineering-Guidelines) (updates are often made to the guidelines, check it out periodically). diff --git a/.github/actions/determine-changed-files/action.yml b/.github/actions/determine-changed-files/action.yml deleted file mode 100644 index 48acc788105..00000000000 --- a/.github/actions/determine-changed-files/action.yml +++ /dev/null @@ -1,84 +0,0 @@ -name: Determine count of changed files - -description: Determine count of changed files based on the current branch and the base branch - -outputs: - count: - description: The count of changed files - value: ${{ steps.determine-file-counts.outputs.count }} - php-count: - description: The count of changed PHP files - value: ${{ steps.determine-file-counts.outputs.php-count }} - css-count: - description: The count of changed CSS files - value: ${{ steps.determine-file-counts.outputs.css-count }} - js-count: - description: The count of changed JS files - value: ${{ steps.determine-file-counts.outputs.js-count }} - gha-workflow-count: - description: The count of changed GHA workflow files - value: ${{ steps.determine-file-counts.outputs.gha-workflow-count }} - -runs: - using: 'composite' - steps: - - name: Fetch base branch - # Only fetch base ref if it's a PR. - if: ${{ github.base_ref != null }} - shell: bash - run: git fetch --depth=1 --no-tags origin ${{ github.base_ref }} - - - name: Determine modified files for PR - if: ${{ github.base_ref != null }} - shell: bash - run: echo "MODIFIED_FILES=$(git diff --name-only FETCH_HEAD HEAD | base64 -w 0)" >> $GITHUB_ENV - - - name: Determine modified files for commit - if: ${{ github.base_ref == null }} - shell: bash - run: echo "MODIFIED_FILES=$(git diff --name-only HEAD~1 HEAD | base64 -w 0)" >> $GITHUB_ENV - - - name: Determine if modified files should make the workflow run continue - id: determine-file-counts - shell: bash - run: | - # Get modified files. - MODIFIED_FILES=$(echo "$MODIFIED_FILES" | base64 -d) - - # Determine file counts. - FILE_COUNT=$(php -f ./.github/actions/determine-changed-files/determine-modified-files-count.php "$IGNORE_PATH_REGEX" "$MODIFIED_FILES" --invert) - PHP_FILE_COUNT=$(php -f ./.github/actions/determine-changed-files/determine-modified-files-count.php ".+\.php|composer\.(json|lock)|phpstan\.neon\.dist" "$MODIFIED_FILES") - CSS_FILE_COUNT=$(php -f ./.github/actions/determine-changed-files/determine-modified-files-count.php ".+\.s?css|package\.json|package-lock\.json" "$MODIFIED_FILES") - JS_FILE_COUNT=$(php -f ./.github/actions/determine-changed-files/determine-modified-files-count.php ".+\.(js|snap)|package\.json|package-lock\.json" "$MODIFIED_FILES") - GHA_WORKFLOW_COUNT=$(php -f ./.github/actions/determine-changed-files/determine-modified-files-count.php "(\.github\/workflows\/.+\.yml)" "$MODIFIED_FILES") - - # Set output variables. - echo "count=$FILE_COUNT" >> $GITHUB_OUTPUT - echo "php-count=$PHP_FILE_COUNT" >> $GITHUB_OUTPUT - echo "css-count=$CSS_FILE_COUNT" >> $GITHUB_OUTPUT - echo "js-count=$JS_FILE_COUNT" >> $GITHUB_OUTPUT - echo "gha-workflow-count=$GHA_WORKFLOW_COUNT" >> $GITHUB_OUTPUT - - # Add modified files summary. - echo "# Modified files summary" >> $GITHUB_STEP_SUMMARY - echo "## Modified files" >> $GITHUB_STEP_SUMMARY - echo "\`\`\`" >> $GITHUB_STEP_SUMMARY - echo "$MODIFIED_FILES" >> $GITHUB_STEP_SUMMARY - echo "\`\`\`" >> $GITHUB_STEP_SUMMARY - echo "## Modified files count" >> $GITHUB_STEP_SUMMARY - echo "\`\`\`" >> $GITHUB_STEP_SUMMARY - echo "Total modified files: $FILE_COUNT" >> $GITHUB_STEP_SUMMARY - echo "PHP files: $PHP_FILE_COUNT" >> $GITHUB_STEP_SUMMARY - echo "CSS files: $CSS_FILE_COUNT" >> $GITHUB_STEP_SUMMARY - echo "JS files: $JS_FILE_COUNT" >> $GITHUB_STEP_SUMMARY - echo "GHA workflow files: $GHA_WORKFLOW_COUNT" >> $GITHUB_STEP_SUMMARY - echo "\`\`\`" >> $GITHUB_STEP_SUMMARY - env: - # Ignore Paths: - # - .github/ - # - !.github/actions - # - !.github/workflows - # - .github/actions/draft-release/ - # - .wordpress-org/ - # - docs/ - IGNORE_PATH_REGEX: \.github\/(?!actions|workflows)|\.wordpress-org\/|docs\/|\.github\/actions\/draft-release\/ diff --git a/.github/actions/determine-changed-files/determine-modified-files-count.php b/.github/actions/determine-changed-files/determine-modified-files-count.php deleted file mode 100644 index 3e0490b577d..00000000000 --- a/.github/actions/determine-changed-files/determine-modified-files-count.php +++ /dev/null @@ -1,23 +0,0 @@ - [--invert] - * - * For example: - * php -f determine-modified-files-count.php "foo\/bar|bar*" "foo/bar/baz\nquux" --invert - * - * Would output: 1 - * - * @codeCoverageIgnore - * @package AMP - */ - -$file_pattern = sprintf( '/^%s$/m', $argv[1] ); -$modified_files = explode( "\n", trim( $argv[2] ) ); -$preg_grep_flags = isset( $argv[3] ) && trim( $argv[3] ) === '--invert' ? PREG_GREP_INVERT : 0; - -$filtered_files = preg_grep( $file_pattern, $modified_files, $preg_grep_flags ); - -echo $filtered_files ? count( $filtered_files ) : 0; diff --git a/.github/actions/plugin-build/action.yml b/.github/actions/plugin-build/action.yml deleted file mode 100644 index 9416cfe974a..00000000000 --- a/.github/actions/plugin-build/action.yml +++ /dev/null @@ -1,20 +0,0 @@ -name: Build plugin assets - -description: Build and cache the plugin assets to speed up builds. - -runs: - using: 'composite' - steps: - - name: Cache assets directory - uses: actions/cache@v3 - id: assets-cache - env: - SEGMENT_DOWNLOAD_TIMEOUT_MINS: '5' - with: - path: ${{ github.workspace }}/assets - key: ${{ runner.os }}-amp-wp-assets-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('assets/**') }} - - - name: Build plugin assets - if: ${{ steps.assets-cache.outputs.cache-hit != 'true' }} - shell: bash - run: npm run build:js diff --git a/.github/actions/setup-node-npm/action.yml b/.github/actions/setup-node-npm/action.yml deleted file mode 100644 index ef80aa8a5d0..00000000000 --- a/.github/actions/setup-node-npm/action.yml +++ /dev/null @@ -1,32 +0,0 @@ -name: Setup Node.js and npm - -description: Setup Node.js and npm with caching - -runs: - using: 'composite' - steps: - - name: Configure Node.js cache - uses: actions/cache@v3.3.2 - id: node-npm-cache - env: - SEGMENT_DOWNLOAD_TIMEOUT_MINS: '5' - with: - path: node_modules - key: ${{ runner.os }}-node_modules-${{ hashFiles('package*.json') }}-${{ hashFiles('.github/actions/setup-node-npm/action.yml') }} - - # Since it gets downloaded with npm install, we need to cache it instantly. - - name: Setup puppeteer cache - uses: actions/cache@v3.3.2 - with: - path: ~/.cache/puppeteer - key: ${{ runner.os }}-puppeteer - - - name: Setup Node.js - uses: actions/setup-node@v4 - with: - node-version-file: '.nvmrc' - - - name: Install NodeJS dependencies - if: ${{ steps.node-npm-cache.outputs.cache-hit != 'true' }} - shell: bash - run: npm ci diff --git a/.github/actions/setup-php-composer/action.yml b/.github/actions/setup-php-composer/action.yml deleted file mode 100644 index 06a1cc22986..00000000000 --- a/.github/actions/setup-php-composer/action.yml +++ /dev/null @@ -1,46 +0,0 @@ -name: Setup PHP and Composer - -description: Setup PHP and Composer with caching - -inputs: - tools: - description: 'The tools to install' - required: false - default: 'composer' - php-version: - description: 'The PHP version to install' - required: true - default: '7.4' - extensions: - description: 'The PHP extensions to install' - required: false - default: 'curl, date, dom, gd, iconv, json, libxml, mysql, spl' - coverage: - description: 'Whether to install the PHP Xdebug extension' - required: false - default: 'none' - -runs: - using: 'composite' - steps: - - name: Setup PHP - uses: shivammathur/setup-php@v2 - with: - php-version: ${{ inputs.php-version }} - extensions: ${{ inputs.extensions }} - coverage: ${{ inputs.coverage }} - tools: ${{ inputs.tools }} - - - name: Setup composer cache - uses: actions/cache@v3 - id: php-composer-cache - env: - SEGMENT_DOWNLOAD_TIMEOUT_MINS: '5' - with: - path: vendor - key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}-${{ hashFiles('.github/actions/setup-php-composer/action.yml') }} - - - name: Install composer dependencies - if: ${{ steps.php-composer-cache.outputs.cache-hit != 'true' }} - shell: bash - run: composer install --ansi --no-interaction --prefer-dist --ignore-platform-reqs diff --git a/.github/dependabot.yml b/.github/dependabot.yml deleted file mode 100644 index ecafba1336b..00000000000 --- a/.github/dependabot.yml +++ /dev/null @@ -1,43 +0,0 @@ -version: 2 -updates: - -# Config for AMP plugin. -- package-ecosystem: composer - directory: "/" - schedule: - interval: monthly - time: "17:00" - timezone: America/Los_Angeles - open-pull-requests-limit: 10 - groups: - wp-cli-packages: - patterns: - - "wp-cli/*" - ignore: - # @see . - - dependency-name: phpdocumentor/reflection - -- package-ecosystem: npm - directory: "/" - schedule: - interval: monthly - time: "17:00" - timezone: America/Los_Angeles - open-pull-requests-limit: 10 - groups: - wordpress-packages: - patterns: - - "@wordpress/*" - ignore: - # Need to be updated based on `@wordpress/element` react peer dependency version. - - dependency-name: react - - dependency-name: react-dom - -# Config for GitHub Actions. -- package-ecosystem: github-actions - directory: "/" - schedule: - interval: monthly - time: "17:00" - timezone: America/Los_Angeles - open-pull-requests-limit: 10 diff --git a/.github/release.yml b/.github/release.yml deleted file mode 100644 index 390bdc2bea7..00000000000 --- a/.github/release.yml +++ /dev/null @@ -1,5 +0,0 @@ -changelog: - exclude: - authors: - - dependabot - - dependabot-preview diff --git a/.github/workflows/build-test-measure.yml b/.github/workflows/build-test-measure.yml deleted file mode 100644 index 500214bef70..00000000000 --- a/.github/workflows/build-test-measure.yml +++ /dev/null @@ -1,756 +0,0 @@ -name: Build, test & measure - -on: - push: - branches: - - develop - # Include all release branches. - - '[0-9]+.[0-9]+' - pull_request: - # Run workflow whenever a PR is opened, updated (synchronized), or marked ready for review. - types: [opened, synchronize, ready_for_review] - -# Cancel previous workflow run groups that have not completed. -concurrency: - # Group workflow runs by workflow name, along with the head branch ref of the pull request - # or otherwise the branch or tag ref. - group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.ref }} - cancel-in-progress: true - -# Disable permissions for all available scopes. -# Enable permissions for specific scopes as needed on job level. -permissions: {} - -jobs: - pre-run: - name: 'Pre run' - runs-on: ubuntu-latest - outputs: - changed-file-count: ${{ steps.determine-file-counts.outputs.count }} - changed-php-count: ${{ steps.determine-file-counts.outputs.php-count }} - changed-css-count: ${{ steps.determine-file-counts.outputs.css-count }} - changed-js-count: ${{ steps.determine-file-counts.outputs.js-count }} - changed-gha-workflow-count: ${{ steps.determine-file-counts.outputs.gha-workflow-count }} - steps: - - name: Checkout including last 2 commits - # Fetch last 2 commits if it's not a PR, so that we can determine the list of modified files. - if: ${{ github.base_ref == null }} - uses: actions/checkout@v4 - with: - fetch-depth: 2 - - - name: Checkout - # Do usual checkout if it's a PR. - if: ${{ github.base_ref != null }} - uses: actions/checkout@v4 - - - name: Determine modified files - id: determine-file-counts - uses: ./.github/actions/determine-changed-files - -#----------------------------------------------------------------------------------------------------------------------- - - lint-css: - needs: pre-run - if: needs.pre-run.outputs.changed-css-count > 0 || needs.pre-run.outputs.changed-gha-workflow-count > 0 - name: 'Lint: CSS' - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Detect coding standard violations (stylelint) - run: npm run lint:css - -#----------------------------------------------------------------------------------------------------------------------- - - lint-js: - name: 'Lint: JS' - needs: pre-run - if: needs.pre-run.outputs.changed-js-count > 0 || needs.pre-run.outputs.changed-gha-workflow-count > 0 - runs-on: ubuntu-latest - permissions: - checks: write - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Validate package.json - run: npm run lint:pkg-json - - - name: Detect ESLint coding standard violations - if: > - github.event.pull_request.head.repo.fork == true || - github.event.pull_request.user.login == 'dependabot[bot]' - run: npm run lint:js - - - name: Generate ESLint coding standard violations report - # Prevent generating the ESLint report if PR is from a fork or authored by Dependabot. - if: > - ! ( github.event.pull_request.head.repo.fork == true || - github.event.pull_request.user.login == 'dependabot[bot]' ) - run: npm run lint:js:report - continue-on-error: true - - - name: Annotate code linting results - # The action cannot annotate the PR when run from a PR fork or was authored by Dependabot. - if: > - ! ( github.event.pull_request.head.repo.fork == true || - github.event.pull_request.user.login == 'dependabot[bot]' ) - uses: ataylorme/eslint-annotate-action@2.2.0 - with: - repo-token: '${{ secrets.GITHUB_TOKEN }}' - report-json: 'lint-js-report.json' - -#----------------------------------------------------------------------------------------------------------------------- - - lint-php: - name: 'Lint: PHP' - needs: pre-run - if: needs.pre-run.outputs.changed-php-count > 0 || needs.pre-run.outputs.changed-gha-workflow-count > 0 - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup PHP and Composer - uses: ./.github/actions/setup-php-composer - with: - tools: 'composer,cs2pr,composer-normalize' - php-version: '8.1' - - - name: Detect coding standard violations (PHPCS) - run: vendor/bin/phpcs -q --report=checkstyle --runtime-set ignore_errors_on_exit 1 --runtime-set ignore_warnings_on_exit 1 | cs2pr --graceful-warnings - - - name: Validate composer.json - run: composer --no-interaction validate --no-check-all - - - name: Normalize composer.json - run: | - composer config --no-interaction --no-plugins allow-plugins.ergebnis/composer-normalize true - composer-normalize --dry-run --diff - -#----------------------------------------------------------------------------------------------------------------------- - - static-analysis-php: - name: 'Static Analysis: PHP' - runs-on: ubuntu-latest - needs: pre-run - if: needs.pre-run.outputs.changed-php-count > 0 || needs.pre-run.outputs.changed-gha-workflow-count > 0 - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup PHP and Composer - uses: ./.github/actions/setup-php-composer - with: - tools: 'composer,phpstan' - php-version: '8.1' - - - name: Static Analysis (PHPStan) - run: phpstan analyze - -#----------------------------------------------------------------------------------------------------------------------- - - unit-test-js: - name: 'Unit test: JS' - runs-on: ubuntu-latest - needs: pre-run - if: needs.pre-run.outputs.changed-js-count > 0 || needs.pre-run.outputs.changed-gha-workflow-count > 0 - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Setup Jest cache - uses: actions/cache@v3.3.2 - with: - path: ~/.jest-cache - key: ${{ runner.os }}-jest - - - name: Run unit tests (with coverage) - run: npm run test:js -- --ci --cacheDirectory="$HOME/.jest-cache" --collectCoverage - - - name: Upload code coverage report - if: github.actor != 'dependabot[bot]' - uses: codecov/codecov-action@v3 - with: - file: build/logs/lcov.info - flags: javascript - fail_ci_if_error: true - -#----------------------------------------------------------------------------------------------------------------------- - - e2e-test-js: - name: 'E2E test: JS' - needs: pre-run - if: needs.pre-run.outputs.changed-file-count > 0 - runs-on: ubuntu-latest - permissions: - actions: write - env: - WP_BASE_URL: 'http://127.0.0.1:8890' - JEST_PUPPETEER_CONFIG: './tests/e2e/puppeteer.config.js' - strategy: - fail-fast: false - matrix: - part: [1, 2] - totalParts: [2] - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Setup PHP and Composer - uses: ./.github/actions/setup-php-composer - - - name: Build plugin - uses: ./.github/actions/plugin-build - - - name: Setup Jest cache - uses: actions/cache@v3.3.2 - with: - path: ~/.jest-cache - key: ${{ runner.os }}-jest-e2e-${{ matrix.part }} - - - name: Start Docker environment - run: npm run env:start:ci - env: - COMPOSE_INTERACTIVE_NO_CLI: true - - # Avoid adding any logs to stdout/stderr, while getting the list of E2E tests. - - name: Set NPM log level - run: export npm_config_loglevel=silent - - - name: Get E2E test files - run: npx wp-scripts test-e2e --config=tests/e2e/jest-ci.config.js --listTests > $RUNNER_TEMP/.jest-e2e-tests - - - name: Unset NPM log level - run: unset npm_config_loglevel - - - name: Run E2E tests - run: npx wp-scripts test-e2e --config=tests/e2e/jest-ci.config.js --cacheDirectory="$HOME/.jest-cache" --runTestsByPath $( awk 'NR % ${{ matrix.totalParts }} == ${{ matrix.part }} - 1' < $RUNNER_TEMP/.jest-e2e-tests ) - - - name: Stop Docker environment - run: npm run env:stop:ci - if: always() - env: - COMPOSE_INTERACTIVE_NO_CLI: true - - - name: Archive debug artifacts (screenshots, HTML snapshots) - uses: actions/upload-artifact@v4 - if: always() - with: - name: e2e-failure-artifacts - path: artifacts - if-no-files-found: ignore - -#----------------------------------------------------------------------------------------------------------------------- - - # Adapted from workflow for running PHP unit tests on google/web-stories-wp. - # See https://github.com/google/web-stories-wp/blob/cb2ebada48039171e25c279bdb27d3712dd70b22/.github/workflows/continuous-integration-unit-php.yml - unit-test-php: - name: "Unit test${{ matrix.coverage && ' (with coverage)' || '' }}: PHP ${{ matrix.php }}, WP ${{ matrix.wp }}" - runs-on: ubuntu-latest - needs: pre-run - env: - WP_CORE_DIR: /tmp/wordpress - WP_TESTS_DIR: /tmp/wordpress-tests-lib - WP_ENVIRONMENT_TYPE: local - services: - mysql: - image: mariadb:latest - env: - MARIADB_ALLOW_EMPTY_ROOT_PASSWORD: true - MARIADB_DATABASE: wordpress_test - MARIADB_MYSQL_LOCALHOST_USER: 1 - MARIADB_MYSQL_LOCALHOST_GRANTS: USAGE - ports: - - 3306 - options: --health-cmd="healthcheck.sh --su-mysql --connect --innodb_initialized" --health-interval=10s --health-timeout=5s --health-retries=3 - continue-on-error: ${{ matrix.experimental == true }} - strategy: - fail-fast: false - matrix: - php: ['8.0'] - wp: ['latest'] - external-http: [false] - install-pwa-plugin: [true] - coverage: [false] - include: - - php: '8.3' - wp: 'trunk' - phpunit: '9.6' - experimental: true - - - php: '8.2' - wp: 'trunk' - phpunit: '9.6' - - - php: '8.1' - wp: 'trunk' - phpunit: '9.6' - - - php: '8.0' - wp: 'trunk' - phpunit: '9.3' - multisite: true - - - php: '8.0' - wp: 'latest' - phpunit: '9.3' - coverage: true - - - php: '8.0' - wp: 'latest' - phpunit: '9.3' - external-http: true - - - php: '7.4' - wp: 'latest' - phpunit: '9.3' - multisite: true - - - php: '7.4' - wp: 'latest' - phpunit: '9.3' - external-http: true - - - php: '7.4' - wp: '5.3' - phpunit: '7' - - - php: '7.4' - wp: '5.3' - phpunit: '7' - external-http: true - steps: - # Note: The repeated `needs.pre-run.outputs.changed-php-count > 0` checks would be avoided if a step could short- - # circuit per . The reason why the if statement can't be put on the - # job as a whole is because the name is variable based on the matrix, and if the condition is not met then the - # name won't be interpolated in order to match the required jobs set up in branch protection. - - name: Notice - if: needs.pre-run.outputs.changed-php-count == 0 - run: echo "No PHP files were changed so no PHP unit tests will run" - - - name: Shutdown default MySQL service - if: needs.pre-run.outputs.changed-php-count > 0 - run: sudo service mysql stop - - - name: Verify MariaDB connection - if: needs.pre-run.outputs.changed-php-count > 0 - run: | - retry_count=0 - max_retries=5 - - while [ $retry_count -lt $max_retries ]; do - if mysqladmin ping -h"127.0.0.1" -P"${{ job.services.mysql.ports[3306] }}" --silent; then - break - else - ((retry_count++)) - sleep 5 - fi - done - - if [ $retry_count -ge $max_retries ]; then - echo "::error::Failed to establish a MariaDB connection after $max_retries retries." - exit 1 - fi - - - name: Checkout - if: needs.pre-run.outputs.changed-php-count > 0 - uses: actions/checkout@v4 - - - name: Setup PHP and Composer - if: needs.pre-run.outputs.changed-php-count > 0 - uses: ./.github/actions/setup-php-composer - with: - php-version: ${{ matrix.php }} - coverage: ${{ matrix.coverage && 'xdebug' || 'none' }} - tools: 'composer,phpunit:${{ matrix.phpunit }}' - - - name: Setup NodeJS and NPM - if: needs.pre-run.outputs.changed-php-count > 0 - uses: ./.github/actions/setup-node-npm - - - name: Build plugin - if: needs.pre-run.outputs.changed-php-count > 0 - uses: ./.github/actions/plugin-build - - # Avoid conflicts with globally installed PHPUnit. - - name: Remove locally installed PHPUnit - if: needs.pre-run.outputs.changed-php-count > 0 - run: | - rm -rf vendor/phpunit - composer dump-autoload -o - - # Scan the logs for failing tests and surface that information by creating annotations and log file decorations. - - name: Setup problem matcher to provide annotations for PHPUnit - if: needs.pre-run.outputs.changed-php-count > 0 - # The JSON file is provided by the `shivammathur/setup-php` action. See https://github.com/shivammathur/setup-php#problem-matchers. - run: echo "::add-matcher::${{ runner.tool_cache }}/phpunit.json" - - - name: Install WP tests - if: needs.pre-run.outputs.changed-php-count > 0 - run: bash bin/ci/install-wp-tests.sh wordpress_test root '' 127.0.0.1:${{ job.services.mysql.ports['3306'] }} ${{ matrix.wp }} true - - - name: Post install of WP tests - if: needs.pre-run.outputs.changed-php-count > 0 - run: bash bin/ci/after-wp-install.sh ${{ matrix.wp }} ${{ matrix.install-pwa-plugin == true }} - - - name: Copy plugin to WP plugins directory - if: needs.pre-run.outputs.changed-php-count > 0 - run: cp -r "$PWD" "$WP_CORE_DIR/src/wp-content/plugins/amp" - - - name: Override default PHPUnit configuration - if: ${{ matrix.experimental == true && needs.pre-run.outputs.changed-php-count > 0 }} - run: | - cp phpunit.xml.dist phpunit.xml - - # Avoid converting deprecations, errors, notices, and warnings to exceptions in experimental mode. - sed -i 's/convertDeprecationsToExceptions="true"/convertDeprecationsToExceptions="false"/g' phpunit.xml - sed -i 's/convertErrorsToExceptions="true"/convertErrorsToExceptions="false"/g' phpunit.xml - sed -i 's/convertNoticesToExceptions="true"/convertNoticesToExceptions="false"/g' phpunit.xml - sed -i 's/convertWarningsToExceptions="true"/convertWarningsToExceptions="false"/g' phpunit.xml - working-directory: ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp - - - name: Run Single Site tests - if: ${{ matrix.multisite == false && needs.pre-run.outputs.changed-php-count > 0 }} - run: | - if [[ ${{ matrix.external-http == false }} == true && ${{ matrix.coverage == false }} == true ]]; then - phpunit --verbose - elif [[ ${{ matrix.external-http == true }} == true && ${{ matrix.coverage == false }} == true ]]; then - phpunit --testsuite external-http --verbose - elif [[ ${{ matrix.external-http == false }} == true && ${{ matrix.coverage == true }} == true ]]; then - phpunit --verbose --coverage-clover ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp/build/logs/clover.xml - elif [[ ${{ matrix.external-http == true }} == true && ${{ matrix.coverage == true }} == true ]]; then - phpunit --testsuite external-http --verbose --coverage-clover ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp/build/logs/clover.xml - fi - working-directory: ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp - - - name: Run multisite tests - if: ${{ matrix.multisite == true && needs.pre-run.outputs.changed-php-count > 0 }} - run: | - if [[ ${{ matrix.external-http == false }} == true && ${{ matrix.coverage == false }} == true ]]; then - phpunit --verbose - elif [[ ${{ matrix.external-http == true }} == true && ${{ matrix.coverage == false }} == true ]]; then - phpunit --testsuite external-http --verbose - elif [[ ${{ matrix.external-http == false }} == true && ${{ matrix.coverage == true }} == true ]]; then - phpunit --verbose --coverage-clover ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp/build/logs/clover.xml - elif [[ ${{ matrix.external-http == true }} == true && ${{ matrix.coverage == true }} == true ]]; then - phpunit --testsuite external-http --verbose --coverage-clover ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp/build/logs/clover.xml - fi - working-directory: ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp - env: - WP_MULTISITE: 1 - - - name: Upload code coverage report - if: ${{ matrix.coverage == true && needs.pre-run.outputs.changed-php-count > 0 && github.actor != 'dependabot[bot]' }} - uses: codecov/codecov-action@v3 - with: - file: ${{ env.WP_CORE_DIR }}/src/wp-content/plugins/amp/build/logs/clover.xml - flags: php,unit - fail_ci_if_error: true - -#----------------------------------------------------------------------------------------------------------------------- - - feature-test-php: - name: "Feature tests: PHP ${{ matrix.php }}, WP ${{ matrix.wp }}" - needs: pre-run - if: needs.pre-run.outputs.changed-php-count > 0 - runs-on: ubuntu-latest - env: - # @see . - WP_VERSION: ${{ matrix.wp }} - services: - mysql: - image: mariadb:latest - env: - MARIADB_ALLOW_EMPTY_ROOT_PASSWORD: true - MARIADB_DATABASE: wordpress_test - MARIADB_MYSQL_LOCALHOST_USER: 1 - MARIADB_MYSQL_LOCALHOST_GRANTS: USAGE - ports: - - 3306 - options: --health-cmd="healthcheck.sh --su-mysql --connect --innodb_initialized" --health-interval=10s --health-timeout=5s --health-retries=3 - continue-on-error: ${{ matrix.experimental == true }} - strategy: - fail-fast: false - matrix: - php: ['7.4'] - wp: ['latest'] - include: - - php: '8.3' - wp: 'trunk' - experimental: true - - - php: '8.2' - wp: 'trunk' - experimental: true - - - php: '8.1' - wp: 'trunk' - - - php: '8.0' - wp: 'latest' - - - php: '7.4' - wp: '5.3' - steps: - - name: Shutdown default MySQL service - if: needs.pre-run.outputs.changed-php-count > 0 - run: sudo service mysql stop - - - name: Verify MariaDB connection - if: needs.pre-run.outputs.changed-php-count > 0 - run: | - retry_count=0 - max_retries=5 - - while [ $retry_count -lt $max_retries ]; do - if mysqladmin ping -h"127.0.0.1" -P"${{ job.services.mysql.ports[3306] }}" --silent; then - break - else - ((retry_count++)) - sleep 5 - fi - done - - if [ $retry_count -ge $max_retries ]; then - echo "::error::Failed to establish a MariaDB connection after $max_retries retries." - exit 1 - fi - - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup PHP and Composer - uses: ./.github/actions/setup-php-composer - with: - php-version: ${{ matrix.php }} - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Build plugin - uses: ./.github/actions/plugin-build - - - name: Configure DB environment - run: | - echo "MYSQL_HOST=127.0.0.1" >> $GITHUB_ENV - echo "MYSQL_TCP_PORT=${{ job.services.mysql.ports['3306'] }}" >> $GITHUB_ENV - echo "WP_CLI_TEST_DBROOTUSER=root" >> $GITHUB_ENV - echo "WP_CLI_TEST_DBROOTPASS=" >> $GITHUB_ENV - echo "WP_CLI_TEST_DBUSER=wp_cli_test" >> $GITHUB_ENV - echo "WP_CLI_TEST_DBPASS=password1" >> $GITHUB_ENV - echo "WP_CLI_TEST_DBHOST=127.0.0.1:${{ job.services.mysql.ports['3306'] }}" >> $GITHUB_ENV - - - name: Prepare test database - run: composer prepare-tests - - - name: Run tests - run: ./vendor/bin/behat - -#----------------------------------------------------------------------------------------------------------------------- - - build-zip: - name: 'Build: ${{ matrix.build }} build ZIP' - needs: pre-run - # Only run if the PR was not authored by Dependabot and it is not a draft or not from a fork. - if: > - needs.pre-run.outputs.changed-file-count > 0 && - github.event.pull_request.draft == false && - github.event.pull_request.head.repo.fork == false && - github.event.pull_request.user.login != 'dependabot[bot]' - runs-on: ubuntu-latest - permissions: - actions: write - outputs: - branch-name: ${{ steps.retrieve-branch-name.outputs.branch_name }} - git-sha-8: ${{ steps.retrieve-git-sha-8.outputs.sha8 }} - strategy: - matrix: - build: ['dev', 'prod'] - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup NodeJS and NPM - uses: ./.github/actions/setup-node-npm - - - name: Setup PHP and Composer - uses: ./.github/actions/setup-php-composer - with: - php-version: '7.4' - - - name: Create destination directories - run: mkdir -p builds/${{ matrix.build }} - - - name: Build plugin - run: | - npm run package:${{ matrix.build }} - mv amp.zip builds/${{ matrix.build }}/amp.zip - env: - LAST_PR_COMMIT_HASH: ${{ github.event.pull_request.head.sha }} - - - name: Generate checksum file - working-directory: builds/${{ matrix.build }} - run: | - mkdir -p $RUNNER_TEMP/plugin-checksums - find . -type f -print0 | sort -z | xargs -r0 shasum -a 256 -b | sed 's# \*\./# *#' > $RUNNER_TEMP/plugin-checksums/checksums.txt - shasum -a 256 -U -c $RUNNER_TEMP/plugin-checksums/checksums.txt - cat $RUNNER_TEMP/plugin-checksums/checksums.txt | while read sum file; do echo "$sum $file" > ${file#\*}.sha256; done - - - name: Retrieve branch name - id: retrieve-branch-name - run: echo "branch_name=$(REF=${GITHUB_HEAD_REF:-$GITHUB_REF} && echo ${REF#refs/heads/} | sed 's/\//-/g')" >> $GITHUB_OUTPUT - - - name: Retrieve git SHA-8 string - id: retrieve-git-sha-8 - run: echo "sha8=$(echo ${GITHUB_SHA} | cut -c1-8)" >> $GITHUB_OUTPUT - - - name: Upload build as artifact - uses: actions/upload-artifact@v4 - with: - name: amp-${{ steps.retrieve-branch-name.outputs.branch_name }}-${{ steps.retrieve-git-sha-8.outputs.sha8 }}-${{ matrix.build }} - path: builds/${{ matrix.build }} - -#----------------------------------------------------------------------------------------------------------------------- - - upload-to-gcs: - name: Upload plugin ZIPs to Google Cloud Storage - runs-on: ubuntu-latest - permissions: - actions: write - needs: - - build-zip - outputs: - dev-checksum: ${{ steps.output-checksums.outputs.dev-checksum }} - prod-checksum: ${{ steps.output-checksums.outputs.prod-checksum }} - steps: - - name: Download dev build - uses: actions/download-artifact@v4 - with: - name: amp-${{ needs.build-zip.outputs.branch-name }}-${{ needs.build-zip.outputs.git-sha-8 }}-dev - path: builds/dev - - - name: Download prod build - uses: actions/download-artifact@v4 - with: - name: amp-${{ needs.build-zip.outputs.branch-name }}-${{ needs.build-zip.outputs.git-sha-8 }}-prod - path: builds/prod - - - name: Setup Google Cloud SDK - uses: google-github-actions/setup-gcloud@v0 - with: - project_id: ${{ secrets.GCS_PROJECT_ID }} - service_account_key: ${{ secrets.GCS_APPLICATION_CREDENTIALS }} - - - name: Output checksums - id: output-checksums - run: | - echo "dev-checksum=$(cat builds/dev/*.sha256)" >> $GITHUB_OUTPUT - echo "prod-checksum=$(cat builds/prod/*.sha256)" >> $GITHUB_OUTPUT - - - name: Upload dev build to bucket - run: gsutil cp -r builds/dev/amp.zip gs://ampwp_github_artifacts/${{ github.ref }}/dev/amp.zip - - - name: Upload dev build checksums to bucket - if: ${{ github.ref == 'refs/heads/develop' }} - run: gsutil cp -r builds/dev/*.sha256 gs://ampwp_github_artifacts/${{ github.ref }}/dev/ - - - name: Upload prod build to bucket - run: gsutil cp -r builds/prod/amp.zip gs://ampwp_github_artifacts/${{ github.ref }}/prod/amp.zip - - - name: Upload prod build checksums to bucket - if: ${{ github.ref == 'refs/heads/develop' }} - run: gsutil cp -r builds/prod/*.sha256 gs://ampwp_github_artifacts/${{ github.ref }}/prod/ - -#----------------------------------------------------------------------------------------------------------------------- - - comment-on-pr: - name: Comment on PR with links to plugin ZIPs - # Only run this job if it's a PR. One way to check for that is if `github.head_ref` is not empty. - if: ${{ github.head_ref && github.head_ref != null }} - runs-on: ubuntu-latest - needs: upload-to-gcs - permissions: - pull-requests: write - steps: - - name: Check if a comment was already made - id: find-comment - uses: actions/github-script@v7 - with: - script: | - const { data: comments } = await github.rest.issues.listComments({ - owner: context.repo.owner, - repo: context.repo.repo, - issue_number: context.issue.number, - }); - - const comment = comments.find((comment) => comment.body.includes('Plugin builds for')); - - return comment ? comment.id : null; - - - name: Get comment body - id: get-comment-body - # Setting a multi-line output requires escaping line-feeds. See . - run: | - body="Plugin builds for ${{ github.event.pull_request.head.sha }} are ready :bellhop_bell:! - - Download [development build](https://storage.googleapis.com/ampwp_github_artifacts/${{ github.ref }}/dev/amp.zip?${{ github.sha }}) - - Download [production build](https://storage.googleapis.com/ampwp_github_artifacts/${{ github.ref }}/prod/amp.zip?${{ github.sha }}) - -
- Checksums - - 
-          # Development build checksums
-          ${{ needs.upload-to-gcs.outputs.dev-checksum }}
-
-          # Production build checksums
-          ${{ needs.upload-to-gcs.outputs.prod-checksum }}
-
- -
- - > [!WARNING] - > These builds are for testing purposes only and should not be used in production." - - delimiter="${body//$'\n'/'%0A'}" - echo "body<<${delimiter}" >> $GITHUB_OUTPUT - echo "$body" >> $GITHUB_OUTPUT - echo "${delimiter}" >> $GITHUB_OUTPUT - - - name: Create comment on PR with links to plugin builds - if: ${{ steps.find-comment.outputs.result == 'null' }} - uses: actions/github-script@v7 - with: - script: | - github.rest.issues.createComment({ - owner: context.repo.owner, - repo: context.repo.repo, - issue_number: context.issue.number, - body: `${{ steps.get-comment-body.outputs.body }}`, - }); - - - name: Update comment on PR with links to plugin builds - if: ${{ steps.find-comment.outputs.result != 'null' }} - uses: actions/github-script@v7 - with: - script: | - github.rest.issues.updateComment({ - owner: context.repo.owner, - repo: context.repo.repo, - comment_id: ${{ steps.find-comment.outputs.result }}, - body: `${{ steps.get-comment-body.outputs.body }}`, - }); diff --git a/.github/workflows/cache-buster.yml b/.github/workflows/cache-buster.yml deleted file mode 100644 index 4213077fcdd..00000000000 --- a/.github/workflows/cache-buster.yml +++ /dev/null @@ -1,40 +0,0 @@ ---- -name: Bust Runner Caches - -on: - workflow_dispatch: - schedule: - # https://crontab.guru/#0_0_*_*_0 - - cron: '0 0 * * 0' - -# Disable permissions for all available scopes. -# Enable permissions for specific scopes as needed on job level. -permissions: {} - -concurrency: - group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.ref }} - cancel-in-progress: true - -jobs: - bust-cache: - runs-on: ubuntu-latest - permissions: - actions: write - steps: - - name: Bust cache - uses: actions/github-script@v7 - with: - script: | - const caches = await github.rest.actions.getActionsCacheList({ - owner: context.repo.owner, - repo: context.repo.repo, - }) - for (const cache of caches.data.actions_caches) { - console.log(`Clearing ${cache.id}`) - github.rest.actions.deleteActionsCacheById({ - owner: context.repo.owner, - repo: context.repo.repo, - cache_id: cache.id, - }) - } - console.log(`Caches cleared at ${new Date().toISOString()}`) diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml deleted file mode 100644 index 541444544dc..00000000000 --- a/.github/workflows/codeql-analysis.yml +++ /dev/null @@ -1,50 +0,0 @@ -name: CodeQL - -# Cancel previous workflow run groups that have not completed. -concurrency: - # Group workflow runs by workflow name, along with the head branch ref of the pull request - # or otherwise the branch or tag ref. - group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.ref }} - cancel-in-progress: true - -# Disable permissions for all available scopes. -# Enable permissions for specific scopes as needed on job level. -permissions: {} - -on: - push: - # Only run if JS or Python files changed. - paths: - - '**.js' - - '**.py' - branches: - - develop - # Include all release branches. - - '[0-9]+.[0-9]+' - pull_request: - # Only run if JS or Python files changed. - paths: - - '**.js' - - '**.py' - branches: - - develop - # Include all release branches. - - '[0-9]+.[0-9]+' - -jobs: - analyze: - name: Analyze - runs-on: ubuntu-latest - permissions: - security-events: write - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Initialize CodeQL - uses: github/codeql-action/init@v3 - with: - languages: javascript, python - - - name: Perform CodeQL Analysis - uses: github/codeql-action/analyze@v3 diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 056b57d7be6..00000000000 --- a/.gitignore +++ /dev/null @@ -1,29 +0,0 @@ -.DS_Store -node_modules - -/vendor -/build -/wiki -/amp.zip -/assets/css/* -!/assets/css/src/ -/assets/js/**/*.js -/assets/js/*.asset.php -!/assets/js/amp-service-worker-runtime-precaching.js -/assets/js/*.map -/built -/amphtml -/.env -/.idea/ -/.vscode/ -/phpcs.xml -/phpunit.xml -/.phpunit.result.cache -/*.sql -/.wp-env.override.json - -# Generated via bin/transform-readme.php -/readme.txt - -# Generated via phpstan analyse --generate-baseline temp-baseline.php -/temp-baseline.php diff --git a/.gitmodules b/.gitmodules deleted file mode 100644 index e69de29bb2d..00000000000 diff --git a/.husky/pre-commit b/.husky/pre-commit deleted file mode 100755 index 3199e8e02a0..00000000000 --- a/.husky/pre-commit +++ /dev/null @@ -1,4 +0,0 @@ -#!/bin/sh -. "$(dirname "$0")/_/husky.sh" - -npm run lint:staged diff --git a/.lintstagedrc.js b/.lintstagedrc.js deleted file mode 100644 index 360dd7046db..00000000000 --- a/.lintstagedrc.js +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - 'package.json': ['npm run lint:pkg-json'], - '**/*.(css|scss)': ['npm run lint:css'], - '**/*.js': ['npm run lint:js'], - '**/!(amp.php).php': ['npm run lint:php'], - 'amp.php': ['vendor/bin/phpcs --runtime-set testVersion 5.2-'], - '*.php': () => 'composer analyze', -}; diff --git a/.npmrc b/.npmrc deleted file mode 100644 index 1dab4ed4c30..00000000000 --- a/.npmrc +++ /dev/null @@ -1 +0,0 @@ -save-exact = true diff --git a/.nvmrc b/.nvmrc deleted file mode 100644 index 3c032078a4a..00000000000 --- a/.nvmrc +++ /dev/null @@ -1 +0,0 @@ -18 diff --git a/.phpcs.xml.dist b/.phpcs.xml.dist deleted file mode 100644 index 07a68a468c0..00000000000 --- a/.phpcs.xml.dist +++ /dev/null @@ -1,194 +0,0 @@ - - - - - qa-tester/* - - - tests/php/static-analysis-stubs/* - includes/ecosystem-data/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - tests/* - - - - - - - - - - - - - - tests/* - bin/* - docs/* - - - - - - - - - - - - tests/* - src/* - - - - tests/* - - - - tests/test-tag-and-attribute-sanitizer.php - - - tests/test-tag-and-attribute-sanitizer.php - - - bin/* - - - includes/actions/class-amp-paired-post-actions.php - - - src/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - src/* - - - - - - - - - - - - - - - bin/* - tests/php/src/PhpStan/* - - - - amp.php - - - - templates/* - includes/templates/* - back-compat/* - - - - - - - - . - - - - - - - - */node_modules/* - */vendor/* - ^build/* - includes/sanitizers/class-amp-allowed-tags-generated.php - assets/js/*.asset.php - diff --git a/.phpstorm.meta.php b/.phpstorm.meta.php deleted file mode 100644 index dfb86685052..00000000000 --- a/.phpstorm.meta.php +++ /dev/null @@ -1,79 +0,0 @@ - \AmpProject\AmpWP\Admin\AnalyticsOptionsSubmenu::class, - 'admin.after_activation_site_scan' => \AmpProject\AmpWP\Admin\AfterActivationSiteScan::class, - 'admin.google_fonts' => \AmpProject\AmpWP\Admin\GoogleFonts::class, - 'admin.onboarding_menu' => \AmpProject\AmpWP\Admin\OnboardingWizardSubmenu::class, - 'admin.onboarding_wizard' => \AmpProject\AmpWP\Admin\OnboardingWizardSubmenuPage::class, - 'admin.options_menu' => \AmpProject\AmpWP\Admin\OptionsMenu::class, - 'admin.paired_browsing' => \AmpProject\AmpWP\Admin\PairedBrowsing::class, - 'admin.plugin_row_meta' => \AmpProject\AmpWP\Admin\PluginRowMeta::class, - 'admin.support_screen' => \AmpProject\AmpWP\Admin\SupportScreen::class, - 'admin.support' => \AmpProject\AmpWP\Admin\SupportLink::class, - 'admin.polyfills' => \AmpProject\AmpWP\Admin\Polyfills::class, - 'admin.user_rest_endpoint_extension' => \AmpProject\AmpWP\Admin\UserRESTEndpointExtension::class, - 'admin.validation_counts' => \AmpProject\AmpWP\Admin\ValidationCounts::class, - 'admin.amp_plugins' => \AmpProject\AmpWP\Admin\AmpPlugins::class, - 'admin.amp_themes' => \AmpProject\AmpWP\Admin\AmpThemes::class, - 'amp_slug_customization_watcher' => \AmpProject\AmpWP\AmpSlugCustomizationWatcher::class, - 'background_task_deactivator' => \AmpProject\AmpWP\BackgroundTask\BackgroundTaskDeactivator::class, - 'block_uniqid_transformer' => \AmpProject\AmpWP\BlockUniqidTransformer::class, - 'cli.command_namespace' => \AmpProject\AmpWP\Cli\CommandNamespaceRegistration::class, - 'cli.optimizer_command' => \AmpProject\AmpWP\Cli\OptimizerCommand::class, - 'cli.transformer_command' => \AmpProject\AmpWP\Cli\TransformerCommand::class, - 'cli.validation_command' => \AmpProject\AmpWP\Cli\ValidationCommand::class, - 'cli.option_command' => \AmpProject\AmpWP\Cli\OptionCommand::class, - 'css_transient_cache.ajax_handler' => \AmpProject\AmpWP\Admin\ReenableCssTransientCachingAjaxAction::class, - 'css_transient_cache.monitor' => \AmpProject\AmpWP\BackgroundTask\MonitorCssTransientCaching::class, - 'dependency_support' => \AmpProject\AmpWP\DependencySupport::class, - 'dev_tools.block_sources' => \AmpProject\AmpWP\DevTools\BlockSources::class, - 'dev_tools.callback_reflection' => \AmpProject\AmpWP\DevTools\CallbackReflection::class, - 'dev_tools.error_page' => \AmpProject\AmpWP\DevTools\ErrorPage::class, - 'dev_tools.file_reflection' => \AmpProject\AmpWP\DevTools\FileReflection::class, - 'dev_tools.likely_culprit_detector' => \AmpProject\AmpWP\DevTools\LikelyCulpritDetector::class, - 'dev_tools.user_access' => \AmpProject\AmpWP\DevTools\UserAccess::class, - 'editor.editor_support' => \AmpProject\AmpWP\Editor\EditorSupport::class, - 'extra_theme_and_plugin_headers' => \AmpProject\AmpWP\ExtraThemeAndPluginHeaders::class, - 'injector' => \AmpProject\AmpWP\Infrastructure\Injector::class, - 'loading_error' => \AmpProject\AmpWP\LoadingError::class, - 'mobile_redirection' => \AmpProject\AmpWP\MobileRedirection::class, - 'obsolete_block_attribute_remover' => \AmpProject\AmpWP\ObsoleteBlockAttributeRemover::class, - 'optimizer' => \AmpProject\AmpWP\Optimizer\OptimizerService::class, - 'optimizer.hero_candidate_filtering' => \AmpProject\AmpWP\Optimizer\HeroCandidateFiltering::class, - 'paired_routing' => \AmpProject\AmpWP\PairedRouting::class, - 'paired_url' => \AmpProject\AmpWP\PairedUrl::class, - 'plugin_activation_notice' => \AmpProject\AmpWP\Admin\PluginActivationNotice::class, - 'plugin_registry' => \AmpProject\AmpWP\PluginRegistry::class, - 'plugin_suppression' => \AmpProject\AmpWP\PluginSuppression::class, - 'reader_theme_loader' => \AmpProject\AmpWP\ReaderThemeLoader::class, - 'reader_theme_support_features' => \AmpProject\AmpWP\ReaderThemeSupportFeatures::class, - 'rest.options_controller' => \AmpProject\AmpWP\OptionsRESTController::class, - 'rest.scannable_urls_controller' => \AmpProject\AmpWP\Validation\ScannableURLsRestController::class, - 'rest.validation_counts_controller' => \AmpProject\AmpWP\Validation\ValidationCountsRestController::class, - 'sandboxing' => \AmpProject\AmpWP\Sandboxing::class, - 'server_timing' => \AmpProject\AmpWP\Instrumentation\ServerTiming::class, - 'site_health_integration' => \AmpProject\AmpWP\Admin\SiteHealth::class, - 'support' => \AmpProject\AmpWP\Support\SupportCliCommand::class, - 'support_rest_controller' => \AmpProject\AmpWP\Support\SupportRESTController::class, - 'url_validation_cron' => \AmpProject\AmpWP\Validation\URLValidationCron::class, - 'url_validation_rest_controller' => \AmpProject\AmpWP\Validation\URLValidationRESTController::class, - 'validated_url_stylesheet_gc' => \AmpProject\AmpWP\BackgroundTask\ValidatedUrlStylesheetDataGarbageCollection::class, - 'validated_data_gc' => \AmpProject\AmpWP\BackgroundTask\ValidationDataGarbageCollection::class, - 'validation.scannable_url_provider' => \AmpProject\AmpWP\Validation\ScannableURLProvider::class, - 'validation.url_validation_provider' => \AmpProject\AmpWP\Validation\URLValidationProvider::class, - ] ) - ); - - // For the injector, the return type should be the same as what the provided FQCN represents. - override( - \AmpProject\AmpWP\Infrastructure\Injector::make(), - map( [ '' => '@' ] ) - ); -} diff --git a/.prettierrc b/.prettierrc deleted file mode 100644 index 235376574a9..00000000000 --- a/.prettierrc +++ /dev/null @@ -1 +0,0 @@ -"@wordpress/prettier-config" diff --git a/.rtlcssrc b/.rtlcssrc deleted file mode 100644 index 3fc8282e18a..00000000000 --- a/.rtlcssrc +++ /dev/null @@ -1,13 +0,0 @@ -{ - "options": { - "autoRename": false, - "autoRenameStrict": false, - "blacklist": {}, - "clean": true, - "greedy": false, - "processUrls": false, - "stringMap": [] - }, - "plugins": [], - "map": false -} diff --git a/.stylelintignore b/.stylelintignore deleted file mode 100644 index e7c6fd1e3e3..00000000000 --- a/.stylelintignore +++ /dev/null @@ -1,6 +0,0 @@ -/assets/css/*.css -/bin -/build -/qa-tester -/tests -/vendor diff --git a/.stylelintrc.json b/.stylelintrc.json deleted file mode 100644 index e9b6b3358b1..00000000000 --- a/.stylelintrc.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "extends": "@wordpress/stylelint-config/scss", - "rules": { - "font-weight-notation": null, - "function-url-quotes": null, - "max-line-length": null, - "no-descending-specificity": null, - "no-duplicate-selectors": null, - "number-leading-zero": null, - "selector-type-no-unknown": [ true, { "ignore": ["custom-elements"] } ], - "selector-class-pattern": [ - "^[a-z]+(-[a-z]+)*", - { - "message": "Selector should use lowercase and separate words with hyphens (selector-class-pattern)" - } - ], - "selector-id-pattern": [ - "^[a-z]+(-[a-z]+)*", - { - "message": "Selector should use lowercase and separate words with hyphens (selector-id-pattern)" - } - ], - "value-keyword-case": null - } -} diff --git a/.wordpress-org/banner-1544x500.png b/.wordpress-org/banner-1544x500.png deleted file mode 100644 index 8c61894de6c..00000000000 Binary files a/.wordpress-org/banner-1544x500.png and /dev/null differ diff --git a/.wordpress-org/banner-772x250.png b/.wordpress-org/banner-772x250.png deleted file mode 100644 index 7760112510a..00000000000 Binary files a/.wordpress-org/banner-772x250.png and /dev/null differ diff --git a/.wordpress-org/icon-128x128.png b/.wordpress-org/icon-128x128.png deleted file mode 100644 index 10c44f4004c..00000000000 Binary files a/.wordpress-org/icon-128x128.png and /dev/null differ diff --git a/.wordpress-org/icon-256x256.png b/.wordpress-org/icon-256x256.png deleted file mode 100644 index 18778b07bc1..00000000000 Binary files a/.wordpress-org/icon-256x256.png and /dev/null differ diff --git a/.wordpress-org/icon.svg b/.wordpress-org/icon.svg deleted file mode 100644 index a655b8d66e1..00000000000 --- a/.wordpress-org/icon.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - AMP - - - - - diff --git a/.wordpress-org/screenshot-1.png b/.wordpress-org/screenshot-1.png deleted file mode 100644 index e6a58c550a7..00000000000 Binary files a/.wordpress-org/screenshot-1.png and /dev/null differ diff --git a/.wordpress-org/screenshot-2.png b/.wordpress-org/screenshot-2.png deleted file mode 100644 index 2590bb99753..00000000000 Binary files a/.wordpress-org/screenshot-2.png and /dev/null differ diff --git a/.wordpress-org/screenshot-3.png b/.wordpress-org/screenshot-3.png deleted file mode 100644 index 86171e4b6a2..00000000000 Binary files a/.wordpress-org/screenshot-3.png and /dev/null differ diff --git a/.wordpress-org/screenshot-4.png b/.wordpress-org/screenshot-4.png deleted file mode 100644 index c7a0a3b3a28..00000000000 Binary files a/.wordpress-org/screenshot-4.png and /dev/null differ diff --git a/.wordpress-org/screenshot-5.png b/.wordpress-org/screenshot-5.png deleted file mode 100644 index 48bbfd2b9f6..00000000000 Binary files a/.wordpress-org/screenshot-5.png and /dev/null differ diff --git a/.wordpress-org/screenshot-6.png b/.wordpress-org/screenshot-6.png deleted file mode 100644 index 01b982c7e75..00000000000 Binary files a/.wordpress-org/screenshot-6.png and /dev/null differ diff --git a/.wp-env.json b/.wp-env.json deleted file mode 100644 index 36303b304cd..00000000000 --- a/.wp-env.json +++ /dev/null @@ -1,37 +0,0 @@ -{ - "core": "WordPress/WordPress#master", - "phpVersion": "8.0", - "env": { - "development": { - "plugins": [ - ".", - "https://downloads.wordpress.org/plugin/gutenberg.zip", - "https://downloads.wordpress.org/plugin/pwa.zip" - ] - }, - "tests": { - "config": { - "WP_DEBUG": true - }, - "themes": [ - "https://downloads.wordpress.org/theme/twentyten.zip", - "https://downloads.wordpress.org/theme/twentyeleven.zip", - "https://downloads.wordpress.org/theme/twentytwelve.zip", - "https://downloads.wordpress.org/theme/twentythirteen.zip", - "https://downloads.wordpress.org/theme/twentyfourteen.zip", - "https://downloads.wordpress.org/theme/twentyfifteen.zip", - "https://downloads.wordpress.org/theme/twentysixteen.zip", - "https://downloads.wordpress.org/theme/twentyseventeen.zip", - "https://downloads.wordpress.org/theme/twentynineteen.zip" - ], - "plugins": [ - ".", - "https://downloads.wordpress.org/plugin/gutenberg.zip", - "https://downloads.wordpress.org/plugin/pwa.zip" - ], - "mappings": { - "../wordpress-develop": "WordPress/wordpress-develop#trunk" - } - } - } -} diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md deleted file mode 100644 index 8bca30521ac..00000000000 --- a/CODE_OF_CONDUCT.md +++ /dev/null @@ -1,93 +0,0 @@ -# Code of Conduct - -## Our Pledge - -In the interest of fostering an open and welcoming environment, we as -contributors and maintainers pledge to making participation in our project and -our community a harassment-free experience for everyone, regardless of age, body -size, disability, ethnicity, gender identity and expression, level of -experience, education, socio-economic status, nationality, personal appearance, -race, religion, or sexual identity and orientation. - -## Our Standards - -Examples of behavior that contributes to creating a positive environment -include: - -* Using welcoming and inclusive language -* Being respectful of differing viewpoints and experiences -* Gracefully accepting constructive criticism -* Focusing on what is best for the community -* Showing empathy towards other community members - -Examples of unacceptable behavior by participants include: - -* The use of sexualized language or imagery and unwelcome sexual attention or - advances -* Trolling, insulting/derogatory comments, and personal or political attacks -* Public or private harassment -* Publishing others' private information, such as a physical or electronic - address, without explicit permission -* Other conduct which could reasonably be considered inappropriate in a - professional setting - -## Our Responsibilities - -Project maintainers are responsible for clarifying the standards of acceptable -behavior and are expected to take appropriate and fair corrective action in -response to any instances of unacceptable behavior. - -Project maintainers have the right and responsibility to remove, edit, or reject -comments, commits, code, wiki edits, issues, and other contributions that are -not aligned to this Code of Conduct, or to ban temporarily or permanently any -contributor for other behaviors that they deem inappropriate, threatening, -offensive, or harmful. - -## Scope - -This Code of Conduct applies both within project spaces and in public spaces -when an individual is representing the project or its community. Examples of -representing a project or community include using an official project e-mail -address, posting via an official social media account, or acting as an appointed -representative at an online or offline event. Representation of a project may be -further defined and clarified by project maintainers. - -This Code of Conduct also applies outside the project spaces when the Project -Steward has a reasonable belief that an individual's behavior may have a -negative impact on the project or its community. - -## Conflict Resolution - -We do not believe that all conflict is bad; healthy debate and disagreement -often yield positive results. However, it is never okay to be disrespectful or -to engage in behavior that violates the project’s code of conduct. - -If you see someone violating the code of conduct, you are encouraged to address -the behavior directly with those involved. Many issues can be resolved quickly -and easily, and this gives people more control over the outcome of their -dispute. If you are unable to resolve the matter for any reason, or if the -behavior is threatening or harassing, report it. We are dedicated to providing -an environment where participants feel welcome and safe. - -Reports should be directed to *[PROJECT STEWARD NAME(s) AND EMAIL(s)]*, the -Project Steward(s) for *[PROJECT NAME]*. It is the Project Steward’s duty to -receive and address reported violations of the code of conduct. They will then -work with a committee consisting of representatives from the Open Source -Programs Office and the Google Open Source Strategy team. If for any reason you -are uncomfortable reaching out the Project Steward, please email -opensource@google.com. - -We will investigate every complaint, but you may not receive a direct response. -We will use our discretion in determining when and how to follow up on reported -incidents, which may range from not taking action to permanent expulsion from -the project and project-sponsored spaces. We will notify the accused of the -report and provide them an opportunity to discuss it before any action is taken. -The identity of the reporter will be omitted from the details of the report -supplied to the accused. In potentially harmful situations, such as ongoing -harassment or threats to anyone's safety, we may take action without notice. - -## Attribution - -This Code of Conduct is adapted from the Contributor Covenant, version 1.4, -available at -https://www.contributor-covenant.org/version/1/4/code-of-conduct.html diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md deleted file mode 100644 index 542050a67ea..00000000000 --- a/CONTRIBUTING.md +++ /dev/null @@ -1 +0,0 @@ -This document has moved to the [Contributing](https://github.com/ampproject/amp-wp/wiki/Contributing) page on the wiki. diff --git a/Gruntfile.js b/Gruntfile.js deleted file mode 100644 index 17cb8192074..00000000000 --- a/Gruntfile.js +++ /dev/null @@ -1,262 +0,0 @@ -/* eslint-env node */ - -module.exports = function (grunt) { - 'use strict'; - - // Root paths to include in the plugin build ZIP when running `npm run build:prod`. - const productionIncludedRootFiles = [ - 'LICENSE', - 'amp.php', - 'assets', - 'back-compat', - 'includes', - 'src', - 'templates', - 'uninstall.php', - 'vendor', - ]; - - // These patterns paths will be excluded from among the above directory. - const productionExcludedPathPatterns = [/.*\/src\/.*/]; - - // These will be removed from the build directory after installing but prior to creating a ZIP. - // ⚠️ Warning: These paths are passed straight to rm command in the shell, without any escaping. - const productionInstallExcludedFilePatterns = [ - 'composer.*', - 'vendor/*/*/.editorconfig', - 'vendor/*/*/.git', - 'vendor/*/*/.github', - 'vendor/*/*/.gitignore', - 'vendor/*/*/composer.*', - 'vendor/*/*/Doxyfile', - 'vendor/*/*/LICENSE', - 'vendor/*/*/phpunit.*', - 'vendor/*/*/*.md', - 'vendor/*/*/*.txt', - 'vendor/*/*/*.yml', - 'vendor/*/*/.*.yml', - 'vendor/*/*/tests', - 'vendor/ampproject/amp-toolbox/.gitattributes', - 'vendor/ampproject/amp-toolbox/.phpcs.xml.dist', - 'vendor/ampproject/amp-toolbox/bin', - 'vendor/ampproject/amp-toolbox/conceptual-diagram.svg', - 'vendor/ampproject/amp-toolbox/phpstan.neon.dist', - 'vendor/bin', - ]; - - grunt.initConfig({ - pkg: grunt.file.readJSON('package.json'), - - // Clean up the build. - clean: { - compiled: { - src: [ - 'assets/js/**/*.js', - 'assets/js/**/*.js.map', - '!assets/js/amp-service-worker-runtime-precaching.js', - 'assets/js/**/*.asset.php', - 'assets/css/*.css', - 'assets/css/*.css.map', - ], - }, - build: { - src: ['build'], - }, - }, - - // Shell actions. - shell: { - options: { - stdout: true, - stderr: true, - }, - transform_readme: { - command: 'php bin/transform-readme.php', - }, - verify_matching_versions: { - command: 'php bin/verify-version-consistency.php', - }, - composer_install: { - command: [ - 'if [ ! -e build ]; then echo "Run grunt build first."; exit 1; fi', - 'cd build', - // Use authoritative class maps in production by appending -oa to the composer install command. - `composer install --no-dev -o${ - 'development' === process.env.NODE_ENV ? '' : 'a' - }`, - `composer remove cweagans/composer-patches --update-no-dev -o${ - 'development' === process.env.NODE_ENV ? '' : 'a' - }`, - 'rm -rf ' + productionInstallExcludedFilePatterns.join(' '), - ].join(' && '), - }, - create_build_zip: { - command: - 'if [ ! -e build ]; then echo "Run grunt build first."; exit 1; fi; if [ -e amp.zip ]; then rm amp.zip; fi; cd build; zip -r ../amp.zip .; cd ..; echo; echo "ZIP of build: $(pwd)/amp.zip"', - }, - }, - - // Deploys a git Repo to the WordPress SVN repo. - wp_deploy: { - deploy: { - options: { - plugin_slug: 'amp', - build_dir: 'build', - assets_dir: '.wordpress-org', - }, - }, - }, - }); - - // Load tasks. - grunt.loadNpmTasks('grunt-contrib-clean'); - grunt.loadNpmTasks('grunt-contrib-copy'); - grunt.loadNpmTasks('grunt-shell'); - grunt.loadNpmTasks('grunt-wp-deploy'); - - // Register tasks. - grunt.registerTask('default', ['build']); - - grunt.registerTask('build', function () { - const done = this.async(); - const spawnQueue = []; - const stdout = []; - - spawnQueue.push({ - cmd: 'git', - args: ['ls-files'], - }); - - // If the script is executed within a GHA job in a PR, use the last PR commit hash instead of the one from the - // currently checked out merge commit. - if (!process.env.LAST_PR_COMMIT_HASH) { - spawnQueue.push({ - cmd: 'git', - args: [ - '--no-pager', - 'log', - '-1', - '--format=%h', - '--date=short', - ], - }); - } - - function finalize() { - const lsOutput = stdout.shift(); - const commitHash = process.env.LAST_PR_COMMIT_HASH - ? process.env.LAST_PR_COMMIT_HASH.slice(0, 9) - : stdout.shift(); - const versionAppend = - new Date() - .toISOString() - .replace(/\.\d+/, '') - .replace(/-|:/g, '') + - '-' + - commitHash; - - const paths = lsOutput - .trim() - .split(/\n/) - .filter(function (file) { - const topSegment = file.replace(/\/.*/, ''); - if (!productionIncludedRootFiles.includes(topSegment)) { - return false; - } - - for (const productionExcludedPathPattern of productionExcludedPathPatterns) { - if (productionExcludedPathPattern.test(file)) { - return false; - } - } - - return true; - }); - - grunt.task.run('shell:transform_readme'); - paths.push('readme.txt'); - - paths.push('composer.*'); // Copy in order to be able to do run composer_install. - paths.push('assets/js/**/*.js'); - paths.push('assets/js/**/*.asset.php'); - paths.push('assets/css/*.css'); - - if ('development' === process.env.NODE_ENV) { - paths.push('assets/js/**/*.js.map'); - paths.push('assets/css/*.css.map'); - } - - grunt.config.set('copy', { - build: { - src: paths, - dest: 'build', - expand: true, - options: { - noProcess: ['*/**', 'LICENSE'], // That is, only process amp.php and README.md. - process(content, srcpath) { - let matches, version, versionRegex; - if (/amp\.php$/.test(srcpath)) { - versionRegex = - /(\*\s+Version:\s+)(\d+(\.\d+)+-\w+)/; - - // If not a stable build (e.g. 0.7.0-beta), amend the version with the git commit and current timestamp. - matches = content.match(versionRegex); - if (matches) { - version = matches[2] + '-' + versionAppend; - // eslint-disable-next-line no-console - console.log( - 'Updating version in amp.php to ' + - version - ); - content = content.replace( - versionRegex, - '$1' + version - ); - content = content.replace( - /(define\(\s*'AMP__VERSION',\s*')(.+?)(?=')/, - '$1' + version - ); - } - - // Remove dev mode code blocks. - content = content.replace( - /\n\/\/\s*DEV_CODE.+?\n}\n/s, - '' - ); - } - return content; - }, - }, - }, - }); - grunt.task.run('copy'); - grunt.task.run('shell:composer_install'); - - done(); - } - - function doNext() { - const nextSpawnArgs = spawnQueue.shift(); - if (!nextSpawnArgs) { - finalize(); - } else { - grunt.util.spawn(nextSpawnArgs, function (err, res) { - if (err) { - throw new Error(err.message); - } - stdout.push(res.stdout); - doNext(); - }); - } - } - - doNext(); - }); - - grunt.registerTask('create-build-zip', ['shell:create_build_zip']); - - grunt.registerTask('deploy', [ - 'shell:verify_matching_versions', - 'wp_deploy', - ]); -}; diff --git a/README.md b/README.md deleted file mode 100644 index 032a3b0c02a..00000000000 --- a/README.md +++ /dev/null @@ -1,122 +0,0 @@ -# AMP Plugin for WordPress - -![Banner](.wordpress-org/banner-1544x500.png) - -An easier path to great Page Experience for everyone. Powered by AMP. - -**Contributors:** [google](https://profiles.wordpress.org/google), [xwp](https://profiles.wordpress.org/xwp), [rtcamp](https://profiles.wordpress.org/rtcamp), [automattic](https://profiles.wordpress.org/automattic), [westonruter](https://profiles.wordpress.org/westonruter), [albertomedina](https://profiles.wordpress.org/albertomedina), [schlessera](https://profiles.wordpress.org/schlessera), [delawski](https://profiles.wordpress.org/delawski/), [swissspidy](https://profiles.wordpress.org/swissspidy), [pierlo](https://profiles.wordpress.org/pierlo), [joshuawold](https://profiles.wordpress.org/joshuawold), [thelovekesh](https://profiles.wordpress.org/thelovekesh/) -**Tags:** [page experience](https://wordpress.org/plugins/tags/page-experience), [performance](https://wordpress.org/plugins/tags/performance), [amp](https://wordpress.org/plugins/tags/amp), [mobile](https://wordpress.org/plugins/tags/mobile), [optimization](https://wordpress.org/plugins/tags/optimization), [accelerated mobile pages](https://wordpress.org/plugins/tags/accelerated-mobile-pages) -**Requires at least:** 5.3 -**Tested up to:** 6.4 -**Stable tag:** 2.5.2 -**License:** [GPLv2 or later](http://www.gnu.org/licenses/gpl-2.0.html) -**Requires PHP:** 7.4 - -[![Build Status](https://github.com/ampproject/amp-wp/workflows/Build,%20test%20&%20measure/badge.svg)](https://github.com/ampproject/amp-wp/actions?query=branch%3Adevelop+workflow%3A%22Build%2C+test+%26+measure%22) -[![Coverage Status](https://img.shields.io/codecov/c/github/ampproject/amp-wp/develop.svg)](https://codecov.io/gh/ampproject/amp-wp) -[![Built with Grunt](https://gruntjs.com/cdn/builtwith.svg)](http://gruntjs.com) - -## Description - -[Page Experience](https://developers.google.com/search/docs/guides/page-experience) (PX) is a set of ranking signals—including [Core Web Vitals](https://web.dev/vitals/#core-web-vitals) (CWV)—measuring the user experience of interacting with a web page. AMP is a powerful tool which applies many optimizations and best practices automatically on your site, making it easier for you to achieve good page experience for your visitors. The official AMP Plugin, supported by the AMP team, makes it easy to bring the power of AMP to your WordPress site, seamlessly integrating with the normal publishing flow and allowing the use of existing themes and plugins. - -[![Play video on YouTube](https://i1.ytimg.com/vi/s52JNMT59s8/hqdefault.jpg)](https://www.youtube.com/watch?v=s52JNMT59s8&list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb) - -For more videos like this, check out the ongoing [AMP for WordPress video series](https://www.youtube.com/playlist?list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb). - -The plugin's key features include: - -1. **Automate the process of generating AMP-valid markup as much as possible**, letting users follow the standard workflows they are used to in WordPress. -2. **Provide effective validation tools** to help users deal with AMP incompatibilities when they happen, including mechanisms for **identifying**, **contextualizing**, and **resolving issues caused by validation errors**. -3. **Provide development support** to make it easier for WordPress developers to build AMP-compatible ecosystem components and build websites and solutions with AMP-compatibility built-in. -4. **Support the serving of AMP pages** to make it easier for site owners to take advantage of mobile redirection, AMP-to-AMP linking, and generation of optimized AMP by default (via PHP port of AMP Optimizer). -5. **Provide a turnkey solution** for segments of WordPress creators to be able to go from zero to publishing AMP pages in no time, regardless of technical expertise or availability of resources. - -The official AMP plugin for WordPress is a powerful tool that helps you build user-first WordPress sites, that is, sites that are fast, beautiful, secure, engaging, and accessible. A user-first site will deliver experiences that delight your users and therefore will increase user engagement and the success of your site. And, contrary to the popular belief of being only for mobile sites (it doesn't stand for Accelerated _Mobile_ Pages anymore!), AMP is a fully responsive web component framework, which means that you can provide AMP experiences for your users on both mobile and desktop devices. - -### AMP Plugin Audience: Everyone - -This plugin can be used by both developers and non-developer users: - -- If you are a developer or tech savvy user, you can take advantage of advanced developer tools provided by the AMP plugin to fix validation issues your site may have and reach full AMP compatibility. -- If you are not a developer or tech savvy user, or you just simply don't want to deal with validation issues and tackling development tasks, the AMP plugin allows you to assemble fully AMP-compatible sites with different configurations taking advantage of AMP-compatible components. The plugin helps you to deal with validation issues by removing invalid AMP markup in cases where it is possible, or altogether suppressing AMP-incompatible plugins on AMP pages. - -The bottom line is that regardless of your technical expertise, the AMP plugin can be useful to you. - -### Template Modes - -The official AMP plugin enables site owners to serve AMP to their users in different ways, which are referred to as template modes: Standard, Transitional, and Reader. The differences between them are in terms of the number of themes used (one or two), and the number of versions of the site (non-AMP, AMP). Each template mode brings its own value proposition and serves the needs of different scenarios in the large and diverse WordPress ecosystem. And in all cases, the AMP plugin provides as much support as possible in terms of automating the generation of AMP pages, as well as keeping the option chosen AMP valid. In a nutshell, the available template modes are the following: - -**Standard Mode**: This template mode is the ideal, as there is only one theme for serving requests and a single version of your site: the AMP version. Besides enabling all of your site to be AMP-first, this has the added benefit of reducing development and maintenance costs. This mode is the best choice for sites where the theme and plugins used in the site are fully AMP-compatible. It's also a good option if some components are not AMP-compatible but the site owner has the resources or the know-how to fix them. See our [showcase](https://amp-wp.org/showcases/?template_mode=standard) of sites using Standard mode. - -**Transitional Mode**: In this mode there is also a single theme used, but there can be two versions of each page: AMP and non-AMP. The active theme is used for serving the AMP and non-AMP versions of a given URL. This mode is a good choice if the site uses a theme that is not fully AMP compatible, but the functional differences between the AMP and non-AMP pages are acceptable (due to graceful degradation). In this case, users accessing the site from mobile devices can get the AMP version and get an optimized experience which also retains the look and feel of the non-AMP version. Check out our [showcase](https://amp-wp.org/showcases/?template_mode=transitional) of sites using Transitional mode. - -**Reader Mode**: In this mode there are two different themes, one for AMP pages and another for non-AMP pages, and therefore there are also two versions of the site. This mode may be selected when the site is using an AMP-incompatible theme, but the level of incompatibilities is significant without graceful degradation. It's also a good choice if you are not technically savvy (or simply do not want to deal with the incompatibilities) and therefore want simplified and robust workflows that allow you to take advantage of AMP with minimal effort. - -Different modes would be recommended in different scenarios, depending on the specifics of your site and your role. As you configure the plugin, it will suggest the mode that might be best for you based on its assessment of the theme and plugins used on your site. And, independently of the mode used, you have the option of serving all or only a portion of your site as AMP. This gives you all the flexibility you need to get started enabling AMP on your site progressively. - -### AMP Ecosystem - -It is possible today to assemble great looking user-first sites powered by the AMP plugin by picking and choosing themes and plugins from a growing AMP-compatible ecosystem. In this context, the AMP plugin acts as an orchestrator of the overall AMP content creation and publishing process; it serves as a validator and enforcer making it easier to not only get to AMP experiences, but to maintain them with confidence. - -Many popular theme and plugin developers have taken efforts to support the official AMP plugin. If you are using a theme like Astra or Newspack, or if you are using plugins like Yoast or WP Forms — they will work out of the box! You can see the [growing list](https://amp-wp.org/ecosystem/) of tested themes and plugins. - -### AMP Development - -Although there is a growing ecosystem of AMP-compatible WordPress components, there is still a ways to go before majority AMP compatibility in the ecosystem. If you are a developer, or you have the resources to pursue development projects, you may want in some cases to develop custom plugin or theme to serve your specific needs. The official AMP plugin can be of great help to you by providing powerful and effective developer tools that shed light into the AMP development process as it is done in WordPress. This includes mechanisms for detailing the root causes of validation issues, the contextual space to understand them properly, and methods to deal with them during the process of achieving full AMP compatibility. Read more about [Developer Tools](https://amp-wp.org/documentation/getting-started/developer-tools/). - -### Getting Started - -To learn more about the plugin and start leveraging its capabilities to power your AMP publishing workflow, check [the official AMP plugin product site](https://amp-wp.org/). - -If you are a developer, we encourage you to [follow along](https://github.com/ampproject/amp-wp) or [contribute](https://github.com/ampproject/amp-wp/wiki/Contributing) to the development of this plugin on GitHub. - -We have put up a comprehensive [FAQ page](https://amp-wp.org/documentation/frequently-asked-questions/) and extensive documentation to help you start as smoothly as possible. - -But if you need some help, we are right here to support you in the plugin's [support forum](https://wordpress.org/support/plugin/amp/), as well as through [GitHub issues](https://github.com/ampproject/amp-wp/issues) (for technical bugs and feature requests). And our thriving [AMP Expert ecosystem](https://amp-wp.org/ecosystem/amp-experts/) has indie freelancers to enterprise grade agencies in case you need commercial support! - -## Installation - -1. Upload the folder to the `/wp-content/plugins/` directory. -2. Activate the plugin through the "Plugins" menu in WordPress. -3. Navigate to AMP > Settings in the WordPress admin to configure the plugin; use the onboarding wizard there for guided setup. - -## Frequently Asked Questions - -Please see the [FAQs on amp-wp.org](https://amp-wp.org/documentation/frequently-asked-questions/). Don't see an answer to your question? Please [search the support forum](https://wordpress.org/support/plugin/amp/) to see if it has already been discussed. Otherwise, please [open a new support topic](https://wordpress.org/support/plugin/amp/#new-post). - -## Screenshots - -### New onboarding wizard to help you get started. - -![New onboarding wizard to help you get started.](.wordpress-org/screenshot-1.png) - -### Built for developers and non-technical content creators alike. - -![Built for developers and non-technical content creators alike.](.wordpress-org/screenshot-2.png) - -### Theme selection to enhance the Reader mode experience. - -![Theme selection to enhance the Reader mode experience.](.wordpress-org/screenshot-3.png) - -### Preview how your site looks across desktop and mobile before finalising changes. - -![Preview how your site looks across desktop and mobile before finalising changes.](.wordpress-org/screenshot-4.png) - -### Customize the design of AMP pages in the Customizer. - -![Customize the design of AMP pages in the Customizer.](.wordpress-org/screenshot-5.png) - -### Reopen the onboarding wizard, change individual options, or manage advanced settings. - -![Reopen the onboarding wizard, change individual options, or manage advanced settings.](.wordpress-org/screenshot-6.png) - -## Changelog - -**Version 2.5.1 is a maintenance and security release which fixes a reflected XSS vulnerability when mobile redirection is enabled.** For prior affected versions, the fix is backported to new patch releases: v2.0.12, v2.1.5, v2.2.5, v2.3.1, and v2.4.3. These are available in the WordPress.org Plugin Directory but not on GitHub. - -For the plugin’s changelog, please see [the Releases page on GitHub](https://github.com/ampproject/amp-wp/releases). - -## Upgrade Notice - -If you currently use older versions of the plugin in Reader mode, it is strongly encouraged to pick a Reader theme instead of using the legacy Reader templates. You may also want to switch to Standard mode or Transitional mode if you have AMP-compatible theme and plugins. diff --git a/SECURITY.md b/SECURITY.md deleted file mode 100644 index c16e81d6bed..00000000000 --- a/SECURITY.md +++ /dev/null @@ -1,3 +0,0 @@ -# Security Disclosures - -The AMP Project accepts responsible security disclosures through the [Google Application Security program](https://www.google.com/about/appsecurity/). diff --git a/SUPPORT.md b/SUPPORT.md deleted file mode 100644 index c7b52297f5f..00000000000 --- a/SUPPORT.md +++ /dev/null @@ -1,5 +0,0 @@ -For plugin usage questions and compatibility issues with other plugins, please use the [plugin's support forum](https://wordpress.org/support/plugin/amp/). Before opening a new topic, please search the forum for existing topics as someone else has likely reported the issue already. - -Find documentation, a showcase of sites using the official AMP plugin, an ecosystem directory of compatible themes/plugins, and a blog with news on the plugin site: [amp-wp.org](https://amp-wp.org/). - -Check out our [video series on YouTube](https://www.youtube.com/playlist?list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb) for an introduction to the plugin and how you can leverage it on your site. diff --git a/amp.php b/amp.php index 2365ae176d8..e100e2fc987 100644 --- a/amp.php +++ b/amp.php @@ -156,18 +156,6 @@ unset( $_amp_required_extensions, $_amp_missing_extensions, $_amp_required_constructs, $_amp_missing_classes, $_amp_missing_functions, $_amp_required_extension, $_amp_construct_type, $_amp_construct, $_amp_constructs ); -// DEV_CODE. This block of code is removed during the build process. -if ( ! file_exists( AMP__DIR__ . '/vendor/autoload.php' ) || ! file_exists( AMP__DIR__ . '/vendor/sabberworm/php-css-parser' ) || ! file_exists( AMP__DIR__ . '/assets/js/amp-block-editor.js' ) ) { - $_amp_load_errors->add( - 'build_required', - sprintf( - /* translators: %s: composer install && npm install && npm run build:prod */ - __( 'You appear to be running the AMP plugin from source. Please do %s to finish installation.', 'amp' ), // phpcs:ignore WordPress.Security.EscapeOutput - 'composer install && npm install && npm run build:prod' - ) - ); -} - /** * Displays an admin notice about why the plugin is unable to load. * diff --git a/assets/css/admin-tables-rtl.css b/assets/css/admin-tables-rtl.css new file mode 100644 index 00000000000..1f174cb34e5 --- /dev/null +++ b/assets/css/admin-tables-rtl.css @@ -0,0 +1 @@ +.column-error_status .dashicons-editor-help{color:#767676}.source>.dashicons{margin-left:5px}.column-source .dashicons-admin-plugins,.column-sources_with_invalid_output .dashicons-admin-plugins{color:#64a2e9}.column-source .dashicons-admin-appearance,.column-sources_with_invalid_output .dashicons-admin-appearance{color:#ebb04f}.column-sources_with_invalid_output .dashicons-wordpress-alt,.dashicons-wordpress-alt{color:#92b371}.amp-logo-icon{background-color:initial;background-image:url(../images/amp-logo-icon.svg);background-size:20px 20px;display:inline-block;height:20px;width:20px}.column-error_status .error-status{display:inline-block;line-height:20px;margin-right:10px;position:relative;vertical-align:top}td.column-found_elements_and_attributes div{margin-bottom:.6rem}.column-error_status .dashicons-flag.new{color:#d98501}.column-error_status .dashicons-yes.new{color:red}.column-error_status .dashicons-warning.rejected{color:#68c6ff}.column-sources .source,.column-sources_with_invalid_output .source{display:block}.column-sources .source+.source,.column-sources_with_invalid_output .source+.source{margin-top:8px}.wrap .wp-heading-inline+.page-title-action{margin-right:1rem}.tooltip[hidden]{visibility:hidden} \ No newline at end of file diff --git a/assets/css/admin-tables.css b/assets/css/admin-tables.css new file mode 100644 index 00000000000..e7aebb150bd --- /dev/null +++ b/assets/css/admin-tables.css @@ -0,0 +1 @@ +.column-error_status .dashicons-editor-help{color:#767676}.source>.dashicons{margin-right:5px}.column-source .dashicons-admin-plugins,.column-sources_with_invalid_output .dashicons-admin-plugins{color:#64a2e9}.column-source .dashicons-admin-appearance,.column-sources_with_invalid_output .dashicons-admin-appearance{color:#ebb04f}.column-sources_with_invalid_output .dashicons-wordpress-alt,.dashicons-wordpress-alt{color:#92b371}.amp-logo-icon{background-color:initial;background-image:url(../images/amp-logo-icon.svg);background-size:20px 20px;display:inline-block;height:20px;width:20px}.column-error_status .error-status{display:inline-block;line-height:20px;margin-left:10px;position:relative;vertical-align:top}td.column-found_elements_and_attributes div{margin-bottom:.6rem}.column-error_status .dashicons-flag.new{color:#d98501}.column-error_status .dashicons-yes.new{color:red}.column-error_status .dashicons-warning.rejected{color:#68c6ff}.column-sources .source,.column-sources_with_invalid_output .source{display:block}.column-sources .source+.source,.column-sources_with_invalid_output .source+.source{margin-top:8px}.wrap .wp-heading-inline+.page-title-action{margin-left:1rem}.tooltip[hidden]{visibility:hidden} \ No newline at end of file diff --git a/assets/css/amp-admin-rtl.css b/assets/css/amp-admin-rtl.css new file mode 100644 index 00000000000..03527baef70 --- /dev/null +++ b/assets/css/amp-admin-rtl.css @@ -0,0 +1 @@ +.plugin-icon{object-fit:contain}.plugin-card{position:relative}.plugin-action-buttons .dashicons-external,.theme-browser .theme .dashicons-external{margin-right:5px;vertical-align:text-bottom}.theme-browser .theme .theme-screenshot img{height:100%;object-fit:contain}.amp-extension-card-message{background-color:#fff;border-radius:15px;clear:both;color:#3c434a;padding:0;position:absolute;right:-10px;text-align:center;top:-10px}.amp-logo-icon{background-color:initial;background-image:url(../images/amp-logo-icon.svg);background-size:30px;cursor:pointer;display:inline-block;height:30px;vertical-align:middle;width:30px}.amp-logo-icon.small{background-size:15px 15px;height:15px;width:15px}.plugin-install-tab-amp-compatible .plugin-card-bottom{display:none}.amp-extension-card-message .tooltiptext{background-color:#000c;border-radius:6px;color:#fff;min-width:200px;padding:5px;position:absolute;right:40px;text-align:center;visibility:hidden;width:60%;z-index:1}.tooltiptext:after{border:7px solid #0000;border-left-color:#000c;content:"";left:100%;position:absolute;top:10px}.amp-extension-card-message:hover .tooltiptext{visibility:visible} \ No newline at end of file diff --git a/assets/css/amp-admin.css b/assets/css/amp-admin.css new file mode 100644 index 00000000000..65dc25afa38 --- /dev/null +++ b/assets/css/amp-admin.css @@ -0,0 +1 @@ +.plugin-icon{object-fit:contain}.plugin-card{position:relative}.plugin-action-buttons .dashicons-external,.theme-browser .theme .dashicons-external{margin-left:5px;vertical-align:text-bottom}.theme-browser .theme .theme-screenshot img{height:100%;object-fit:contain}.amp-extension-card-message{background-color:#fff;border-radius:15px;clear:both;color:#3c434a;left:-10px;padding:0;position:absolute;text-align:center;top:-10px}.amp-logo-icon{background-color:initial;background-image:url(../images/amp-logo-icon.svg);background-size:30px;cursor:pointer;display:inline-block;height:30px;vertical-align:middle;width:30px}.amp-logo-icon.small{background-size:15px 15px;height:15px;width:15px}.plugin-install-tab-amp-compatible .plugin-card-bottom{display:none}.amp-extension-card-message .tooltiptext{background-color:#000c;border-radius:6px;color:#fff;left:40px;min-width:200px;padding:5px;position:absolute;text-align:center;visibility:hidden;width:60%;z-index:1}.tooltiptext:after{border:7px solid #0000;border-right-color:#000c;content:"";position:absolute;right:100%;top:10px}.amp-extension-card-message:hover .tooltiptext{visibility:visible} \ No newline at end of file diff --git a/assets/css/amp-block-editor-rtl.css b/assets/css/amp-block-editor-rtl.css new file mode 100644 index 00000000000..2ea24fdf5e3 --- /dev/null +++ b/assets/css/amp-block-editor-rtl.css @@ -0,0 +1 @@ +.wp-core-ui .amp-wrapper-post-preview{margin-left:6px;margin-right:-6px}.wp-core-ui .amp-editor-post-preview{align-items:center;border-bottom-right-radius:0;border-top-right-radius:0;height:34px;justify-content:center;margin-left:0!important;padding:6px 12px}.wp-core-ui .amp-editor-post-preview svg{height:18px;margin:0;width:18px}.wp-core-ui .edit-post-header .editor-post-preview{height:34px}.amp-unavailable-notice{margin:5px 0 2px;width:100%}.amp-unavailable-notice details>summary{cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}.amp-unavailable-notice details[open]>summary{margin-bottom:1em} \ No newline at end of file diff --git a/assets/css/amp-block-editor.css b/assets/css/amp-block-editor.css new file mode 100644 index 00000000000..82659da7bf0 --- /dev/null +++ b/assets/css/amp-block-editor.css @@ -0,0 +1 @@ +.wp-core-ui .amp-wrapper-post-preview{margin-left:-6px;margin-right:6px}.wp-core-ui .amp-editor-post-preview{align-items:center;border-bottom-left-radius:0;border-top-left-radius:0;height:34px;justify-content:center;margin-right:0!important;padding:6px 12px}.wp-core-ui .amp-editor-post-preview svg{height:18px;margin:0;width:18px}.wp-core-ui .edit-post-header .editor-post-preview{height:34px}.amp-unavailable-notice{margin:5px 0 2px;width:100%}.amp-unavailable-notice details>summary{cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}.amp-unavailable-notice details[open]>summary{margin-bottom:1em} \ No newline at end of file diff --git a/assets/css/amp-block-validation-rtl.css b/assets/css/amp-block-validation-rtl.css new file mode 100644 index 00000000000..811d2772ff4 --- /dev/null +++ b/assets/css/amp-block-validation-rtl.css @@ -0,0 +1 @@ +.amp-toolbar-icon svg{fill:#000}.amp-toolbar-broken-icon svg{fill:none}.amp-plugin-icon{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.amp-plugin-icon--has-badge svg{margin-right:-5px}.is-pressed .amp-plugin-icon:not(.amp-plugin-icon--broken) svg{fill:#fff}.amp-status-icon path{fill:#005af0}.amp-status-icon:after{background:#bb522e;border-radius:50%;content:"";display:block;height:12px;left:-6px;opacity:0;position:absolute;top:-3px;transform:scale(0);transition:opacity .12s ease-out,transform .18s ease-out;width:12px}.amp-status-icon.amp-status-icon--broken:after{opacity:1;transform:none}.amp-error-count-badge{align-items:center;background:#bb522e;border:2px solid #0000;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;left:-6px;position:absolute;top:-5px;width:16px}.is-pressed .amp-error-count-badge{border-color:#1e1e1e}.amp-sidebar__errors-list,.amp-sidebar__errors-list-item{margin-bottom:0;margin-top:0}.amp-sidebar__errors-list-item>.components-panel__body{border-top-width:0}.amp-sidebar__options{margin:12px 8px}.sidebar-notification{display:flex;margin-top:15px;min-height:67px;position:relative}.sidebar-notification.is-loading{align-items:center}.sidebar-notification__icon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;height:24px;justify-content:center;margin:0 0 0 12px;position:relative;width:24px}.sidebar-notification__icon *{height:100%;width:100%}.sidebar-notification__content{display:flex;flex-direction:column}.sidebar-notification__content>p{margin:0}.sidebar-notification__action,.sidebar-notification__content>p+p{margin-top:4px}.sidebar-notification.is-small{min-height:36px}.sidebar-notification.is-small .sidebar-notification__content{padding-top:4px}.sidebar-notification.is-small .sidebar-notification__content p{font-size:11px}.sidebar-notifications-container .sidebar-notification{padding:14px 18px}.sidebar-notifications-container .sidebar-notification:first-child{margin-top:0}.sidebar-notifications-container.is-shady{background:#f4f4f4;border-bottom:1px solid #e3e4e7;padding:18px 10px}.sidebar-notifications-container.is-shady .sidebar-notification{background:#fff;border-radius:15px;overflow:hidden}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.amp-error .components-panel__body-toggle.components-button{padding-left:14px;padding-right:14px}.amp-error.components-panel__body.is-opened>.components-panel__body-title{margin-bottom:10px}.amp-error__panel-title{align-items:baseline;display:flex;flex-flow:row nowrap;font-size:13px;font-weight:400;line-height:1.5;width:calc(100% - 32px)}.amp-error__icons{align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;padding-left:.5rem;position:relative;top:-1px}.amp-error__error-type-icon{align-items:center;background-color:currentColor;border:1px solid;border-radius:12px;color:#707070;display:flex;height:24px;justify-content:center;width:24px}.amp-error__title{flex:1 1 auto;font-size:13px;line-height:1.4}.amp-error:not(.is-opened) .amp-error__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amp-error code{white-space:nowrap}.amp-error__block-type-description{align-items:center;display:flex;margin-left:2px}.amp-error__block-type-icon{align-items:center;display:inline-flex;height:10px;margin-right:5px;width:24px}.amp-error__block-type-icon .block-editor-block-icon{background:#f0f0f1;background:#00000012;border-radius:5px;padding:2px}.amp-error__details dt{float:right;font-weight:600}.amp-error__details dt:after{content:":";margin-left:7px}.amp-error__details dd{margin-bottom:8px;margin-right:0}.amp-error__kept-removed{display:flex}.amp-error__kept-removed--kept>span,.amp-error__kept-removed--removed>span{align-items:center;background:#fcddd3;border-radius:5px;display:flex;height:24px;justify-content:center;margin-right:5px;margin-top:-5px;transform:translateY(2px);width:24px}.amp-error__kept-removed--removed>span{background:#d2e5e5}.amp-error__actions{display:flex;justify-content:space-between}.amp-error__actions>*+*{margin-right:10px}.components-button.amp-error__select-block{align-items:center;display:inline-flex}.amp-error__details-link svg{height:15px;margin-right:6px;width:15px}.amp-error__select-block svg{fill:none;margin-left:9px}.amp-error__details-link{align-items:center;display:flex}.amp-error__details-link svg path{fill:currentColor}.amp-error .components-panel__body-title,.amp-error .components-panel__body-title:hover{border-right:4px solid #0000}.amp-error--reviewed .components-panel__body-title{background:#f4f4f4}.amp-error--reviewed .components-panel__body-title:hover{background:#e8e8e8}.amp-error--new .amp-error__title{font-weight:700}.amp-error--removed .components-panel__body-title,.amp-error--removed .components-panel__body-title:hover{background:#f8f8f8}.amp-error--removed.amp-error--kept .components-panel__body-title,.amp-error--removed.amp-error--kept .components-panel__body-title:hover{border-right-color:#c2c2c2}.amp-error--removed .amp-error__title{color:grey}.amp-error--removed .amp-error__icons{opacity:.4}.amp-error--kept .components-panel__body-title,.amp-error--kept .components-panel__body-title:hover{border-right-color:#d54e21} \ No newline at end of file diff --git a/assets/css/amp-block-validation.css b/assets/css/amp-block-validation.css new file mode 100644 index 00000000000..286da3d9d8e --- /dev/null +++ b/assets/css/amp-block-validation.css @@ -0,0 +1 @@ +.amp-toolbar-icon svg{fill:#000}.amp-toolbar-broken-icon svg{fill:none}.amp-plugin-icon{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.amp-plugin-icon--has-badge svg{margin-left:-5px}.is-pressed .amp-plugin-icon:not(.amp-plugin-icon--broken) svg{fill:#fff}.amp-status-icon path{fill:#005af0}.amp-status-icon:after{background:#bb522e;border-radius:50%;content:"";display:block;height:12px;opacity:0;position:absolute;right:-6px;top:-3px;transform:scale(0);transition:opacity .12s ease-out,transform .18s ease-out;width:12px}.amp-status-icon.amp-status-icon--broken:after{opacity:1;transform:none}.amp-error-count-badge{align-items:center;background:#bb522e;border:2px solid #0000;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;position:absolute;right:-6px;top:-5px;width:16px}.is-pressed .amp-error-count-badge{border-color:#1e1e1e}.amp-sidebar__errors-list,.amp-sidebar__errors-list-item{margin-bottom:0;margin-top:0}.amp-sidebar__errors-list-item>.components-panel__body{border-top-width:0}.amp-sidebar__options{margin:12px 8px}.sidebar-notification{display:flex;margin-top:15px;min-height:67px;position:relative}.sidebar-notification.is-loading{align-items:center}.sidebar-notification__icon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;height:24px;justify-content:center;margin:0 12px 0 0;position:relative;width:24px}.sidebar-notification__icon *{height:100%;width:100%}.sidebar-notification__content{display:flex;flex-direction:column}.sidebar-notification__content>p{margin:0}.sidebar-notification__action,.sidebar-notification__content>p+p{margin-top:4px}.sidebar-notification.is-small{min-height:36px}.sidebar-notification.is-small .sidebar-notification__content{padding-top:4px}.sidebar-notification.is-small .sidebar-notification__content p{font-size:11px}.sidebar-notifications-container .sidebar-notification{padding:14px 18px}.sidebar-notifications-container .sidebar-notification:first-child{margin-top:0}.sidebar-notifications-container.is-shady{background:#f4f4f4;border-bottom:1px solid #e3e4e7;padding:18px 10px}.sidebar-notifications-container.is-shady .sidebar-notification{background:#fff;border-radius:15px;overflow:hidden}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.amp-error .components-panel__body-toggle.components-button{padding-left:14px;padding-right:14px}.amp-error.components-panel__body.is-opened>.components-panel__body-title{margin-bottom:10px}.amp-error__panel-title{align-items:baseline;display:flex;flex-flow:row nowrap;font-size:13px;font-weight:400;line-height:1.5;width:calc(100% - 32px)}.amp-error__icons{align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;padding-right:.5rem;position:relative;top:-1px}.amp-error__error-type-icon{align-items:center;background-color:currentColor;border:1px solid;border-radius:12px;color:#707070;display:flex;height:24px;justify-content:center;width:24px}.amp-error__title{flex:1 1 auto;font-size:13px;line-height:1.4}.amp-error:not(.is-opened) .amp-error__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amp-error code{white-space:nowrap}.amp-error__block-type-description{align-items:center;display:flex;margin-right:2px}.amp-error__block-type-icon{align-items:center;display:inline-flex;height:10px;margin-left:5px;width:24px}.amp-error__block-type-icon .block-editor-block-icon{background:#f0f0f1;background:#00000012;border-radius:5px;padding:2px}.amp-error__details dt{float:left;font-weight:600}.amp-error__details dt:after{content:":";margin-right:7px}.amp-error__details dd{margin-bottom:8px;margin-left:0}.amp-error__kept-removed{display:flex}.amp-error__kept-removed--kept>span,.amp-error__kept-removed--removed>span{align-items:center;background:#fcddd3;border-radius:5px;display:flex;height:24px;justify-content:center;margin-left:5px;margin-top:-5px;transform:translateY(2px);width:24px}.amp-error__kept-removed--removed>span{background:#d2e5e5}.amp-error__actions{display:flex;justify-content:space-between}.amp-error__actions>*+*{margin-left:10px}.components-button.amp-error__select-block{align-items:center;display:inline-flex}.amp-error__details-link svg{height:15px;margin-left:6px;width:15px}.amp-error__select-block svg{fill:none;margin-right:9px}.amp-error__details-link{align-items:center;display:flex}.amp-error__details-link svg path{fill:currentColor}.amp-error .components-panel__body-title,.amp-error .components-panel__body-title:hover{border-left:4px solid #0000}.amp-error--reviewed .components-panel__body-title{background:#f4f4f4}.amp-error--reviewed .components-panel__body-title:hover{background:#e8e8e8}.amp-error--new .amp-error__title{font-weight:700}.amp-error--removed .components-panel__body-title,.amp-error--removed .components-panel__body-title:hover{background:#f8f8f8}.amp-error--removed.amp-error--kept .components-panel__body-title,.amp-error--removed.amp-error--kept .components-panel__body-title:hover{border-left-color:#c2c2c2}.amp-error--removed .amp-error__title{color:grey}.amp-error--removed .amp-error__icons{opacity:.4}.amp-error--kept .components-panel__body-title,.amp-error--kept .components-panel__body-title:hover{border-left-color:#d54e21} \ No newline at end of file diff --git a/assets/css/amp-customizer-legacy-rtl.css b/assets/css/amp-customizer-legacy-rtl.css new file mode 100644 index 00000000000..61648ff4b45 --- /dev/null +++ b/assets/css/amp-customizer-legacy-rtl.css @@ -0,0 +1 @@ +.devices-wrapper{position:relative}.amp-toggle{display:inline-block;height:15px;position:absolute;right:-47px;top:15px;width:30px}.amp-toggle input,.amp-toggle input.disabled{height:100%;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}.amp-toggle .slider{background-color:#555d66;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s;transition-property:background-color,transform,opacity}.amp-toggle input:active,.amp-toggle input:focus{outline:none}.amp-toggle input:active+.slider,.amp-toggle input:focus+.slider,.amp-toggle input:hover+.slider{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px #1e8cbecc}.amp-toggle .slider:before{background-color:initial;background-image:url(../images/amp-white-icon.svg);background-size:13px 13px;border-radius:50%;content:"";height:13px;position:absolute;right:1px;top:1px;transition:.3s;width:13px}.amp-toggle input:checked+.slider{background-color:#0379c4}.amp-toggle input:checked+.slider:before{transform:translateX(-15px)}.amp-toggle input.disabled+.slider{opacity:.7}.amp-toggle .tooltip{background:#191e23;bottom:25px;color:#fff;cursor:default;display:none;font-size:13px;padding:15px;position:absolute;right:-115px;text-align:center;width:230px;z-index:1}.amp-toggle .tooltip a{color:#00a0d2}.amp-toggle .tooltip a:active,.amp-toggle .tooltip a:focus,.amp-toggle .tooltip a:hover{color:#54cbf1}.amp-toggle .tooltip:before{border:solid;border-color:#191e23 #0000;border-width:8px 8px 0;bottom:-8px;content:"";position:absolute;right:120px}.js .accordion-section-title:after{z-index:0}.wp-core-ui .wp-full-overlay .collapse-sidebar{padding:9px 10px}#customize-footer-actions .collapse-sidebar-label{display:none}.wp-full-overlay-footer .devices{box-shadow:none}.devices-wrapper .preview-desktop{border-right:1px solid #ddd!important}.wp-full-overlay-footer .devices button:before{vertical-align:initial} \ No newline at end of file diff --git a/assets/css/amp-customizer-legacy.css b/assets/css/amp-customizer-legacy.css new file mode 100644 index 00000000000..3aeb363543b --- /dev/null +++ b/assets/css/amp-customizer-legacy.css @@ -0,0 +1 @@ +.devices-wrapper{position:relative}.amp-toggle{display:inline-block;height:15px;left:-47px;position:absolute;top:15px;width:30px}.amp-toggle input,.amp-toggle input.disabled{height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.amp-toggle .slider{background-color:#555d66;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s;transition-property:background-color,transform,opacity}.amp-toggle input:active,.amp-toggle input:focus{outline:none}.amp-toggle input:active+.slider,.amp-toggle input:focus+.slider,.amp-toggle input:hover+.slider{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px #1e8cbecc}.amp-toggle .slider:before{background-color:initial;background-image:url(../images/amp-white-icon.svg);background-size:13px 13px;border-radius:50%;content:"";height:13px;left:1px;position:absolute;top:1px;transition:.3s;width:13px}.amp-toggle input:checked+.slider{background-color:#0379c4}.amp-toggle input:checked+.slider:before{transform:translateX(15px)}.amp-toggle input.disabled+.slider{opacity:.7}.amp-toggle .tooltip{background:#191e23;bottom:25px;color:#fff;cursor:default;display:none;font-size:13px;left:-115px;padding:15px;position:absolute;text-align:center;width:230px;z-index:1}.amp-toggle .tooltip a{color:#00a0d2}.amp-toggle .tooltip a:active,.amp-toggle .tooltip a:focus,.amp-toggle .tooltip a:hover{color:#54cbf1}.amp-toggle .tooltip:before{border:solid;border-color:#191e23 #0000;border-width:8px 8px 0;bottom:-8px;content:"";left:120px;position:absolute}.js .accordion-section-title:after{z-index:0}.wp-core-ui .wp-full-overlay .collapse-sidebar{padding:9px 10px}#customize-footer-actions .collapse-sidebar-label{display:none}.wp-full-overlay-footer .devices{box-shadow:none}.devices-wrapper .preview-desktop{border-left:1px solid #ddd!important}.wp-full-overlay-footer .devices button:before{vertical-align:initial} \ No newline at end of file diff --git a/assets/css/amp-customizer-rtl.css b/assets/css/amp-customizer-rtl.css new file mode 100644 index 00000000000..0816e9e1252 --- /dev/null +++ b/assets/css/amp-customizer-rtl.css @@ -0,0 +1 @@ +#customize-controls #customize-info .preview-notice{display:block;line-height:1.4;margin-left:28px}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title{cursor:default}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title:after{content:""}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title>button{float:left;font-weight:400;margin-right:12px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title,#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title:hover{background:#fff;border:1px solid #ddd;border-left:none;border-right:none;color:#555d66;cursor:default;font-weight:400;margin:0 0 15px;padding:12px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title details{margin:5px 0}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title summary{cursor:pointer;display:list-item;font-weight:700}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title summary:focus{color:#0073aa;outline:none}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dt{font-weight:700;margin-bottom:4px;margin-top:10px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dd{margin-bottom:4px;margin-right:20px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dd>input[type=checkbox]{margin:0 0 0 1ex} \ No newline at end of file diff --git a/assets/css/amp-customizer.css b/assets/css/amp-customizer.css new file mode 100644 index 00000000000..6440f92cbd4 --- /dev/null +++ b/assets/css/amp-customizer.css @@ -0,0 +1 @@ +#customize-controls #customize-info .preview-notice{display:block;line-height:1.4;margin-right:28px}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title{cursor:default}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title:after{content:""}#customize-theme-controls .control-section-amp_active_theme_settings_import>.accordion-section-title>button{float:right;font-weight:400;margin-left:12px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title,#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title:hover{background:#fff;border:1px solid #ddd;border-left:none;border-right:none;color:#555d66;cursor:default;font-weight:400;margin:0 0 15px;padding:12px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title details{margin:5px 0}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title summary{cursor:pointer;display:list-item;font-weight:700}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title summary:focus{color:#0073aa;outline:none}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dt{font-weight:700;margin-bottom:4px;margin-top:10px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dd{margin-bottom:4px;margin-left:20px}#customize-controls .control-section-amp_active_theme_settings_import>.accordion-section-title dd>input[type=checkbox]{margin:0 1ex 0 0} \ No newline at end of file diff --git a/assets/css/amp-default-rtl.css b/assets/css/amp-default-rtl.css new file mode 100644 index 00000000000..a0c94d0ce11 --- /dev/null +++ b/assets/css/amp-default-rtl.css @@ -0,0 +1 @@ +.amp-wp-unknown-size,amp-anim.amp-wp-enforced-sizes,amp-img.amp-wp-enforced-sizes{object-fit:contain}body amp-audio:not([controls]){display:inline-block;height:auto}.amp-wp-default-form-message>p{margin:1em 0;padding:.5em}.amp-wp-default-form-message[submit-success]>p.amp-wp-form-redirecting,.amp-wp-default-form-message[submitting]>p{font-style:italic}.amp-wp-default-form-message[submit-success]>p:not(.amp-wp-form-redirecting){background-color:#90ee90;border:1px solid green;color:#000}.amp-wp-default-form-message[submit-error]>p{background-color:#ffb6c1;border:1px solid red;color:#000}.amp-wp-default-form-message[submit-success]>p:empty{display:none}amp-carousel .amp-wp-gallery-caption{background-color:#00000080;bottom:0;color:#fff;left:0;margin-bottom:0;padding:1rem;position:absolute;right:0;text-align:center}amp-carousel .amp-wp-gallery-caption a{color:inherit}.wp-block-gallery[data-amp-carousel=true],.wp-block-gallery[data-amp-carousel=true].has-nested-images{display:block;flex-wrap:unset}.wp-video{margin-bottom:1.5em;max-width:100%}.wp-block-video video{height:auto}button[overflow]{bottom:0}amp-anim img,amp-anim noscript,amp-iframe iframe,amp-iframe noscript,amp-img img,amp-img noscript,amp-video noscript,amp-video video{image-rendering:inherit;object-fit:inherit;object-position:inherit} \ No newline at end of file diff --git a/assets/css/amp-default.css b/assets/css/amp-default.css new file mode 100644 index 00000000000..a0c94d0ce11 --- /dev/null +++ b/assets/css/amp-default.css @@ -0,0 +1 @@ +.amp-wp-unknown-size,amp-anim.amp-wp-enforced-sizes,amp-img.amp-wp-enforced-sizes{object-fit:contain}body amp-audio:not([controls]){display:inline-block;height:auto}.amp-wp-default-form-message>p{margin:1em 0;padding:.5em}.amp-wp-default-form-message[submit-success]>p.amp-wp-form-redirecting,.amp-wp-default-form-message[submitting]>p{font-style:italic}.amp-wp-default-form-message[submit-success]>p:not(.amp-wp-form-redirecting){background-color:#90ee90;border:1px solid green;color:#000}.amp-wp-default-form-message[submit-error]>p{background-color:#ffb6c1;border:1px solid red;color:#000}.amp-wp-default-form-message[submit-success]>p:empty{display:none}amp-carousel .amp-wp-gallery-caption{background-color:#00000080;bottom:0;color:#fff;left:0;margin-bottom:0;padding:1rem;position:absolute;right:0;text-align:center}amp-carousel .amp-wp-gallery-caption a{color:inherit}.wp-block-gallery[data-amp-carousel=true],.wp-block-gallery[data-amp-carousel=true].has-nested-images{display:block;flex-wrap:unset}.wp-video{margin-bottom:1.5em;max-width:100%}.wp-block-video video{height:auto}button[overflow]{bottom:0}amp-anim img,amp-anim noscript,amp-iframe iframe,amp-iframe noscript,amp-img img,amp-img noscript,amp-video noscript,amp-video video{image-rendering:inherit;object-fit:inherit;object-position:inherit} \ No newline at end of file diff --git a/assets/css/amp-icons-rtl.css b/assets/css/amp-icons-rtl.css new file mode 100644 index 00000000000..e2c4764d604 --- /dev/null +++ b/assets/css/amp-icons-rtl.css @@ -0,0 +1 @@ +.amp-icon.amp-invalid:before,.amp-icon.amp-removed:before,.amp-icon.amp-valid:before{border-radius:5px;content:"";display:inline-block;height:20px;width:20px}body .amp-icon{font:normal 20px/1 dashicons}.amp-icon.amp-invalid:before{background:#f7ded4 url(../images/amp-alert.svg) no-repeat 50%;background-size:18px auto}.amp-icon.amp-invalid.ab-icon:before{background:none;color:#dc3232!important;content:""}.amp-icon.amp-valid:before{background:#d3e5e5 url(../images/amp-valid.svg) no-repeat 50%;background-size:16px auto}.amp-icon.amp-valid.ab-icon:before{background:none;content:url('data:image/svg+xml;charset=utf8,')}.amp-icon.amp-removed:before{background:#d3e5e5 url(../images/amp-delete.svg) no-repeat 50%;background-size:20px auto}.amp-icon.amp-warning:before{color:#ffc733!important;content:""}.amp-icon.amp-logo:before{content:url('data:image/svg+xml;charset=utf8,');display:inline-block;height:20px;width:20px}.amp-icon.amp-link:before{content:""}.amp-icon.amp-link:not(.ab-icon):before{color:#00a0d2!important}#wpadminbar span.amp-icon{top:2px}#wpadminbar .ab-sub-wrapper span.amp-icon{margin-right:2px;padding:initial!important;position:absolute!important} \ No newline at end of file diff --git a/assets/css/amp-icons.css b/assets/css/amp-icons.css new file mode 100644 index 00000000000..e7d15795659 --- /dev/null +++ b/assets/css/amp-icons.css @@ -0,0 +1 @@ +.amp-icon.amp-invalid:before,.amp-icon.amp-removed:before,.amp-icon.amp-valid:before{border-radius:5px;content:"";display:inline-block;height:20px;width:20px}body .amp-icon{font:normal 20px/1 dashicons}.amp-icon.amp-invalid:before{background:#f7ded4 url(../images/amp-alert.svg) no-repeat 50%;background-size:18px auto}.amp-icon.amp-invalid.ab-icon:before{background:none;color:#dc3232!important;content:""}.amp-icon.amp-valid:before{background:#d3e5e5 url(../images/amp-valid.svg) no-repeat 50%;background-size:16px auto}.amp-icon.amp-valid.ab-icon:before{background:none;content:url('data:image/svg+xml;charset=utf8,')}.amp-icon.amp-removed:before{background:#d3e5e5 url(../images/amp-delete.svg) no-repeat 50%;background-size:20px auto}.amp-icon.amp-warning:before{color:#ffc733!important;content:""}.amp-icon.amp-logo:before{content:url('data:image/svg+xml;charset=utf8,');display:inline-block;height:20px;width:20px}.amp-icon.amp-link:before{content:""}.amp-icon.amp-link:not(.ab-icon):before{color:#00a0d2!important}#wpadminbar span.amp-icon{top:2px}#wpadminbar .ab-sub-wrapper span.amp-icon{margin-left:2px;padding:initial!important;position:absolute!important} \ No newline at end of file diff --git a/assets/css/amp-mobile-version-switcher-rtl.css b/assets/css/amp-mobile-version-switcher-rtl.css new file mode 100644 index 00000000000..c696bffed88 --- /dev/null +++ b/assets/css/amp-mobile-version-switcher-rtl.css @@ -0,0 +1 @@ +#amp-mobile-version-switcher{position:absolute;right:0;width:100%;z-index:100}#amp-mobile-version-switcher>a{background-color:#444;border:0;color:#eaeaea;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;padding:15px 0;text-align:center;-webkit-text-decoration:none;text-decoration:none}#amp-mobile-version-switcher>a:active,#amp-mobile-version-switcher>a:focus,#amp-mobile-version-switcher>a:hover{-webkit-text-decoration:underline;text-decoration:underline} \ No newline at end of file diff --git a/assets/css/amp-mobile-version-switcher.css b/assets/css/amp-mobile-version-switcher.css new file mode 100644 index 00000000000..77ec29a890f --- /dev/null +++ b/assets/css/amp-mobile-version-switcher.css @@ -0,0 +1 @@ +#amp-mobile-version-switcher{left:0;position:absolute;width:100%;z-index:100}#amp-mobile-version-switcher>a{background-color:#444;border:0;color:#eaeaea;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;padding:15px 0;text-align:center;-webkit-text-decoration:none;text-decoration:none}#amp-mobile-version-switcher>a:active,#amp-mobile-version-switcher>a:focus,#amp-mobile-version-switcher>a:hover{-webkit-text-decoration:underline;text-decoration:underline} \ No newline at end of file diff --git a/assets/css/amp-onboarding-wizard-rtl.css b/assets/css/amp-onboarding-wizard-rtl.css new file mode 100644 index 00000000000..c9a22c1a5b7 --- /dev/null +++ b/assets/css/amp-onboarding-wizard-rtl.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;right:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;right:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-left:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}body{background-color:#fafafc;font-family:Noto Sans,sans-serif}.amp-onboarding-wizard-container{--stepper-max-width:250px;--setup-page-max-width:1000px;margin:0 auto;max-width:1250px;max-width:calc(var(--stepper-max-width) + var(--setup-page-max-width));padding:20px 20px 10rem;width:100%}@media screen and (max-width:782px){.amp-onboarding-wizard-container{padding-bottom:5rem}}.amp-onboarding-wizard{display:flex;flex-direction:column;margin:0 auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard{flex-direction:row}}.amp-onboarding-wizard__logo-container{align-items:center;display:flex}.amp-onboarding-wizard__logo-container svg{height:42px;width:42px}.amp-onboarding-wizard__logo-container h1{-webkit-font-smoothing:antialiased;color:var(--amp-settings-color-brand);font-size:24px;font-weight:700;margin-right:.75rem}.amp-onboarding-wizard li>a,.amp-onboarding-wizard p a{color:var(--amp-settings-color-black);transition:color 80ms ease}.amp-onboarding-wizard li>a:hover,.amp-onboarding-wizard p a:hover{color:var(--amp-settings-color-brand)}.amp-onboarding-wizard-panel-container{margin-left:-20px;margin-right:-20px}@media screen and (min-width:783px){.amp-onboarding-wizard-panel-container{flex:1 1 auto;margin-left:0;margin-right:0;max-width:var(--setup-page-max-width);width:75%}}.amp-onboarding-wizard-panel{border-color:#0000;box-shadow:0 25px 60px #0000001a;max-width:var(--setup-page-max-width);min-height:496px;padding:20px;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-panel{border-radius:10px;padding:40px}}.amp-onboarding-wizard-panel h1{line-height:1.1}@media screen and (min-width:783px){.amp-onboarding-wizard-panel h1{margin-top:0}}.amp-onboarding-wizard-plugin-name{color:var(--amp-settings-color-muted);font-size:16px;line-height:1.5;padding:.5rem 0 0}.amp-onboarding-wizard-plugin-name:after{border-bottom:2px solid var(--amp-settings-color-border);content:"";display:block;margin:15px auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-plugin-name:after{margin-bottom:0}}.amp-stepper-container{width:100%}@media screen and (min-width:783px){.amp-stepper-container{flex:0 0 auto;max-width:var(--stepper-max-width);padding-left:40px;width:25%}}.amp .amp-stepper-container__header>.is-link{float:left;padding:8px}.amp-stepper ul{display:flex;justify-content:space-between;margin-top:0;width:100%}@media screen and (min-width:783px){.amp-stepper ul{flex-direction:column}}.amp-stepper__item{align-items:center;display:flex;font-size:14px;position:relative}@media screen and (min-width:783px){.amp-stepper__item{padding:15px 0 8px 10px}}.amp-stepper__item--active{border-radius:4px;font-weight:600}.amp-stepper__item:before{border-right:2px solid var(--amp-settings-color-border);bottom:-50%;content:"";position:absolute;right:11px;top:60%;z-index:1}@media screen and (max-width:784px){.amp-stepper__item:before{display:none}}.amp-stepper__item:last-of-type:before{display:none}.amp-stepper__item--done:before{border-right-color:var(--amp-settings-color-brand)}.amp-stepper__item-title{color:var(--amp-settings-color-muted);display:none;margin-right:18px}@media screen and (min-width:783px){.amp-stepper__item-title{display:inline-block}}.amp-stepper__bullet{align-items:center;background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:12px;color:var(--gray);content:attr(data-index);display:flex;height:24px;justify-content:center;position:relative;width:24px;z-index:2}.amp-stepper__bullet--check{background-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--check,.amp-stepper__bullet--dot{border-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--dot span{background-color:var(--amp-settings-color-brand);border-radius:5px;height:10px;width:10px}.grid{display:grid;gap:40px}@media screen and (min-width:783px){.grid-1-1{grid-template-columns:repeat(2,1fr)}.grid-1-2{grid-template-columns:1fr 2fr}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-3{grid-template-columns:1fr 3fr}.grid-3-1{grid-template-columns:3fr 1fr}.grid-5-4{grid-template-columns:5fr 4fr}}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-right:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:10px 0 0 var(--amp-settings-color-border);margin-left:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.technical-background__header{border-bottom:2px solid #d3d9dd;margin-bottom:1.75rem;padding-bottom:1.75rem}.technical-background__header p{font-size:14px;margin:0}.technical-background-option-container{margin-bottom:2rem;padding:1.5rem 0}.technical-background-option{align-items:flex-start;display:flex;flex-wrap:wrap}@media screen and (min-width:783px){.technical-background-option{align-items:center;flex-wrap:nowrap}}.technical-background-option__input-container{padding:1.5rem}.technical-background-option svg{flex-shrink:0;height:auto;margin-bottom:1rem;width:66px}@media screen and (min-width:783px){.technical-background-option svg{margin-bottom:0}}.technical-background-option__description{padding:0 2rem}.technical-background-option__description p{font-size:14px}.technical-background-option__description h2{font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.5}@media screen and (max-width:782px){.technical-background-option__description h2{margin-top:0}}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.site-scan__section+.site-scan__section{margin-top:1.5rem}.site-scan__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding-bottom:1rem;padding-top:.5rem}.site-scan__heading{font-size:16px;font-weight:700;margin-right:2rem}:root{--amp-progress-bar-color:var(--amp-brand);--amp-progress-bar-height:34px}.progress-bar{border:2px solid var(--amp-progress-bar-color);height:34px;height:var(--amp-progress-bar-height);margin-bottom:1.5rem;margin-top:1.5rem}.progress-bar,.progress-bar__track{border-radius:34px;border-radius:var(--amp-progress-bar-height);overflow:hidden}.progress-bar__track{height:calc(100% - 8px);margin:4px;position:relative;transform:scale(1);width:calc(100% - 8px)}.progress-bar__indicator{background-color:var(--amp-brand);background-color:var(--amp-progress-bar-color);border-radius:34px;border-radius:var(--amp-progress-bar-height);height:100%;position:absolute;right:0;top:0;transition:transform .8s ease-out;width:100%}.site-scan-results{padding:0}.site-scan-results+.site-scan-results{margin-top:1.5rem}.site-scan-results__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding:.5rem}@media(min-width:783px){.site-scan-results__header{padding:1rem 2rem}}.site-scan-results__heading{font-size:16px;font-weight:700;margin-right:1rem}.site-scan-results__heading[data-badge-content]:after{align-items:center;background-color:var(--light-gray);border-radius:50%;content:attr(data-badge-content);display:inline-flex;height:30px;justify-content:center;letter-spacing:-.05em;margin:0 .5rem;width:30px}.site-scan-results__content{padding:1rem .5rem}@media(min-width:783px){.site-scan-results__content{padding:1.25rem 2rem}}.site-scan-results__sources{border:2px solid var(--amp-settings-color-border)}.site-scan-results__source{align-items:center;font-size:14px;margin:0;max-width:100%;min-height:3.5rem;padding:1rem}.site-scan-results__source details{margin:0;width:100%}.site-scan-results__source:nth-child(2n){background-color:var(--amp-settings-color-background-light)}.site-scan-results__source+.site-scan-results__source{border-top:2px solid var(--amp-settings-color-border)}.site-scan-results__source-name{font-weight:700}.site-scan-results__source-name--inactive{color:var(--gray)}.site-scan-results__source-author:before{border-right:1px solid;content:"";display:inline-block;height:1em;margin:0 .5em;vertical-align:middle}.site-scan-results__source .site-scan-results__summary-wrapper{align-items:center;display:inline-flex;margin-right:4px;width:calc(100% - 20px)}.site-scan-results__source-notice,.site-scan-results__source-version{margin-right:auto}.site-scan-results__cta.site-scan-results__cta{font-size:14px;margin-bottom:0}.site-scan-results__cta.site-scan-results__cta .components-external-link__icon{fill:var(--amp-settings-color-brand)}.site-scan-results__urls-list{margin:1.5rem 0;padding:0 1rem}.site-scan-results__detail-body p{font-size:14px}.site-scan-results__source-detail{background-color:#fff;border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px;white-space:pre}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:right}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(-180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem .75rem .5rem 1rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-left:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-left:1rem;width:30px}.template-modes__header{margin-bottom:1.75rem}.template-mode-option__label{align-items:center;background-color:var(--amp-settings-color-background);display:flex;padding:0;width:100%}@media (min-width:783px){.template-mode-option__label{flex-wrap:wrap;padding:1.125rem 0 1.125rem 1.5rem}}.template-mode-selection__input-container{margin-left:.75rem}@media screen and (min-width:783px){.template-mode-selection__input-container{margin-left:1.5rem}}.template-mode-selection__illustration{align-items:center;display:flex;flex-shrink:0;width:40px}@media screen and (min-width:783px){.template-mode-selection__illustration{width:80px}}.template-mode-selection__illustration svg{height:auto;width:60px}.template-mode-option .amp-info{margin-bottom:0}@media screen and (min-width:783px){.template-mode-option .amp-info{margin-right:1.5rem}}.template-mode-selection__details{font-size:14px;margin-bottom:1rem;padding:1rem 1.5rem}@media (min-width:783px){.template-mode-selection__details{padding:1rem 3rem}}.template-mode-selection__details-list{list-style:disc;padding-right:1.625rem}.template-mode-option .components-panel__row{margin-right:-16px}.template-mode-option .amp-notice .components-panel__body-toggle.components-button{font-family:var(--font-noto);font-size:14px;font-weight:400;line-height:1.85;padding-right:0}.template-mode-option .amp-notice .components-panel__body-title:hover{background:#0000!important}.template-mode-option .amp-notice .components-panel__body-title button .components-panel__arrow{display:none;top:1.125rem}.template-mode-selection__description{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-start;padding:0 1rem 0 0}@media screen and (min-width:783px){.template-mode-selection__description{margin-bottom:0}}.template-mode-selection__label-extra{display:none;font-size:14px;margin:0 auto 0 0}@media screen and (min-width:783px){.template-mode-selection__label-extra{display:block}}.template-mode-selection__label-extra .amp-notice--small{font-size:14px}.template-mode-option>.amp-notice .components-panel__arrow{left:0}.template-mode-option .components-panel__body-title{left:0;position:absolute;top:0}.template-mode-option .components-panel__body-title:hover{background:#0000}.template-mode-option .components-panel__body-toggle:active,.template-mode-option .components-panel__body-toggle:focus,.template-mode-option .components-panel__body-toggle:hover{color:inherit}.template-mode-option .components-panel__arrow{height:2rem;width:2rem}.template-mode-option .components-panel__body{border-bottom-width:0;border-top-width:0}.template-mode-option .components-panel__row{flex-wrap:wrap}.template-mode-option .components-panel__row>*{width:100%}.template-mode-option .reader-themes{margin-top:1.5rem}.template-mode-option .reader-themes__current-theme{font-weight:400;margin-right:.5rem}.amp-drawer{--panel-button-width:56px;--heading-height:92px}@media (min-width:783px){.amp-drawer{--panel-button-width:112px;--heading-height:92px}}.amp-drawer{margin-bottom:1rem;padding:0;position:relative}.amp-drawer__heading{align-items:center;display:flex;flex-grow:1;height:var(--heading-height);overflow:hidden;padding-left:.75rem;padding-right:.75rem;right:0}@media (min-width:783px){.amp-drawer__heading{padding-right:3rem}.amp-drawer--handle-type-full-width .amp-drawer__heading{padding-left:3rem}}.amp-drawer__heading h3{margin-bottom:0}.amp-drawer__heading svg{margin-left:1rem}.amp-drawer__label-extra svg{fill:none}.amp .amp-drawer .components-panel__body-title{border-radius:5px;height:var(--heading-height);margin:0 auto 0 0}.amp .amp-drawer .is-opened .components-panel__body-title{border-radius:5px 5px 0 0}.amp .amp-drawer.components-panel__body-title,.amp.amp .amp-drawer .components-panel__body-toggle{align-items:center;border-radius:5px;display:flex}.amp .amp-drawer .components-panel__body-title button{border-radius:0;height:100%;width:100%}.amp.amp .amp-drawer .components-panel__body-toggle:focus:not(:disabled){outline:none}.amp .amp-drawer .components-panel__body-title>button>span{align-items:center;display:flex;justify-content:center;order:100;width:var(--panel-button-width)}.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:30px;position:static;transform:none;width:30px}@media (min-width:783px){.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:45px;width:45px}}.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-right:auto}@media (min-width:783px){.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-left:1rem}}.amp.amp .amp-drawer .components-panel__body-toggle{border-radius:5px}.amp .amp-drawer .components-panel__body-title .amp-notice{font-family:var(--font-default);font-weight:400}.amp .amp-drawer__panel-body{border-bottom-width:0;border-top-width:0;padding:0}.amp .amp-drawer__panel-body .components-panel__body-toggle{padding:0}.amp-drawer__panel-body-inner{border-top:1px solid var(--amp-settings-color-border)}.amp-drawer__panel-body-inner details{margin-bottom:1.5rem}.template-mode-selection__details p{font-size:14px;line-height:1.85}.amp .amp-drawer--handle-type-right .amp-drawer__heading{left:var(--panel-button-width);width:calc(100% - var(--panel-button-width))}.amp-drawer--handle-type-right .components-panel__body-title{width:var(--panel-button-width)}.amp .amp-drawer--handle-type-right .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .components-panel__body-toggle{background-color:initial;border-radius:5px 0 0 5px}.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-toggle{border-radius:5px 0 0 0}.amp .amp-drawer--handle-type-right .components-panel__body-title button{border-right:1px solid var(--amp-settings-color-border)}.amp-info{display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem}.amp-info__icon{float:right;margin:0 .5rem}.choose-reader-theme>p{font-size:1rem;margin-bottom:1.5rem}.choose-reader-theme__grid{grid-gap:40px;display:grid}@media screen and (min-width:600px){.choose-reader-theme__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1100px){.choose-reader-theme__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.choose-reader-theme__unavailable{padding-top:6rem}.choose-reader-theme__unavailable label{cursor:default}.theme-card{display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;position:relative}.theme-card p{font-size:14px}.theme-card--disabled{position:relative}.theme-card--disabled:before{background-color:#0000000d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.theme-card__label-header{align-items:center;display:flex;padding:.75rem 0}.theme-card__label-header>input{flex-shrink:0}.amp .theme-card .theme-card__title{font-size:1rem;line-height:1.3;margin-bottom:0;margin-right:5px;margin-top:0}.theme-card img{height:auto;margin:auto;width:100%}p.theme-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:14px;line-height:1.666;overflow:hidden}.theme-card__theme-link{margin-top:auto}.theme-card__disabled-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;font-size:1.122rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.phone{background:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:413px;margin-bottom:1rem;min-height:200px;padding:12px;position:relative}.phone>*{max-width:100%}.phone:before{background:#e6e6e6;border-radius:3px;content:"";display:block;height:5px;margin:9px auto;width:43px}.phone__inner{flex-grow:1;overflow:hidden;position:relative}.phone__inner,.phone__overlay{background-color:var(--amp-settings-color-dark-gray);display:flex}.phone__overlay{align-items:center;bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.phone.is-loading .phone__overlay{opacity:1;pointer-events:auto;visibility:visible}.done{grid-gap:15px 45px;display:grid}@media screen and (min-width:1280px){.done{grid-template-columns:auto auto;grid-template-rows:auto 1fr auto}}.done__heading{margin:0}@media screen and (min-width:1280px){.done__heading{grid-column:1/3}.done__content{grid-column:1/2}.done__content--primary{grid-row:2/3}.done__content--secondary{grid-row:3/4}}.done__icon-title{align-items:center;display:flex;flex-flow:row nowrap;line-height:1.25}.done__icon-title svg{flex:0 0 auto;height:auto;margin-left:25px;width:40px}.done__links-container{margin:25px auto;max-width:400px}.done__list{font-size:var(--amp-settings-font-size);list-style:disc;padding-right:30px}.done__preview-container{margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width:1280px){.done__preview-container{grid-column:2/3;grid-row:2/4}}.done__preview-container .amp-setting-toggle{margin:20px 0}.done__preview-container .amp-notice{margin-bottom:1.5rem}.done__preview-container .phone{height:auto;padding-bottom:2rem}.done__preview-container .phone:before{height:9px;width:80px}.done__preview-iframe{height:610px;width:400px}@media screen and (max-width:600px){.done__preview-iframe{width:300px}}.saving{border-bottom:2px solid #d3d9dd;margin:0 auto;max-width:800px;padding:3rem;text-align:center;width:100%}.saving h1{margin-top:.67em}.amp-setting-toggle p{font-size:14px}.amp .amp-setting-toggle .components-form-toggle{margin-left:.75rem}@media (min-width:783px){.amp .amp-setting-toggle .components-form-toggle{margin-left:2.25rem}}.amp-setting-toggle--disabled .components-form-toggle__input{opacity:.5;pointer-events:none}.amp-setting-toggle--disabled .components-toggle-control__label{pointer-events:none}@media (min-width:783px){.amp .amp-setting-toggle--compact .components-form-toggle{margin-left:1rem}}.amp .amp-setting-toggle--compact .amp-setting-toggle__label-text p,.nav-menu__item{margin:0}.nav-menu__item+.nav-menu__item{border-top:1px solid var(--amp-settings-color-border)}.amp .nav-menu__link{align-items:center;color:var(--amp-settings-color-muted);display:flex;flex-flow:row nowrap;font-size:14px;justify-content:space-between;padding:.75rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:background-color .12s ease}.amp .nav-menu__link.nav-menu__link--active,.amp .nav-menu__link:hover{background-color:var(--very-light-gray);color:var(--amp-settings-color-muted)}.amp .nav-menu__link:focus{box-shadow:none}.amp .nav-menu__link:after{border:2px solid;border-bottom:none;border-right:none;content:"";display:block;flex:0 0 auto;height:8px;margin-right:1rem;transform:rotate(-45deg);width:8px}.nav-menu.selectable{padding:0}.nav-menu.selectable .nav-menu__list{margin:0;padding:0 1rem}.nav-menu.selectable .nav-menu__link{margin:0 -1rem}.nav-menu.selectable .nav-menu__item:first-child .nav-menu__link{border-radius:8px 8px 0 0}.nav-menu.selectable .nav-menu__item:last-child .nav-menu__link{border-radius:0 0 8px 8px}.welcome{padding-bottom:45px;padding-top:30px}@media screen and (min-width:1000px){.welcome{padding-left:90px;padding-right:90px}}.welcome__header{border-bottom:2px solid #d3d9dd;margin-bottom:3rem;text-align:center}.welcome__header h1{margin:1.5rem auto;max-width:525px}.welcome__section{display:flex;padding-bottom:1.5rem}.welcome__section-icon{flex-shrink:0;width:64px}.welcome__section h4,.welcome__section p{font-family:var(--font-noto);font-size:1rem}.welcome__section h4{margin-bottom:7px;margin-top:0}.welcome__section p{line-height:1.5}.amp-settings-nav__prev-next{display:flex}.amp-settings-nav__prev-next>*{align-items:center;display:flex;height:36px}.amp-settings-nav__prev-next>.components-button+.components-button{margin-right:1rem}.amp-settings-nav__prev{margin-left:5px}.amp-settings-nav__prev svg{margin-left:.5rem;margin-right:0;transform:rotate(-180deg)}.amp-settings-nav__close{align-items:center;display:flex}.amp-settings-nav__close svg{margin-left:.5rem} \ No newline at end of file diff --git a/assets/css/amp-onboarding-wizard.css b/assets/css/amp-onboarding-wizard.css new file mode 100644 index 00000000000..05b077dfc9a --- /dev/null +++ b/assets/css/amp-onboarding-wizard.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(-45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;left:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;left:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-right:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}body{background-color:#fafafc;font-family:Noto Sans,sans-serif}.amp-onboarding-wizard-container{--stepper-max-width:250px;--setup-page-max-width:1000px;margin:0 auto;max-width:1250px;max-width:calc(var(--stepper-max-width) + var(--setup-page-max-width));padding:20px 20px 10rem;width:100%}@media screen and (max-width:782px){.amp-onboarding-wizard-container{padding-bottom:5rem}}.amp-onboarding-wizard{display:flex;flex-direction:column;margin:0 auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard{flex-direction:row}}.amp-onboarding-wizard__logo-container{align-items:center;display:flex}.amp-onboarding-wizard__logo-container svg{height:42px;width:42px}.amp-onboarding-wizard__logo-container h1{-webkit-font-smoothing:antialiased;color:var(--amp-settings-color-brand);font-size:24px;font-weight:700;margin-left:.75rem}.amp-onboarding-wizard li>a,.amp-onboarding-wizard p a{color:var(--amp-settings-color-black);transition:color 80ms ease}.amp-onboarding-wizard li>a:hover,.amp-onboarding-wizard p a:hover{color:var(--amp-settings-color-brand)}.amp-onboarding-wizard-panel-container{margin-left:-20px;margin-right:-20px}@media screen and (min-width:783px){.amp-onboarding-wizard-panel-container{flex:1 1 auto;margin-left:0;margin-right:0;max-width:var(--setup-page-max-width);width:75%}}.amp-onboarding-wizard-panel{border-color:#0000;box-shadow:0 25px 60px #0000001a;max-width:var(--setup-page-max-width);min-height:496px;padding:20px;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-panel{border-radius:10px;padding:40px}}.amp-onboarding-wizard-panel h1{line-height:1.1}@media screen and (min-width:783px){.amp-onboarding-wizard-panel h1{margin-top:0}}.amp-onboarding-wizard-plugin-name{color:var(--amp-settings-color-muted);font-size:16px;line-height:1.5;padding:.5rem 0 0}.amp-onboarding-wizard-plugin-name:after{border-bottom:2px solid var(--amp-settings-color-border);content:"";display:block;margin:15px auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-plugin-name:after{margin-bottom:0}}.amp-stepper-container{width:100%}@media screen and (min-width:783px){.amp-stepper-container{flex:0 0 auto;max-width:var(--stepper-max-width);padding-right:40px;width:25%}}.amp .amp-stepper-container__header>.is-link{float:right;padding:8px}.amp-stepper ul{display:flex;justify-content:space-between;margin-top:0;width:100%}@media screen and (min-width:783px){.amp-stepper ul{flex-direction:column}}.amp-stepper__item{align-items:center;display:flex;font-size:14px;position:relative}@media screen and (min-width:783px){.amp-stepper__item{padding:15px 10px 8px 0}}.amp-stepper__item--active{border-radius:4px;font-weight:600}.amp-stepper__item:before{border-left:2px solid var(--amp-settings-color-border);bottom:-50%;content:"";left:11px;position:absolute;top:60%;z-index:1}@media screen and (max-width:784px){.amp-stepper__item:before{display:none}}.amp-stepper__item:last-of-type:before{display:none}.amp-stepper__item--done:before{border-left-color:var(--amp-settings-color-brand)}.amp-stepper__item-title{color:var(--amp-settings-color-muted);display:none;margin-left:18px}@media screen and (min-width:783px){.amp-stepper__item-title{display:inline-block}}.amp-stepper__bullet{align-items:center;background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:12px;color:var(--gray);content:attr(data-index);display:flex;height:24px;justify-content:center;position:relative;width:24px;z-index:2}.amp-stepper__bullet--check{background-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--check,.amp-stepper__bullet--dot{border-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--dot span{background-color:var(--amp-settings-color-brand);border-radius:5px;height:10px;width:10px}.grid{display:grid;gap:40px}@media screen and (min-width:783px){.grid-1-1{grid-template-columns:repeat(2,1fr)}.grid-1-2{grid-template-columns:1fr 2fr}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-3{grid-template-columns:1fr 3fr}.grid-3-1{grid-template-columns:3fr 1fr}.grid-5-4{grid-template-columns:5fr 4fr}}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-left:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:-10px 0 0 var(--amp-settings-color-border);margin-right:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:-10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.technical-background__header{border-bottom:2px solid #d3d9dd;margin-bottom:1.75rem;padding-bottom:1.75rem}.technical-background__header p{font-size:14px;margin:0}.technical-background-option-container{margin-bottom:2rem;padding:1.5rem 0}.technical-background-option{align-items:flex-start;display:flex;flex-wrap:wrap}@media screen and (min-width:783px){.technical-background-option{align-items:center;flex-wrap:nowrap}}.technical-background-option__input-container{padding:1.5rem}.technical-background-option svg{flex-shrink:0;height:auto;margin-bottom:1rem;width:66px}@media screen and (min-width:783px){.technical-background-option svg{margin-bottom:0}}.technical-background-option__description{padding:0 2rem}.technical-background-option__description p{font-size:14px}.technical-background-option__description h2{font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.5}@media screen and (max-width:782px){.technical-background-option__description h2{margin-top:0}}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.site-scan__section+.site-scan__section{margin-top:1.5rem}.site-scan__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding-bottom:1rem;padding-top:.5rem}.site-scan__heading{font-size:16px;font-weight:700;margin-left:2rem}:root{--amp-progress-bar-color:var(--amp-brand);--amp-progress-bar-height:34px}.progress-bar{border:2px solid var(--amp-progress-bar-color);height:34px;height:var(--amp-progress-bar-height);margin-bottom:1.5rem;margin-top:1.5rem}.progress-bar,.progress-bar__track{border-radius:34px;border-radius:var(--amp-progress-bar-height);overflow:hidden}.progress-bar__track{height:calc(100% - 8px);margin:4px;position:relative;transform:scale(1);width:calc(100% - 8px)}.progress-bar__indicator{background-color:var(--amp-brand);background-color:var(--amp-progress-bar-color);border-radius:34px;border-radius:var(--amp-progress-bar-height);height:100%;left:0;position:absolute;top:0;transition:transform .8s ease-out;width:100%}.site-scan-results{padding:0}.site-scan-results+.site-scan-results{margin-top:1.5rem}.site-scan-results__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding:.5rem}@media(min-width:783px){.site-scan-results__header{padding:1rem 2rem}}.site-scan-results__heading{font-size:16px;font-weight:700;margin-left:1rem}.site-scan-results__heading[data-badge-content]:after{align-items:center;background-color:var(--light-gray);border-radius:50%;content:attr(data-badge-content);display:inline-flex;height:30px;justify-content:center;letter-spacing:-.05em;margin:0 .5rem;width:30px}.site-scan-results__content{padding:1rem .5rem}@media(min-width:783px){.site-scan-results__content{padding:1.25rem 2rem}}.site-scan-results__sources{border:2px solid var(--amp-settings-color-border)}.site-scan-results__source{align-items:center;font-size:14px;margin:0;max-width:100%;min-height:3.5rem;padding:1rem}.site-scan-results__source details{margin:0;width:100%}.site-scan-results__source:nth-child(2n){background-color:var(--amp-settings-color-background-light)}.site-scan-results__source+.site-scan-results__source{border-top:2px solid var(--amp-settings-color-border)}.site-scan-results__source-name{font-weight:700}.site-scan-results__source-name--inactive{color:var(--gray)}.site-scan-results__source-author:before{border-left:1px solid;content:"";display:inline-block;height:1em;margin:0 .5em;vertical-align:middle}.site-scan-results__source .site-scan-results__summary-wrapper{align-items:center;display:inline-flex;margin-left:4px;width:calc(100% - 20px)}.site-scan-results__source-notice,.site-scan-results__source-version{margin-left:auto}.site-scan-results__cta.site-scan-results__cta{font-size:14px;margin-bottom:0}.site-scan-results__cta.site-scan-results__cta .components-external-link__icon{fill:var(--amp-settings-color-brand)}.site-scan-results__urls-list{margin:1.5rem 0;padding:0 1rem}.site-scan-results__detail-body p{font-size:14px}.site-scan-results__source-detail{background-color:#fff;border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px;white-space:pre}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:left}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem 1rem .5rem .75rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-right:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-right:1rem;width:30px}.template-modes__header{margin-bottom:1.75rem}.template-mode-option__label{align-items:center;background-color:var(--amp-settings-color-background);display:flex;padding:0;width:100%}@media (min-width:783px){.template-mode-option__label{flex-wrap:wrap;padding:1.125rem 1.5rem 1.125rem 0}}.template-mode-selection__input-container{margin-right:.75rem}@media screen and (min-width:783px){.template-mode-selection__input-container{margin-right:1.5rem}}.template-mode-selection__illustration{align-items:center;display:flex;flex-shrink:0;width:40px}@media screen and (min-width:783px){.template-mode-selection__illustration{width:80px}}.template-mode-selection__illustration svg{height:auto;width:60px}.template-mode-option .amp-info{margin-bottom:0}@media screen and (min-width:783px){.template-mode-option .amp-info{margin-left:1.5rem}}.template-mode-selection__details{font-size:14px;margin-bottom:1rem;padding:1rem 1.5rem}@media (min-width:783px){.template-mode-selection__details{padding:1rem 3rem}}.template-mode-selection__details-list{list-style:disc;padding-left:1.625rem}.template-mode-option .components-panel__row{margin-left:-16px}.template-mode-option .amp-notice .components-panel__body-toggle.components-button{font-family:var(--font-noto);font-size:14px;font-weight:400;line-height:1.85;padding-left:0}.template-mode-option .amp-notice .components-panel__body-title:hover{background:#0000!important}.template-mode-option .amp-notice .components-panel__body-title button .components-panel__arrow{display:none;top:1.125rem}.template-mode-selection__description{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-start;padding:0 0 0 1rem}@media screen and (min-width:783px){.template-mode-selection__description{margin-bottom:0}}.template-mode-selection__label-extra{display:none;font-size:14px;margin:0 0 0 auto}@media screen and (min-width:783px){.template-mode-selection__label-extra{display:block}}.template-mode-selection__label-extra .amp-notice--small{font-size:14px}.template-mode-option>.amp-notice .components-panel__arrow{right:0}.template-mode-option .components-panel__body-title{position:absolute;right:0;top:0}.template-mode-option .components-panel__body-title:hover{background:#0000}.template-mode-option .components-panel__body-toggle:active,.template-mode-option .components-panel__body-toggle:focus,.template-mode-option .components-panel__body-toggle:hover{color:inherit}.template-mode-option .components-panel__arrow{height:2rem;width:2rem}.template-mode-option .components-panel__body{border-bottom-width:0;border-top-width:0}.template-mode-option .components-panel__row{flex-wrap:wrap}.template-mode-option .components-panel__row>*{width:100%}.template-mode-option .reader-themes{margin-top:1.5rem}.template-mode-option .reader-themes__current-theme{font-weight:400;margin-left:.5rem}.amp-drawer{--panel-button-width:56px;--heading-height:92px}@media (min-width:783px){.amp-drawer{--panel-button-width:112px;--heading-height:92px}}.amp-drawer{margin-bottom:1rem;padding:0;position:relative}.amp-drawer__heading{align-items:center;display:flex;flex-grow:1;height:var(--heading-height);left:0;overflow:hidden;padding-left:.75rem;padding-right:.75rem}@media (min-width:783px){.amp-drawer__heading{padding-left:3rem}.amp-drawer--handle-type-full-width .amp-drawer__heading{padding-right:3rem}}.amp-drawer__heading h3{margin-bottom:0}.amp-drawer__heading svg{margin-right:1rem}.amp-drawer__label-extra svg{fill:none}.amp .amp-drawer .components-panel__body-title{border-radius:5px;height:var(--heading-height);margin:0 0 0 auto}.amp .amp-drawer .is-opened .components-panel__body-title{border-radius:5px 5px 0 0}.amp .amp-drawer.components-panel__body-title,.amp.amp .amp-drawer .components-panel__body-toggle{align-items:center;border-radius:5px;display:flex}.amp .amp-drawer .components-panel__body-title button{border-radius:0;height:100%;width:100%}.amp.amp .amp-drawer .components-panel__body-toggle:focus:not(:disabled){outline:none}.amp .amp-drawer .components-panel__body-title>button>span{align-items:center;display:flex;justify-content:center;order:100;width:var(--panel-button-width)}.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:30px;position:static;transform:none;width:30px}@media (min-width:783px){.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:45px;width:45px}}.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-left:auto}@media (min-width:783px){.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-right:1rem}}.amp.amp .amp-drawer .components-panel__body-toggle{border-radius:5px}.amp .amp-drawer .components-panel__body-title .amp-notice{font-family:var(--font-default);font-weight:400}.amp .amp-drawer__panel-body{border-bottom-width:0;border-top-width:0;padding:0}.amp .amp-drawer__panel-body .components-panel__body-toggle{padding:0}.amp-drawer__panel-body-inner{border-top:1px solid var(--amp-settings-color-border)}.amp-drawer__panel-body-inner details{margin-bottom:1.5rem}.template-mode-selection__details p{font-size:14px;line-height:1.85}.amp .amp-drawer--handle-type-right .amp-drawer__heading{right:var(--panel-button-width);width:calc(100% - var(--panel-button-width))}.amp-drawer--handle-type-right .components-panel__body-title{width:var(--panel-button-width)}.amp .amp-drawer--handle-type-right .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .components-panel__body-toggle{background-color:initial;border-radius:0 5px 5px 0}.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-toggle{border-radius:0 5px 0 0}.amp .amp-drawer--handle-type-right .components-panel__body-title button{border-left:1px solid var(--amp-settings-color-border)}.amp-info{display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem}.amp-info__icon{float:left;margin:0 .5rem}.choose-reader-theme>p{font-size:1rem;margin-bottom:1.5rem}.choose-reader-theme__grid{grid-gap:40px;display:grid}@media screen and (min-width:600px){.choose-reader-theme__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1100px){.choose-reader-theme__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.choose-reader-theme__unavailable{padding-top:6rem}.choose-reader-theme__unavailable label{cursor:default}.theme-card{display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;position:relative}.theme-card p{font-size:14px}.theme-card--disabled{position:relative}.theme-card--disabled:before{background-color:#0000000d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.theme-card__label-header{align-items:center;display:flex;padding:.75rem 0}.theme-card__label-header>input{flex-shrink:0}.amp .theme-card .theme-card__title{font-size:1rem;line-height:1.3;margin-bottom:0;margin-left:5px;margin-top:0}.theme-card img{height:auto;margin:auto;width:100%}p.theme-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:14px;line-height:1.666;overflow:hidden}.theme-card__theme-link{margin-top:auto}.theme-card__disabled-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;font-size:1.122rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.phone{background:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:413px;margin-bottom:1rem;min-height:200px;padding:12px;position:relative}.phone>*{max-width:100%}.phone:before{background:#e6e6e6;border-radius:3px;content:"";display:block;height:5px;margin:9px auto;width:43px}.phone__inner{flex-grow:1;overflow:hidden;position:relative}.phone__inner,.phone__overlay{background-color:var(--amp-settings-color-dark-gray);display:flex}.phone__overlay{align-items:center;bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.phone.is-loading .phone__overlay{opacity:1;pointer-events:auto;visibility:visible}.done{grid-gap:15px 45px;display:grid}@media screen and (min-width:1280px){.done{grid-template-columns:auto auto;grid-template-rows:auto 1fr auto}}.done__heading{margin:0}@media screen and (min-width:1280px){.done__heading{grid-column:1/3}.done__content{grid-column:1/2}.done__content--primary{grid-row:2/3}.done__content--secondary{grid-row:3/4}}.done__icon-title{align-items:center;display:flex;flex-flow:row nowrap;line-height:1.25}.done__icon-title svg{flex:0 0 auto;height:auto;margin-right:25px;width:40px}.done__links-container{margin:25px auto;max-width:400px}.done__list{font-size:var(--amp-settings-font-size);list-style:disc;padding-left:30px}.done__preview-container{margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width:1280px){.done__preview-container{grid-column:2/3;grid-row:2/4}}.done__preview-container .amp-setting-toggle{margin:20px 0}.done__preview-container .amp-notice{margin-bottom:1.5rem}.done__preview-container .phone{height:auto;padding-bottom:2rem}.done__preview-container .phone:before{height:9px;width:80px}.done__preview-iframe{height:610px;width:400px}@media screen and (max-width:600px){.done__preview-iframe{width:300px}}.saving{border-bottom:2px solid #d3d9dd;margin:0 auto;max-width:800px;padding:3rem;text-align:center;width:100%}.saving h1{margin-top:.67em}.amp-setting-toggle p{font-size:14px}.amp .amp-setting-toggle .components-form-toggle{margin-right:.75rem}@media (min-width:783px){.amp .amp-setting-toggle .components-form-toggle{margin-right:2.25rem}}.amp-setting-toggle--disabled .components-form-toggle__input{opacity:.5;pointer-events:none}.amp-setting-toggle--disabled .components-toggle-control__label{pointer-events:none}@media (min-width:783px){.amp .amp-setting-toggle--compact .components-form-toggle{margin-right:1rem}}.amp .amp-setting-toggle--compact .amp-setting-toggle__label-text p,.nav-menu__item{margin:0}.nav-menu__item+.nav-menu__item{border-top:1px solid var(--amp-settings-color-border)}.amp .nav-menu__link{align-items:center;color:var(--amp-settings-color-muted);display:flex;flex-flow:row nowrap;font-size:14px;justify-content:space-between;padding:.75rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:background-color .12s ease}.amp .nav-menu__link.nav-menu__link--active,.amp .nav-menu__link:hover{background-color:var(--very-light-gray);color:var(--amp-settings-color-muted)}.amp .nav-menu__link:focus{box-shadow:none}.amp .nav-menu__link:after{border:2px solid;border-bottom:none;border-left:none;content:"";display:block;flex:0 0 auto;height:8px;margin-left:1rem;transform:rotate(45deg);width:8px}.nav-menu.selectable{padding:0}.nav-menu.selectable .nav-menu__list{margin:0;padding:0 1rem}.nav-menu.selectable .nav-menu__link{margin:0 -1rem}.nav-menu.selectable .nav-menu__item:first-child .nav-menu__link{border-radius:8px 8px 0 0}.nav-menu.selectable .nav-menu__item:last-child .nav-menu__link{border-radius:0 0 8px 8px}.welcome{padding-bottom:45px;padding-top:30px}@media screen and (min-width:1000px){.welcome{padding-left:90px;padding-right:90px}}.welcome__header{border-bottom:2px solid #d3d9dd;margin-bottom:3rem;text-align:center}.welcome__header h1{margin:1.5rem auto;max-width:525px}.welcome__section{display:flex;padding-bottom:1.5rem}.welcome__section-icon{flex-shrink:0;width:64px}.welcome__section h4,.welcome__section p{font-family:var(--font-noto);font-size:1rem}.welcome__section h4{margin-bottom:7px;margin-top:0}.welcome__section p{line-height:1.5}.amp-settings-nav__prev-next{display:flex}.amp-settings-nav__prev-next>*{align-items:center;display:flex;height:36px}.amp-settings-nav__prev-next>.components-button+.components-button{margin-left:1rem}.amp-settings-nav__prev{margin-right:5px}.amp-settings-nav__prev svg{margin-left:0;margin-right:.5rem;transform:rotate(180deg)}.amp-settings-nav__close{align-items:center;display:flex}.amp-settings-nav__close svg{margin-right:.5rem} \ No newline at end of file diff --git a/assets/css/amp-paired-browsing-app-rtl.css b/assets/css/amp-paired-browsing-app-rtl.css new file mode 100644 index 00000000000..a0e950779e7 --- /dev/null +++ b/assets/css/amp-paired-browsing-app-rtl.css @@ -0,0 +1 @@ +body,html{height:100%;margin:0;padding:0;width:100%}body{display:flex;flex-direction:column}body *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#header{height:32px}#header *{color:#fff}#header ul{display:flex;height:100%;list-style:none;margin:0;padding:0}#header li{align-items:center;display:flex;line-height:1.5}#header .iframe-label{font-weight:600;justify-content:center;margin:0 auto;width:50%}#header .iframe-label.amp{background-color:#0075c2}#header .iframe-label.non-amp{background-color:#666}.iframe-label .dashicons-migrate,.iframe-label a{-webkit-text-decoration:none;text-decoration:none}.iframe-label .dashicons-migrate{padding-right:4px;vertical-align:text-top}.iframe-label a:focus,.iframe-label a:hover{-webkit-text-decoration:underline;text-decoration:underline}#amp,#non-amp{align-self:stretch;flex:1 0 auto}#non-amp{border-left:1px solid #666}#amp{border-right:1px solid #0075c2}.container{display:flex;height:100%}iframe{border:0;height:100%;width:100%}.disconnect-overlay{background-color:#0006;display:none;height:100%;overflow-y:auto;position:fixed;text-align:center;width:50%}.disconnect-overlay:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.disconnect-overlay.disconnected{display:block}.disconnect-overlay .dialog{background-color:#fff;border-radius:5px;display:inline-block;margin:20px 0;padding:0 20px;pointer-events:auto;position:static;vertical-align:middle;width:480px}.disconnect-overlay.amp{right:50%}.disconnect-overlay .dialog .dialog-icon{margin:20px auto}.disconnect-overlay .dialog .dialog-icon .dashicons-warning{color:#fe7f2d;font-size:80px;height:80px;width:80px}.disconnect-overlay .dialog .dialog-text{font-size:16px;max-width:calc(100% - 20px);overflow-wrap:break-word;padding:0 10px}.disconnect-overlay .dialog .dialog-buttons{margin-top:13px;padding:13px 16px}.disconnect-overlay .dialog .dialog-buttons .button{background:#efefef;border:none;border-radius:5px;box-shadow:none;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin:5px;padding:10px 24px;-webkit-text-decoration:none;text-decoration:none}.skip-link{position:absolute;right:-9999rem;top:2.5rem;z-index:999999999}.skip-link:focus{clip:auto;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px #0009;-webkit-clip-path:none;clip-path:none;color:#0075c2;display:block;font-size:14px;font-weight:600;height:auto;left:auto;line-height:normal;padding:15px 23px 14px;right:6px;top:7px;width:auto;z-index:100000} \ No newline at end of file diff --git a/assets/css/amp-paired-browsing-app.css b/assets/css/amp-paired-browsing-app.css new file mode 100644 index 00000000000..3a8b6c5dd94 --- /dev/null +++ b/assets/css/amp-paired-browsing-app.css @@ -0,0 +1 @@ +body,html{height:100%;margin:0;padding:0;width:100%}body{display:flex;flex-direction:column}body *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#header{height:32px}#header *{color:#fff}#header ul{display:flex;height:100%;list-style:none;margin:0;padding:0}#header li{align-items:center;display:flex;line-height:1.5}#header .iframe-label{font-weight:600;justify-content:center;margin:0 auto;width:50%}#header .iframe-label.amp{background-color:#0075c2}#header .iframe-label.non-amp{background-color:#666}.iframe-label .dashicons-migrate,.iframe-label a{-webkit-text-decoration:none;text-decoration:none}.iframe-label .dashicons-migrate{padding-left:4px;vertical-align:text-top}.iframe-label a:focus,.iframe-label a:hover{-webkit-text-decoration:underline;text-decoration:underline}#amp,#non-amp{align-self:stretch;flex:1 0 auto}#non-amp{border-right:1px solid #666}#amp{border-left:1px solid #0075c2}.container{display:flex;height:100%}iframe{border:0;height:100%;width:100%}.disconnect-overlay{background-color:#0006;display:none;height:100%;overflow-y:auto;position:fixed;text-align:center;width:50%}.disconnect-overlay:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.disconnect-overlay.disconnected{display:block}.disconnect-overlay .dialog{background-color:#fff;border-radius:5px;display:inline-block;margin:20px 0;padding:0 20px;pointer-events:auto;position:static;vertical-align:middle;width:480px}.disconnect-overlay.amp{left:50%}.disconnect-overlay .dialog .dialog-icon{margin:20px auto}.disconnect-overlay .dialog .dialog-icon .dashicons-warning{color:#fe7f2d;font-size:80px;height:80px;width:80px}.disconnect-overlay .dialog .dialog-text{font-size:16px;max-width:calc(100% - 20px);overflow-wrap:break-word;padding:0 10px}.disconnect-overlay .dialog .dialog-buttons{margin-top:13px;padding:13px 16px}.disconnect-overlay .dialog .dialog-buttons .button{background:#efefef;border:none;border-radius:5px;box-shadow:none;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin:5px;padding:10px 24px;-webkit-text-decoration:none;text-decoration:none}.skip-link{left:-9999rem;position:absolute;top:2.5rem;z-index:999999999}.skip-link:focus{clip:auto;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px #0009;-webkit-clip-path:none;clip-path:none;color:#0075c2;display:block;font-size:14px;font-weight:600;height:auto;left:6px;line-height:normal;padding:15px 23px 14px;right:auto;top:7px;width:auto;z-index:100000} \ No newline at end of file diff --git a/assets/css/amp-playlist-shortcode-rtl.css b/assets/css/amp-playlist-shortcode-rtl.css new file mode 100644 index 00000000000..f8fd0a2fac2 --- /dev/null +++ b/assets/css/amp-playlist-shortcode-rtl.css @@ -0,0 +1 @@ +.wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px}.wp-playlist audio{display:block}.wp-playlist .amp-carousel-button{visibility:hidden} \ No newline at end of file diff --git a/assets/css/amp-playlist-shortcode.css b/assets/css/amp-playlist-shortcode.css new file mode 100644 index 00000000000..00063f8c31c --- /dev/null +++ b/assets/css/amp-playlist-shortcode.css @@ -0,0 +1 @@ +.wp-playlist .wp-playlist-current-item img{float:left;margin-right:10px}.wp-playlist audio{display:block}.wp-playlist .amp-carousel-button{visibility:hidden} \ No newline at end of file diff --git a/assets/css/amp-post-meta-box-rtl.css b/assets/css/amp-post-meta-box-rtl.css new file mode 100644 index 00000000000..64fb46ccb2f --- /dev/null +++ b/assets/css/amp-post-meta-box-rtl.css @@ -0,0 +1 @@ +.wp-core-ui #preview-action.has-amp-preview #post-preview{border-bottom-left-radius:0;border-top-left-radius:0;float:none}.wp-core-ui #amp-post-preview.preview{border-bottom-right-radius:0;border-top-right-radius:0;padding-left:14px;padding-right:14px;position:relative;text-indent:-9999px}.wp-core-ui #amp-post-preview.preview:after{background:no-repeat 50% url(../images/amp-icon.svg);background-size:14px!important;bottom:0;content:"icon";display:block;left:0;position:absolute;right:0;top:0}.wp-core-ui #amp-post-preview.preview.disabled:after{opacity:.6}.misc-amp-status .amp-icon{background:#0000 url(../images/amp-icon.svg) no-repeat 100%;background-size:17px;float:right;height:17px;margin:0 1px 0 8px;width:17px}#amp-status-select fieldset{margin:7px 1px 0 0}#amp-status-select .notice{margin:10px 3px -5px 0}.amp-status-actions{margin-top:10px}@media screen and (max-width:782px){#amp-status-select{line-height:2.8}} \ No newline at end of file diff --git a/assets/css/amp-post-meta-box.css b/assets/css/amp-post-meta-box.css new file mode 100644 index 00000000000..faf92bf30da --- /dev/null +++ b/assets/css/amp-post-meta-box.css @@ -0,0 +1 @@ +.wp-core-ui #preview-action.has-amp-preview #post-preview{border-bottom-right-radius:0;border-top-right-radius:0;float:none}.wp-core-ui #amp-post-preview.preview{border-bottom-left-radius:0;border-top-left-radius:0;padding-left:14px;padding-right:14px;position:relative;text-indent:-9999px}.wp-core-ui #amp-post-preview.preview:after{background:no-repeat 50% url(../images/amp-icon.svg);background-size:14px!important;bottom:0;content:"icon";display:block;left:0;position:absolute;right:0;top:0}.wp-core-ui #amp-post-preview.preview.disabled:after{opacity:.6}.misc-amp-status .amp-icon{background:#0000 url(../images/amp-icon.svg) no-repeat 0;background-size:17px;float:left;height:17px;margin:0 8px 0 1px;width:17px}#amp-status-select fieldset{margin:7px 0 0 1px}#amp-status-select .notice{margin:10px 0 -5px 3px}.amp-status-actions{margin-top:10px}@media screen and (max-width:782px){#amp-status-select{line-height:2.8}} \ No newline at end of file diff --git a/assets/css/amp-settings-rtl.css b/assets/css/amp-settings-rtl.css new file mode 100644 index 00000000000..a1711a1b20d --- /dev/null +++ b/assets/css/amp-settings-rtl.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;right:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;right:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-left:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}html{scroll-behavior:smooth}@media screen and (max-width:400px){.wrap{margin-left:10px;margin-right:0}}@media screen and (min-width:401px) and (max-width:782px){.wrap{margin-left:20px;margin-right:10px}}#amp-settings{margin:0 auto 6rem;max-width:1060px}#amp-settings>h1{font-family:var(--font-poppins);font-size:1.682rem;font-weight:600;margin-bottom:.55rem}#amp-settings .not-has-dependency-support,.settings-welcome{margin-bottom:2.5rem}.settings-welcome p{font-size:14px}.settings-welcome h2{align-items:center;display:flex;font-size:1rem;margin-bottom:0;margin-top:0}.settings-welcome h2 svg{margin-right:.5rem}.settings-welcome .selectable{align-items:center;display:flex;flex-direction:column}@media (min-width:783px){.settings-welcome .selectable{flex-direction:row}}.settings-welcome__illustration{display:none;margin-left:2rem}@media (min-width:783px){.settings-welcome__illustration{display:block}}.settings-welcome__body h2{margin-bottom:1rem}.settings-welcome__body p{margin:0}.supported-templates{margin-bottom:3rem;padding:0 1.5rem}@media (min-width:783px){.supported-templates{padding:0 3rem}}.supported-templates h4{font-size:1rem}.supported-templates p{font-size:14px}.plugin-suppression{margin-bottom:1rem}.template-modes{margin-bottom:2.5rem}.template-modes .template-mode-option,.template-modes>h2+.amp-notice{margin-bottom:.5rem}.amp.amp-settings .template-mode-option>p{font-size:16px;margin-bottom:1rem}.amp .form-table .amp-suppressed-plugins p,.plugin-suppression>p,.template-modes>p{font-size:14px}#suppressed-plugins-table{margin-top:20px}#suppressed-plugins-table th{font-weight:400}#suppressed-plugins-table td,#suppressed-plugins-table th{padding:10px}#suppressed-plugins-table .column-status{width:150px}#suppressed-plugins-table .column-status .components-base-control__field{margin-bottom:0}#suppressed-plugins-table .column-status>select{width:100%}#suppressed-plugins-table .column-plugin{width:45%}#suppressed-plugins-table .column-plugin .plugin-author-uri{margin-top:0}#suppressed-plugins-table .column-details{width:50%}#suppressed-plugins-table .column-details p{margin:0}#suppressed-plugins-table tbody td,#suppressed-plugins-table tbody th{vertical-align:top}#suppressed-plugins-table tbody tr.has-validation-errors{background-color:#fef7f1}#suppressed-plugins-table tbody tr.is-suppressed{background-color:#effbff}#suppressed-plugins-table tbody tr:not(.has-border-color)>th.column-status{padding-right:10px}#suppressed-plugins-table tbody tr.has-border-color>th.column-status{border-right:4px solid;padding-right:6px}#suppressed-plugins-table tbody tr.has-validation-errors>th.column-status{border-color:#d54e21}#suppressed-plugins-table tbody tr.is-suppressed>th.column-status{border-color:var(--amp-settings-color-brand)}#suppressed-plugins-table tbody tr:not(:last-child)>td,#suppressed-plugins-table tbody tr:not(:last-child)>th{box-shadow:inset 0 -1px 0 #0000001a}#suppressed-plugins-table details>ul{list-style-type:disc;margin-bottom:0;margin-right:30px;margin-top:.5em}#suppressed-plugins-table details{margin:0}#suppressed-plugins-table summary{cursor:pointer;-webkit-user-select:none;user-select:none}#suppressed-plugins-table tbody .column-details,#suppressed-plugins-table tbody .column-plugin{padding-top:18px}#suppressed-plugins-table .column-plugin .error-details{display:none}li.error-removed{color:var(--color-valid)}li.error-kept{color:var(--amp-settings-color-danger)}@media screen and (max-width:782px){#suppressed-plugins-table .column-status{width:130px}#suppressed-plugins-table .column-plugin{width:auto}#suppressed-plugins-table .column-plugin .error-details{border-top:1px dotted #ccd0d4;display:block;margin-top:10px;padding-top:10px}#suppressed-plugins-table .column-details{display:none}#suppressed-plugins-table .column-status .components-select-control__input{font-size:inherit}#suppressed-plugins-table tbody .column-details,#suppressed-plugins-table tbody .column-plugin{padding-top:21px}#suppressed-plugins-table{display:table}#suppressed-plugins-table td,#suppressed-plugins-table th{display:table-cell}}#supported_templates_fieldset ul ul{margin-right:40px}.supported-templates__fields{display:grid;gap:0}@media (min-width:783px){.supported-templates__fields{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.amp .amp-save-success-notice.amp-notice,.amp-error-notice .amp-notice{bottom:3rem;margin-right:.5rem;padding-left:.5rem;padding-right:1.5rem;z-index:99}@media (min-width:576px){.amp .amp-save-success-notice.amp-notice,.amp-error-notice .amp-notice{margin-right:0;padding-left:3rem}}.amp-settings-nav .components-button.is-primary{box-shadow:none}@media (min-width:783px){.amp-settings-nav{right:160px}.wp-admin.auto-fold .amp-settings-nav,.wp-admin.folded .amp-settings-nav{right:36px}}@media (min-width:961px){.wp-admin.auto-fold:not(.folded) .amp-settings-nav{right:160px}}#template-mode-reader-container{margin-bottom:0}#template-mode-reader-container.selectable.selectable--selected{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dotted;border-bottom-width:1px}#reader-themes{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}#reader-themes .amp-drawer__heading{align-items:center;display:flex;padding-left:var(--panel-button-width);padding-right:1.5rem}@media (min-width:783px){#reader-themes .amp-drawer__heading{padding-right:3rem}}#paired-url-structure .amp-drawer__panel-body-inner,#plugin-suppression .amp-drawer__panel-body-inner,#sandboxing .amp-drawer__panel-body-inner,#site-review .amp-drawer__panel-body-inner,#site-scan .amp-drawer__panel-body-inner,.amp-analytics .amp-drawer__panel-body-inner,.amp-other-settings .amp-drawer__panel-body-inner{padding:1.5rem 1.5rem 3rem}@media (min-width:783px){#paired-url-structure .amp-drawer__panel-body-inner,#plugin-suppression .amp-drawer__panel-body-inner,#sandboxing .amp-drawer__panel-body-inner,#site-review .amp-drawer__panel-body-inner,#site-scan .amp-drawer__panel-body-inner,.amp-analytics .amp-drawer__panel-body-inner,.amp-other-settings .amp-drawer__panel-body-inner{padding:1.5rem 3rem 3rem}}#paired-url-structure .amp-drawer__panel-body-inner,#paired-url-structure .amp-drawer__panel-body-inner>p,#plugin-suppression .amp-drawer__panel-body-inner>p,#site-review .amp-drawer__panel-body-inner>p,#site-scan .amp-drawer__panel-body-inner>p,.amp-analytics .amp-drawer__panel-body-inner p{font-size:14px;margin-top:0}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice{margin-bottom:1em}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice ul{margin-top:1rem}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice li{list-style:disc;margin:0}.amp-drawer__panel-body-inner .amp-paired-url-examples{margin-bottom:0;margin-top:.5em}.amp-drawer__panel-body-inner .amp-paired-url-example{line-height:1.5;margin-bottom:5px;margin-top:5px}#paired-url-structure ul{margin-top:1.5rem}#paired-url-structure .amp-notice--large{align-items:start}#paired-url-structure .amp-drawer__panel-body-inner li{margin-top:1em}#paired-url-structure .amp-drawer__panel-body-inner li:first-child{margin-top:0}#paired-url-structure .amp-drawer__panel-body-inner li .amp-paired-url-examples{margin-bottom:0;margin-right:34px}#paired-url-structure .amp-paired-url-examples summary{padding-left:4px;-webkit-user-select:none;user-select:none}#paired-url-structure .amp-drawer__panel-body-inner input{margin-left:8px}#analytics-options details>summary{font-size:14px}#analytics-options details>p{margin-top:1em}#analytics-options .components-button:not(.components-panel__body-toggle) svg{display:block}.amp-analytics-entry{align-items:flex-start;border:1px solid var(--amp-settings-color-border);flex-direction:column;margin-bottom:1.5rem;padding:0 1rem}@media (min-width:783px){.amp-analytics-entry{padding:1.5rem 2.25rem}}.amp-analytics-entry__text-input{display:flex;flex-wrap:wrap;margin-bottom:.75rem}.amp .amp-analytics-entry__text-input .text-input{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 #0000;padding:6px 10px;transition:box-shadow .1s linear}.amp-analytics-entry__text-input .input-label{align-self:center;margin-bottom:0}.amp-analytics-entry .amp-notice{margin-bottom:.75rem}.amp-analytics-input{font-family:monospace;tab-size:4;width:100%}.amp-analytics-input:invalid,.components-text-control__input:invalid{border-color:var(--amp-settings-color-danger)}.options-validation-errors{color:var(--amp-settings-color-danger)}.amp .components-button.amp-analytics__delete-button{color:var(--amp-settings-color-black);font-size:14px;margin-right:auto}.amp .components-button.is-link.amp-analytics__delete-button:active,.amp .components-button.is-link.amp-analytics__delete-button:focus,.amp .components-button.is-link.amp-analytics__delete-button:hover{color:var(--amp-settings-color-danger)}.amp .components-button.is-link.amp-analytics__delete-button:focus{outline-color:var(--amp-settings-color-danger)}.amp .amp-analytics__delete-button svg{margin-left:.5rem}.amp .amp-analytics__entry-appender.components-button{align-items:center;background:#edeff0cc;color:var(--amp-settings-color-black);display:flex;flex-direction:column;height:auto;justify-content:center;outline:1px dashed var(--amp-settings-color-border);padding:14px;width:100%}.amp .amp-analytics__entry-appender.components-button svg{display:block;height:24px;margin-right:0;width:24px}#site-scan{margin-bottom:2.5rem}#site-scan .amp-drawer__heading{font-size:1.2rem}#site-scan .amp-drawer__heading svg{fill:#0000}#site-scan .amp-drawer__heading>svg{width:55px}.settings-site-scan>*+*{margin-top:1.5rem}.settings-site-scan__footer{align-items:center;display:flex;flex-flow:row nowrap}.amp .settings-site-scan__footer .components-button{height:40px;padding-left:2.25rem;padding-right:2.25rem}.amp .settings-site-scan__footer .components-button+.components-button{margin-right:1rem}#site-review{margin-bottom:2.5rem}#site-review .amp-drawer__heading{font-size:1.2rem}#site-review .amp-drawer__heading svg{fill:#0000;width:55px}.amp .settings-site-review__heading{align-items:center;display:flex;flex-flow:row nowrap;font-size:1rem;line-height:1.25;margin-top:2rem}.settings-site-review__heading svg{flex:0 0 auto;height:auto;margin-left:25px;width:40px}.settings-site-review__list{font-size:var(--amp-settings-font-size);list-style:disc;margin-bottom:2rem;padding-right:30px}.settings-site-review__list a{color:var(--amp-settings-color-black);transition:color 80ms ease}.settings-site-review__list a:focus,.settings-site-review__list a:hover{color:var(--amp-settings-color-brand)}.settings-site-review__actions{align-items:center;display:flex;flex-flow:row nowrap}.amp .settings-site-review__actions .components-button{height:40px;padding-left:2.25rem;padding-right:2.25rem}.amp .settings-site-review__actions .components-button+.components-button{margin-right:1rem}.amp-other-settings section+section{margin-top:2rem}.amp-other-settings h4{font-size:1rem}.amp .amp-other-settings .amp-setting-toggle .components-form-toggle{margin-left:1rem}.amp-other-settings .amp-setting-toggle .amp-setting-toggle__label-text>h3{font-size:.875rem;font-weight:700;margin:0}.amp-other-settings p{font-size:.875rem}#sandboxing .amp-drawer__panel-body-inner p{font-size:14px;margin-top:0}#sandboxing .sandboxing-enabled{font-weight:700}#sandboxing .amp-drawer__panel-body-inner ol{margin-right:0;margin-top:1.5rem}#sandboxing .amp-drawer__panel-body-inner li{list-style-type:none}#sandboxing .amp-drawer__panel-body-inner li:not(:last-child){margin-bottom:12px}#sandboxing .amp-drawer__panel-body-inner input[type=radio]{margin-left:12px}#sandboxing .amp-drawer__panel-body-inner input[type=radio],#sandboxing .amp-drawer__panel-body-inner label{vertical-align:middle}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-right:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:10px 0 0 var(--amp-settings-color-border);margin-left:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.amp-drawer{--panel-button-width:56px;--heading-height:92px}@media (min-width:783px){.amp-drawer{--panel-button-width:112px;--heading-height:92px}}.amp-drawer{margin-bottom:1rem;padding:0;position:relative}.amp-drawer__heading{align-items:center;display:flex;flex-grow:1;height:var(--heading-height);overflow:hidden;padding-left:.75rem;padding-right:.75rem;right:0}@media (min-width:783px){.amp-drawer__heading{padding-right:3rem}.amp-drawer--handle-type-full-width .amp-drawer__heading{padding-left:3rem}}.amp-drawer__heading h3{margin-bottom:0}.amp-drawer__heading svg{margin-left:1rem}.amp-drawer__label-extra svg{fill:none}.amp .amp-drawer .components-panel__body-title{border-radius:5px;height:var(--heading-height);margin:0 auto 0 0}.amp .amp-drawer .is-opened .components-panel__body-title{border-radius:5px 5px 0 0}.amp .amp-drawer.components-panel__body-title,.amp.amp .amp-drawer .components-panel__body-toggle{align-items:center;border-radius:5px;display:flex}.amp .amp-drawer .components-panel__body-title button{border-radius:0;height:100%;width:100%}.amp.amp .amp-drawer .components-panel__body-toggle:focus:not(:disabled){outline:none}.amp .amp-drawer .components-panel__body-title>button>span{align-items:center;display:flex;justify-content:center;order:100;width:var(--panel-button-width)}.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:30px;position:static;transform:none;width:30px}@media (min-width:783px){.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:45px;width:45px}}.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-right:auto}@media (min-width:783px){.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-left:1rem}}.amp.amp .amp-drawer .components-panel__body-toggle{border-radius:5px}.amp .amp-drawer .components-panel__body-title .amp-notice{font-family:var(--font-default);font-weight:400}.amp .amp-drawer__panel-body{border-bottom-width:0;border-top-width:0;padding:0}.amp .amp-drawer__panel-body .components-panel__body-toggle{padding:0}.amp-drawer__panel-body-inner{border-top:1px solid var(--amp-settings-color-border)}.amp-drawer__panel-body-inner details{margin-bottom:1.5rem}.template-mode-selection__details p{font-size:14px;line-height:1.85}.amp .amp-drawer--handle-type-right .amp-drawer__heading{left:var(--panel-button-width);width:calc(100% - var(--panel-button-width))}.amp-drawer--handle-type-right .components-panel__body-title{width:var(--panel-button-width)}.amp .amp-drawer--handle-type-right .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .components-panel__body-toggle{background-color:initial;border-radius:5px 0 0 5px}.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-toggle{border-radius:5px 0 0 0}.amp .amp-drawer--handle-type-right .components-panel__body-title button{border-right:1px solid var(--amp-settings-color-border)}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:right}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(-180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem .75rem .5rem 1rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-left:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-left:1rem;width:30px}.template-mode-option__label{align-items:center;background-color:var(--amp-settings-color-background);display:flex;padding:0;width:100%}@media (min-width:783px){.template-mode-option__label{flex-wrap:wrap;padding:1.125rem 0 1.125rem 1.5rem}}.template-mode-selection__input-container{margin-left:.75rem}@media screen and (min-width:783px){.template-mode-selection__input-container{margin-left:1.5rem}}.template-mode-selection__illustration{align-items:center;display:flex;flex-shrink:0;width:40px}@media screen and (min-width:783px){.template-mode-selection__illustration{width:80px}}.template-mode-selection__illustration svg{height:auto;width:60px}.template-mode-option .amp-info{margin-bottom:0}@media screen and (min-width:783px){.template-mode-option .amp-info{margin-right:1.5rem}}.template-mode-selection__details{font-size:14px;margin-bottom:1rem;padding:1rem 1.5rem}@media (min-width:783px){.template-mode-selection__details{padding:1rem 3rem}}.template-mode-selection__details-list{list-style:disc;padding-right:1.625rem}.template-mode-option .components-panel__row{margin-right:-16px}.template-mode-option .amp-notice .components-panel__body-toggle.components-button{font-family:var(--font-noto);font-size:14px;font-weight:400;line-height:1.85;padding-right:0}.template-mode-option .amp-notice .components-panel__body-title:hover{background:#0000!important}.template-mode-option .amp-notice .components-panel__body-title button .components-panel__arrow{display:none;top:1.125rem}.template-mode-selection__description{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-start;padding:0 1rem 0 0}@media screen and (min-width:783px){.template-mode-selection__description{margin-bottom:0}}.template-mode-selection__label-extra{display:none;font-size:14px;margin:0 auto 0 0}@media screen and (min-width:783px){.template-mode-selection__label-extra{display:block}}.template-mode-selection__label-extra .amp-notice--small{font-size:14px}.template-mode-option>.amp-notice .components-panel__arrow{left:0}.template-mode-option .components-panel__body-title{left:0;position:absolute;top:0}.template-mode-option .components-panel__body-title:hover{background:#0000}.template-mode-option .components-panel__body-toggle:active,.template-mode-option .components-panel__body-toggle:focus,.template-mode-option .components-panel__body-toggle:hover{color:inherit}.template-mode-option .components-panel__arrow{height:2rem;width:2rem}.template-mode-option .components-panel__body{border-bottom-width:0;border-top-width:0}.template-mode-option .components-panel__row{flex-wrap:wrap}.template-mode-option .components-panel__row>*{width:100%}.template-mode-option .reader-themes{margin-top:1.5rem}.template-mode-option .reader-themes__current-theme{font-weight:400;margin-right:.5rem}.amp-info{display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem}.amp-info__icon{float:right;margin:0 .5rem}.reader-theme-selection{padding:1.5rem}@media (min-width:783px){.reader-theme-selection{padding:1.5rem 3rem}}.reader-theme-selection .amp-notice--info{margin-bottom:.75rem}.reader-theme-selection p{font-size:14px;margin-top:0}.reader-theme-selection .amp-setting-toggle{margin:1rem 0 .5rem}.choose-reader-theme__unavailable .choose-reader-theme__grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.amp-carousel__page{display:grid;gap:60px;grid-template-columns:repeat(3,minmax(0,1fr))}.reader-theme-selection .theme-card{margin:0 auto;width:275px}.amp-setting-toggle p{font-size:14px}.amp .amp-setting-toggle .components-form-toggle{margin-left:.75rem}@media (min-width:783px){.amp .amp-setting-toggle .components-form-toggle{margin-left:2.25rem}}.amp-setting-toggle--disabled .components-form-toggle__input{opacity:.5;pointer-events:none}.amp-setting-toggle--disabled .components-toggle-control__label{pointer-events:none}@media (min-width:783px){.amp .amp-setting-toggle--compact .components-form-toggle{margin-left:1rem}}.amp .amp-setting-toggle--compact .amp-setting-toggle__label-text p{margin:0}.theme-card{display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;position:relative}.theme-card p{font-size:14px}.theme-card--disabled{position:relative}.theme-card--disabled:before{background-color:#0000000d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.theme-card__label-header{align-items:center;display:flex;padding:.75rem 0}.theme-card__label-header>input{flex-shrink:0}.amp .theme-card .theme-card__title{font-size:1rem;line-height:1.3;margin-bottom:0;margin-right:5px;margin-top:0}.theme-card img{height:auto;margin:auto;width:100%}p.theme-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:14px;line-height:1.666;overflow:hidden}.theme-card__theme-link{margin-top:auto}.theme-card__disabled-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;font-size:1.122rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.phone{background:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:413px;margin-bottom:1rem;min-height:200px;padding:12px;position:relative}.phone>*{max-width:100%}.phone:before{background:#e6e6e6;border-radius:3px;content:"";display:block;height:5px;margin:9px auto;width:43px}.phone__inner{flex-grow:1;overflow:hidden;position:relative}.phone__inner,.phone__overlay{background-color:var(--amp-settings-color-dark-gray);display:flex}.phone__overlay{align-items:center;bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.phone.is-loading .phone__overlay{opacity:1;pointer-events:auto;visibility:visible}.amp .supported-templates .amp-setting-toggle .components-form-toggle{margin-left:1rem}.supported-templates .amp-setting-toggle .amp-setting-toggle__label-text>p{font-weight:700;margin:0}:root{--amp-progress-bar-color:var(--amp-brand);--amp-progress-bar-height:34px}.progress-bar{border:2px solid var(--amp-progress-bar-color);height:34px;height:var(--amp-progress-bar-height);margin-bottom:1.5rem;margin-top:1.5rem}.progress-bar,.progress-bar__track{border-radius:34px;border-radius:var(--amp-progress-bar-height);overflow:hidden}.progress-bar__track{height:calc(100% - 8px);margin:4px;position:relative;transform:scale(1);width:calc(100% - 8px)}.progress-bar__indicator{background-color:var(--amp-brand);background-color:var(--amp-progress-bar-color);border-radius:34px;border-radius:var(--amp-progress-bar-height);height:100%;position:absolute;right:0;top:0;transition:transform .8s ease-out;width:100%}.site-scan-results{padding:0}.site-scan-results+.site-scan-results{margin-top:1.5rem}.site-scan-results__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding:.5rem}@media(min-width:783px){.site-scan-results__header{padding:1rem 2rem}}.site-scan-results__heading{font-size:16px;font-weight:700;margin-right:1rem}.site-scan-results__heading[data-badge-content]:after{align-items:center;background-color:var(--light-gray);border-radius:50%;content:attr(data-badge-content);display:inline-flex;height:30px;justify-content:center;letter-spacing:-.05em;margin:0 .5rem;width:30px}.site-scan-results__content{padding:1rem .5rem}@media(min-width:783px){.site-scan-results__content{padding:1.25rem 2rem}}.site-scan-results__sources{border:2px solid var(--amp-settings-color-border)}.site-scan-results__source{align-items:center;font-size:14px;margin:0;max-width:100%;min-height:3.5rem;padding:1rem}.site-scan-results__source details{margin:0;width:100%}.site-scan-results__source:nth-child(2n){background-color:var(--amp-settings-color-background-light)}.site-scan-results__source+.site-scan-results__source{border-top:2px solid var(--amp-settings-color-border)}.site-scan-results__source-name{font-weight:700}.site-scan-results__source-name--inactive{color:var(--gray)}.site-scan-results__source-author:before{border-right:1px solid;content:"";display:inline-block;height:1em;margin:0 .5em;vertical-align:middle}.site-scan-results__source .site-scan-results__summary-wrapper{align-items:center;display:inline-flex;margin-right:4px;width:calc(100% - 20px)}.site-scan-results__source-notice,.site-scan-results__source-version{margin-right:auto}.site-scan-results__cta.site-scan-results__cta{font-size:14px;margin-bottom:0}.site-scan-results__cta.site-scan-results__cta .components-external-link__icon{fill:var(--amp-settings-color-brand)}.site-scan-results__urls-list{margin:1.5rem 0;padding:0 1rem}.site-scan-results__detail-body p{font-size:14px}.site-scan-results__source-detail{background-color:#fff;border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px;white-space:pre} \ No newline at end of file diff --git a/assets/css/amp-settings.css b/assets/css/amp-settings.css new file mode 100644 index 00000000000..3ba525d8ad2 --- /dev/null +++ b/assets/css/amp-settings.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(-45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;left:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;left:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-right:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}html{scroll-behavior:smooth}@media screen and (max-width:400px){.wrap{margin-left:0;margin-right:10px}}@media screen and (min-width:401px) and (max-width:782px){.wrap{margin-left:10px;margin-right:20px}}#amp-settings{margin:0 auto 6rem;max-width:1060px}#amp-settings>h1{font-family:var(--font-poppins);font-size:1.682rem;font-weight:600;margin-bottom:.55rem}#amp-settings .not-has-dependency-support,.settings-welcome{margin-bottom:2.5rem}.settings-welcome p{font-size:14px}.settings-welcome h2{align-items:center;display:flex;font-size:1rem;margin-bottom:0;margin-top:0}.settings-welcome h2 svg{margin-left:.5rem}.settings-welcome .selectable{align-items:center;display:flex;flex-direction:column}@media (min-width:783px){.settings-welcome .selectable{flex-direction:row}}.settings-welcome__illustration{display:none;margin-right:2rem}@media (min-width:783px){.settings-welcome__illustration{display:block}}.settings-welcome__body h2{margin-bottom:1rem}.settings-welcome__body p{margin:0}.supported-templates{margin-bottom:3rem;padding:0 1.5rem}@media (min-width:783px){.supported-templates{padding:0 3rem}}.supported-templates h4{font-size:1rem}.supported-templates p{font-size:14px}.plugin-suppression{margin-bottom:1rem}.template-modes{margin-bottom:2.5rem}.template-modes .template-mode-option,.template-modes>h2+.amp-notice{margin-bottom:.5rem}.amp.amp-settings .template-mode-option>p{font-size:16px;margin-bottom:1rem}.amp .form-table .amp-suppressed-plugins p,.plugin-suppression>p,.template-modes>p{font-size:14px}#suppressed-plugins-table{margin-top:20px}#suppressed-plugins-table th{font-weight:400}#suppressed-plugins-table td,#suppressed-plugins-table th{padding:10px}#suppressed-plugins-table .column-status{width:150px}#suppressed-plugins-table .column-status .components-base-control__field{margin-bottom:0}#suppressed-plugins-table .column-status>select{width:100%}#suppressed-plugins-table .column-plugin{width:45%}#suppressed-plugins-table .column-plugin .plugin-author-uri{margin-top:0}#suppressed-plugins-table .column-details{width:50%}#suppressed-plugins-table .column-details p{margin:0}#suppressed-plugins-table tbody td,#suppressed-plugins-table tbody th{vertical-align:top}#suppressed-plugins-table tbody tr.has-validation-errors{background-color:#fef7f1}#suppressed-plugins-table tbody tr.is-suppressed{background-color:#effbff}#suppressed-plugins-table tbody tr:not(.has-border-color)>th.column-status{padding-left:10px}#suppressed-plugins-table tbody tr.has-border-color>th.column-status{border-left:4px solid;padding-left:6px}#suppressed-plugins-table tbody tr.has-validation-errors>th.column-status{border-color:#d54e21}#suppressed-plugins-table tbody tr.is-suppressed>th.column-status{border-color:var(--amp-settings-color-brand)}#suppressed-plugins-table tbody tr:not(:last-child)>td,#suppressed-plugins-table tbody tr:not(:last-child)>th{box-shadow:inset 0 -1px 0 #0000001a}#suppressed-plugins-table details>ul{list-style-type:disc;margin-bottom:0;margin-left:30px;margin-top:.5em}#suppressed-plugins-table details{margin:0}#suppressed-plugins-table summary{cursor:pointer;-webkit-user-select:none;user-select:none}#suppressed-plugins-table tbody .column-details,#suppressed-plugins-table tbody .column-plugin{padding-top:18px}#suppressed-plugins-table .column-plugin .error-details{display:none}li.error-removed{color:var(--color-valid)}li.error-kept{color:var(--amp-settings-color-danger)}@media screen and (max-width:782px){#suppressed-plugins-table .column-status{width:130px}#suppressed-plugins-table .column-plugin{width:auto}#suppressed-plugins-table .column-plugin .error-details{border-top:1px dotted #ccd0d4;display:block;margin-top:10px;padding-top:10px}#suppressed-plugins-table .column-details{display:none}#suppressed-plugins-table .column-status .components-select-control__input{font-size:inherit}#suppressed-plugins-table tbody .column-details,#suppressed-plugins-table tbody .column-plugin{padding-top:21px}#suppressed-plugins-table{display:table}#suppressed-plugins-table td,#suppressed-plugins-table th{display:table-cell}}#supported_templates_fieldset ul ul{margin-left:40px}.supported-templates__fields{display:grid;gap:0}@media (min-width:783px){.supported-templates__fields{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.amp .amp-save-success-notice.amp-notice,.amp-error-notice .amp-notice{bottom:3rem;margin-left:.5rem;padding-left:1.5rem;padding-right:.5rem;z-index:99}@media (min-width:576px){.amp .amp-save-success-notice.amp-notice,.amp-error-notice .amp-notice{margin-left:0;padding-right:3rem}}.amp-settings-nav .components-button.is-primary{box-shadow:none}@media (min-width:783px){.amp-settings-nav{left:160px}.wp-admin.auto-fold .amp-settings-nav,.wp-admin.folded .amp-settings-nav{left:36px}}@media (min-width:961px){.wp-admin.auto-fold:not(.folded) .amp-settings-nav{left:160px}}#template-mode-reader-container{margin-bottom:0}#template-mode-reader-container.selectable.selectable--selected{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dotted;border-bottom-width:1px}#reader-themes{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}#reader-themes .amp-drawer__heading{align-items:center;display:flex;padding-left:1.5rem;padding-right:var(--panel-button-width)}@media (min-width:783px){#reader-themes .amp-drawer__heading{padding-left:3rem}}#paired-url-structure .amp-drawer__panel-body-inner,#plugin-suppression .amp-drawer__panel-body-inner,#sandboxing .amp-drawer__panel-body-inner,#site-review .amp-drawer__panel-body-inner,#site-scan .amp-drawer__panel-body-inner,.amp-analytics .amp-drawer__panel-body-inner,.amp-other-settings .amp-drawer__panel-body-inner{padding:1.5rem 1.5rem 3rem}@media (min-width:783px){#paired-url-structure .amp-drawer__panel-body-inner,#plugin-suppression .amp-drawer__panel-body-inner,#sandboxing .amp-drawer__panel-body-inner,#site-review .amp-drawer__panel-body-inner,#site-scan .amp-drawer__panel-body-inner,.amp-analytics .amp-drawer__panel-body-inner,.amp-other-settings .amp-drawer__panel-body-inner{padding:1.5rem 3rem 3rem}}#paired-url-structure .amp-drawer__panel-body-inner,#paired-url-structure .amp-drawer__panel-body-inner>p,#plugin-suppression .amp-drawer__panel-body-inner>p,#site-review .amp-drawer__panel-body-inner>p,#site-scan .amp-drawer__panel-body-inner>p,.amp-analytics .amp-drawer__panel-body-inner p{font-size:14px;margin-top:0}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice{margin-bottom:1em}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice ul{margin-top:1rem}#paired-url-structure .amp-drawer__panel-body-inner .amp-notice li{list-style:disc;margin:0}.amp-drawer__panel-body-inner .amp-paired-url-examples{margin-bottom:0;margin-top:.5em}.amp-drawer__panel-body-inner .amp-paired-url-example{line-height:1.5;margin-bottom:5px;margin-top:5px}#paired-url-structure ul{margin-top:1.5rem}#paired-url-structure .amp-notice--large{align-items:start}#paired-url-structure .amp-drawer__panel-body-inner li{margin-top:1em}#paired-url-structure .amp-drawer__panel-body-inner li:first-child{margin-top:0}#paired-url-structure .amp-drawer__panel-body-inner li .amp-paired-url-examples{margin-bottom:0;margin-left:34px}#paired-url-structure .amp-paired-url-examples summary{padding-right:4px;-webkit-user-select:none;user-select:none}#paired-url-structure .amp-drawer__panel-body-inner input{margin-right:8px}#analytics-options details>summary{font-size:14px}#analytics-options details>p{margin-top:1em}#analytics-options .components-button:not(.components-panel__body-toggle) svg{display:block}.amp-analytics-entry{align-items:flex-start;border:1px solid var(--amp-settings-color-border);flex-direction:column;margin-bottom:1.5rem;padding:0 1rem}@media (min-width:783px){.amp-analytics-entry{padding:1.5rem 2.25rem}}.amp-analytics-entry__text-input{display:flex;flex-wrap:wrap;margin-bottom:.75rem}.amp .amp-analytics-entry__text-input .text-input{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 #0000;padding:6px 10px;transition:box-shadow .1s linear}.amp-analytics-entry__text-input .input-label{align-self:center;margin-bottom:0}.amp-analytics-entry .amp-notice{margin-bottom:.75rem}.amp-analytics-input{font-family:monospace;tab-size:4;width:100%}.amp-analytics-input:invalid,.components-text-control__input:invalid{border-color:var(--amp-settings-color-danger)}.options-validation-errors{color:var(--amp-settings-color-danger)}.amp .components-button.amp-analytics__delete-button{color:var(--amp-settings-color-black);font-size:14px;margin-left:auto}.amp .components-button.is-link.amp-analytics__delete-button:active,.amp .components-button.is-link.amp-analytics__delete-button:focus,.amp .components-button.is-link.amp-analytics__delete-button:hover{color:var(--amp-settings-color-danger)}.amp .components-button.is-link.amp-analytics__delete-button:focus{outline-color:var(--amp-settings-color-danger)}.amp .amp-analytics__delete-button svg{margin-right:.5rem}.amp .amp-analytics__entry-appender.components-button{align-items:center;background:#edeff0cc;color:var(--amp-settings-color-black);display:flex;flex-direction:column;height:auto;justify-content:center;outline:1px dashed var(--amp-settings-color-border);padding:14px;width:100%}.amp .amp-analytics__entry-appender.components-button svg{display:block;height:24px;margin-left:0;width:24px}#site-scan{margin-bottom:2.5rem}#site-scan .amp-drawer__heading{font-size:1.2rem}#site-scan .amp-drawer__heading svg{fill:#0000}#site-scan .amp-drawer__heading>svg{width:55px}.settings-site-scan>*+*{margin-top:1.5rem}.settings-site-scan__footer{align-items:center;display:flex;flex-flow:row nowrap}.amp .settings-site-scan__footer .components-button{height:40px;padding-left:2.25rem;padding-right:2.25rem}.amp .settings-site-scan__footer .components-button+.components-button{margin-left:1rem}#site-review{margin-bottom:2.5rem}#site-review .amp-drawer__heading{font-size:1.2rem}#site-review .amp-drawer__heading svg{fill:#0000;width:55px}.amp .settings-site-review__heading{align-items:center;display:flex;flex-flow:row nowrap;font-size:1rem;line-height:1.25;margin-top:2rem}.settings-site-review__heading svg{flex:0 0 auto;height:auto;margin-right:25px;width:40px}.settings-site-review__list{font-size:var(--amp-settings-font-size);list-style:disc;margin-bottom:2rem;padding-left:30px}.settings-site-review__list a{color:var(--amp-settings-color-black);transition:color 80ms ease}.settings-site-review__list a:focus,.settings-site-review__list a:hover{color:var(--amp-settings-color-brand)}.settings-site-review__actions{align-items:center;display:flex;flex-flow:row nowrap}.amp .settings-site-review__actions .components-button{height:40px;padding-left:2.25rem;padding-right:2.25rem}.amp .settings-site-review__actions .components-button+.components-button{margin-left:1rem}.amp-other-settings section+section{margin-top:2rem}.amp-other-settings h4{font-size:1rem}.amp .amp-other-settings .amp-setting-toggle .components-form-toggle{margin-right:1rem}.amp-other-settings .amp-setting-toggle .amp-setting-toggle__label-text>h3{font-size:.875rem;font-weight:700;margin:0}.amp-other-settings p{font-size:.875rem}#sandboxing .amp-drawer__panel-body-inner p{font-size:14px;margin-top:0}#sandboxing .sandboxing-enabled{font-weight:700}#sandboxing .amp-drawer__panel-body-inner ol{margin-left:0;margin-top:1.5rem}#sandboxing .amp-drawer__panel-body-inner li{list-style-type:none}#sandboxing .amp-drawer__panel-body-inner li:not(:last-child){margin-bottom:12px}#sandboxing .amp-drawer__panel-body-inner input[type=radio]{margin-right:12px}#sandboxing .amp-drawer__panel-body-inner input[type=radio],#sandboxing .amp-drawer__panel-body-inner label{vertical-align:middle}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-left:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:-10px 0 0 var(--amp-settings-color-border);margin-right:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:-10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.amp-drawer{--panel-button-width:56px;--heading-height:92px}@media (min-width:783px){.amp-drawer{--panel-button-width:112px;--heading-height:92px}}.amp-drawer{margin-bottom:1rem;padding:0;position:relative}.amp-drawer__heading{align-items:center;display:flex;flex-grow:1;height:var(--heading-height);left:0;overflow:hidden;padding-left:.75rem;padding-right:.75rem}@media (min-width:783px){.amp-drawer__heading{padding-left:3rem}.amp-drawer--handle-type-full-width .amp-drawer__heading{padding-right:3rem}}.amp-drawer__heading h3{margin-bottom:0}.amp-drawer__heading svg{margin-right:1rem}.amp-drawer__label-extra svg{fill:none}.amp .amp-drawer .components-panel__body-title{border-radius:5px;height:var(--heading-height);margin:0 0 0 auto}.amp .amp-drawer .is-opened .components-panel__body-title{border-radius:5px 5px 0 0}.amp .amp-drawer.components-panel__body-title,.amp.amp .amp-drawer .components-panel__body-toggle{align-items:center;border-radius:5px;display:flex}.amp .amp-drawer .components-panel__body-title button{border-radius:0;height:100%;width:100%}.amp.amp .amp-drawer .components-panel__body-toggle:focus:not(:disabled){outline:none}.amp .amp-drawer .components-panel__body-title>button>span{align-items:center;display:flex;justify-content:center;order:100;width:var(--panel-button-width)}.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:30px;position:static;transform:none;width:30px}@media (min-width:783px){.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:45px;width:45px}}.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-left:auto}@media (min-width:783px){.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-right:1rem}}.amp.amp .amp-drawer .components-panel__body-toggle{border-radius:5px}.amp .amp-drawer .components-panel__body-title .amp-notice{font-family:var(--font-default);font-weight:400}.amp .amp-drawer__panel-body{border-bottom-width:0;border-top-width:0;padding:0}.amp .amp-drawer__panel-body .components-panel__body-toggle{padding:0}.amp-drawer__panel-body-inner{border-top:1px solid var(--amp-settings-color-border)}.amp-drawer__panel-body-inner details{margin-bottom:1.5rem}.template-mode-selection__details p{font-size:14px;line-height:1.85}.amp .amp-drawer--handle-type-right .amp-drawer__heading{right:var(--panel-button-width);width:calc(100% - var(--panel-button-width))}.amp-drawer--handle-type-right .components-panel__body-title{width:var(--panel-button-width)}.amp .amp-drawer--handle-type-right .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .components-panel__body-toggle{background-color:initial;border-radius:0 5px 5px 0}.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-toggle{border-radius:0 5px 0 0}.amp .amp-drawer--handle-type-right .components-panel__body-title button{border-left:1px solid var(--amp-settings-color-border)}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:left}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem 1rem .5rem .75rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-right:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-right:1rem;width:30px}.template-mode-option__label{align-items:center;background-color:var(--amp-settings-color-background);display:flex;padding:0;width:100%}@media (min-width:783px){.template-mode-option__label{flex-wrap:wrap;padding:1.125rem 1.5rem 1.125rem 0}}.template-mode-selection__input-container{margin-right:.75rem}@media screen and (min-width:783px){.template-mode-selection__input-container{margin-right:1.5rem}}.template-mode-selection__illustration{align-items:center;display:flex;flex-shrink:0;width:40px}@media screen and (min-width:783px){.template-mode-selection__illustration{width:80px}}.template-mode-selection__illustration svg{height:auto;width:60px}.template-mode-option .amp-info{margin-bottom:0}@media screen and (min-width:783px){.template-mode-option .amp-info{margin-left:1.5rem}}.template-mode-selection__details{font-size:14px;margin-bottom:1rem;padding:1rem 1.5rem}@media (min-width:783px){.template-mode-selection__details{padding:1rem 3rem}}.template-mode-selection__details-list{list-style:disc;padding-left:1.625rem}.template-mode-option .components-panel__row{margin-left:-16px}.template-mode-option .amp-notice .components-panel__body-toggle.components-button{font-family:var(--font-noto);font-size:14px;font-weight:400;line-height:1.85;padding-left:0}.template-mode-option .amp-notice .components-panel__body-title:hover{background:#0000!important}.template-mode-option .amp-notice .components-panel__body-title button .components-panel__arrow{display:none;top:1.125rem}.template-mode-selection__description{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-start;padding:0 0 0 1rem}@media screen and (min-width:783px){.template-mode-selection__description{margin-bottom:0}}.template-mode-selection__label-extra{display:none;font-size:14px;margin:0 0 0 auto}@media screen and (min-width:783px){.template-mode-selection__label-extra{display:block}}.template-mode-selection__label-extra .amp-notice--small{font-size:14px}.template-mode-option>.amp-notice .components-panel__arrow{right:0}.template-mode-option .components-panel__body-title{position:absolute;right:0;top:0}.template-mode-option .components-panel__body-title:hover{background:#0000}.template-mode-option .components-panel__body-toggle:active,.template-mode-option .components-panel__body-toggle:focus,.template-mode-option .components-panel__body-toggle:hover{color:inherit}.template-mode-option .components-panel__arrow{height:2rem;width:2rem}.template-mode-option .components-panel__body{border-bottom-width:0;border-top-width:0}.template-mode-option .components-panel__row{flex-wrap:wrap}.template-mode-option .components-panel__row>*{width:100%}.template-mode-option .reader-themes{margin-top:1.5rem}.template-mode-option .reader-themes__current-theme{font-weight:400;margin-left:.5rem}.amp-info{display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem}.amp-info__icon{float:left;margin:0 .5rem}.reader-theme-selection{padding:1.5rem}@media (min-width:783px){.reader-theme-selection{padding:1.5rem 3rem}}.reader-theme-selection .amp-notice--info{margin-bottom:.75rem}.reader-theme-selection p{font-size:14px;margin-top:0}.reader-theme-selection .amp-setting-toggle{margin:1rem 0 .5rem}.choose-reader-theme__unavailable .choose-reader-theme__grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.amp-carousel__page{display:grid;gap:60px;grid-template-columns:repeat(3,minmax(0,1fr))}.reader-theme-selection .theme-card{margin:0 auto;width:275px}.amp-setting-toggle p{font-size:14px}.amp .amp-setting-toggle .components-form-toggle{margin-right:.75rem}@media (min-width:783px){.amp .amp-setting-toggle .components-form-toggle{margin-right:2.25rem}}.amp-setting-toggle--disabled .components-form-toggle__input{opacity:.5;pointer-events:none}.amp-setting-toggle--disabled .components-toggle-control__label{pointer-events:none}@media (min-width:783px){.amp .amp-setting-toggle--compact .components-form-toggle{margin-right:1rem}}.amp .amp-setting-toggle--compact .amp-setting-toggle__label-text p{margin:0}.theme-card{display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;position:relative}.theme-card p{font-size:14px}.theme-card--disabled{position:relative}.theme-card--disabled:before{background-color:#0000000d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.theme-card__label-header{align-items:center;display:flex;padding:.75rem 0}.theme-card__label-header>input{flex-shrink:0}.amp .theme-card .theme-card__title{font-size:1rem;line-height:1.3;margin-bottom:0;margin-left:5px;margin-top:0}.theme-card img{height:auto;margin:auto;width:100%}p.theme-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:14px;line-height:1.666;overflow:hidden}.theme-card__theme-link{margin-top:auto}.theme-card__disabled-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;font-size:1.122rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.phone{background:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:413px;margin-bottom:1rem;min-height:200px;padding:12px;position:relative}.phone>*{max-width:100%}.phone:before{background:#e6e6e6;border-radius:3px;content:"";display:block;height:5px;margin:9px auto;width:43px}.phone__inner{flex-grow:1;overflow:hidden;position:relative}.phone__inner,.phone__overlay{background-color:var(--amp-settings-color-dark-gray);display:flex}.phone__overlay{align-items:center;bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.phone.is-loading .phone__overlay{opacity:1;pointer-events:auto;visibility:visible}.amp .supported-templates .amp-setting-toggle .components-form-toggle{margin-right:1rem}.supported-templates .amp-setting-toggle .amp-setting-toggle__label-text>p{font-weight:700;margin:0}:root{--amp-progress-bar-color:var(--amp-brand);--amp-progress-bar-height:34px}.progress-bar{border:2px solid var(--amp-progress-bar-color);height:34px;height:var(--amp-progress-bar-height);margin-bottom:1.5rem;margin-top:1.5rem}.progress-bar,.progress-bar__track{border-radius:34px;border-radius:var(--amp-progress-bar-height);overflow:hidden}.progress-bar__track{height:calc(100% - 8px);margin:4px;position:relative;transform:scale(1);width:calc(100% - 8px)}.progress-bar__indicator{background-color:var(--amp-brand);background-color:var(--amp-progress-bar-color);border-radius:34px;border-radius:var(--amp-progress-bar-height);height:100%;left:0;position:absolute;top:0;transition:transform .8s ease-out;width:100%}.site-scan-results{padding:0}.site-scan-results+.site-scan-results{margin-top:1.5rem}.site-scan-results__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding:.5rem}@media(min-width:783px){.site-scan-results__header{padding:1rem 2rem}}.site-scan-results__heading{font-size:16px;font-weight:700;margin-left:1rem}.site-scan-results__heading[data-badge-content]:after{align-items:center;background-color:var(--light-gray);border-radius:50%;content:attr(data-badge-content);display:inline-flex;height:30px;justify-content:center;letter-spacing:-.05em;margin:0 .5rem;width:30px}.site-scan-results__content{padding:1rem .5rem}@media(min-width:783px){.site-scan-results__content{padding:1.25rem 2rem}}.site-scan-results__sources{border:2px solid var(--amp-settings-color-border)}.site-scan-results__source{align-items:center;font-size:14px;margin:0;max-width:100%;min-height:3.5rem;padding:1rem}.site-scan-results__source details{margin:0;width:100%}.site-scan-results__source:nth-child(2n){background-color:var(--amp-settings-color-background-light)}.site-scan-results__source+.site-scan-results__source{border-top:2px solid var(--amp-settings-color-border)}.site-scan-results__source-name{font-weight:700}.site-scan-results__source-name--inactive{color:var(--gray)}.site-scan-results__source-author:before{border-left:1px solid;content:"";display:inline-block;height:1em;margin:0 .5em;vertical-align:middle}.site-scan-results__source .site-scan-results__summary-wrapper{align-items:center;display:inline-flex;margin-left:4px;width:calc(100% - 20px)}.site-scan-results__source-notice,.site-scan-results__source-version{margin-left:auto}.site-scan-results__cta.site-scan-results__cta{font-size:14px;margin-bottom:0}.site-scan-results__cta.site-scan-results__cta .components-external-link__icon{fill:var(--amp-settings-color-brand)}.site-scan-results__urls-list{margin:1.5rem 0;padding:0 1rem}.site-scan-results__detail-body p{font-size:14px}.site-scan-results__source-detail{background-color:#fff;border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px;white-space:pre} \ No newline at end of file diff --git a/assets/css/amp-site-scan-notice-rtl.css b/assets/css/amp-site-scan-notice-rtl.css new file mode 100644 index 00000000000..034e87cbd6c --- /dev/null +++ b/assets/css/amp-site-scan-notice-rtl.css @@ -0,0 +1 @@ +.amp-site-scan-notice__cta{display:flex;flex-flow:row;margin:.5rem 0 1rem}.amp-site-scan-notice__cta>.button+.button{margin-right:.5rem}.amp-site-scan-notice__source-details{margin:.5rem 0}.amp-site-scan-notice__source-summary{cursor:pointer}.amp-site-scan-notice__urls-list{margin:.5rem 0 1rem;padding:0 1rem}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-right:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.amp-admin-notice{background:#fff;border:1px solid #c3c4c7;border-right-width:4px;box-shadow:0 1px 1px #0000000a;margin:5px 0 15px;padding:1px 12px}.amp-admin-notice p{margin:.5em 0;padding:2px}.amp-admin-notice--dismissible{padding-left:38px;position:relative}.amp-admin-notice__dismiss{background:100% 0;border:none;color:#787c82;cursor:pointer;left:1px;margin:0;padding:9px;position:absolute;top:0}.amp-admin-notice__dismiss:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:100% 0;color:#787c82;content:"";display:block;font:normal 16px/20px dashicons;height:20px;text-align:center;width:20px}.amp-admin-notice__dismiss:active:before,.amp-admin-notice__dismiss:focus:before,.amp-admin-notice__dismiss:hover:before{color:#d63638}.amp-admin-notice__dismiss:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px #4f94d4cc;outline:0}.amp-admin-notice--success{border-right-color:#00a32a}.amp-admin-notice--warning{border-right-color:#dba617}.amp-admin-notice--error{border-right-color:#d63638}.amp-admin-notice--info{border-right-color:#72aee6}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0} \ No newline at end of file diff --git a/assets/css/amp-site-scan-notice.css b/assets/css/amp-site-scan-notice.css new file mode 100644 index 00000000000..34ccbe4814f --- /dev/null +++ b/assets/css/amp-site-scan-notice.css @@ -0,0 +1 @@ +.amp-site-scan-notice__cta{display:flex;flex-flow:row;margin:.5rem 0 1rem}.amp-site-scan-notice__cta>.button+.button{margin-left:.5rem}.amp-site-scan-notice__source-details{margin:.5rem 0}.amp-site-scan-notice__source-summary{cursor:pointer}.amp-site-scan-notice__urls-list{margin:.5rem 0 1rem;padding:0 1rem}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-left:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.amp-admin-notice{background:#fff;border:1px solid #c3c4c7;border-left-width:4px;box-shadow:0 1px 1px #0000000a;margin:5px 0 15px;padding:1px 12px}.amp-admin-notice p{margin:.5em 0;padding:2px}.amp-admin-notice--dismissible{padding-right:38px;position:relative}.amp-admin-notice__dismiss{background:0 0;border:none;color:#787c82;cursor:pointer;margin:0;padding:9px;position:absolute;right:1px;top:0}.amp-admin-notice__dismiss:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;color:#787c82;content:"";display:block;font:normal 16px/20px dashicons;height:20px;text-align:center;width:20px}.amp-admin-notice__dismiss:active:before,.amp-admin-notice__dismiss:focus:before,.amp-admin-notice__dismiss:hover:before{color:#d63638}.amp-admin-notice__dismiss:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px #4f94d4cc;outline:0}.amp-admin-notice--success{border-left-color:#00a32a}.amp-admin-notice--warning{border-left-color:#dba617}.amp-admin-notice--error{border-left-color:#d63638}.amp-admin-notice--info{border-left-color:#72aee6}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0} \ No newline at end of file diff --git a/assets/css/amp-support-rtl.css b/assets/css/amp-support-rtl.css new file mode 100644 index 00000000000..85d0bac8ad4 --- /dev/null +++ b/assets/css/amp-support-rtl.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;right:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;right:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-left:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}html{scroll-behavior:smooth}@media screen and (max-width:400px){.wrap{margin-left:10px;margin-right:0}}@media screen and (min-width:401px) and (max-width:782px){.wrap{margin-left:20px;margin-right:10px}}#amp-support{margin:auto;max-width:1060px}.amp-support{margin:2.5rem 0}.amp-support h2{align-items:center;display:flex;font-size:1.5rem;line-height:1;margin-bottom:1.5rem;margin-top:0}.amp-support .amp-support__raw-data{border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px}.amp-support .amp-support__footer{display:flex;margin-top:1.5rem}.amp-support .amp-support__footer .components-external-link{align-items:center;display:flex}.amp-support .components-button--send-button{margin-left:1rem}.amp-support .amp-notice{align-items:center}.amp-support .amp-notice--info.amp-notice--uuid{margin-top:1rem}.amp-support .components-clipboard-button{box-shadow:none;height:auto;margin:0 .5rem;outline:none!important;padding:.25rem .5rem;-webkit-text-decoration:none;text-decoration:none}.amp-support__body details{margin:1rem 0}.amp-support__body details.disabled summary,.amp-support__body details[disabled] summary{pointer-events:none}.amp-support__body details>summary{font-size:1rem}.amp-support__body details .detail-body{font-size:.8rem;margin:.5rem 1.5rem 1.5rem;overflow-x:auto}.amp-support__body details .detail-body .detail-body-text{font-size:.8rem;font-style:italic}.amp-support__body details .external-link{margin-right:.3rem;-webkit-text-decoration:none;text-decoration:none}.amp-support__body details .external-link .dashicons{font-size:.9rem;height:1rem;vertical-align:bottom;width:1rem}.amp-support__body details ul.list-group{list-style-type:disc;margin-right:1rem}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:10px 0 0 var(--amp-settings-color-border);margin-left:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:right}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(-180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem .75rem .5rem 1rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-left:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-left:1rem;width:30px}.list-items--list-style-disc{list-style:disc}.list-items .list-items__heading{font-size:1rem;margin:1.5rem 0 .5rem}.list-items .list-items__item-key{display:inline-block;min-width:210px}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-right:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px} \ No newline at end of file diff --git a/assets/css/amp-support.css b/assets/css/amp-support.css new file mode 100644 index 00000000000..1ab2b5d1f4f --- /dev/null +++ b/assets/css/amp-support.css @@ -0,0 +1 @@ +:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:#0000008a;--amp-settings-font-size:16px}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px #0000001a}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:#0000004d;border-color:#0000004d;color:#fffc}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(-45deg,var(--amp-settings-color-brand) 28%,#2459e7cc 28%,#2459e7cc 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;left:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;left:0;width:18px}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-right:12px;position:relative;vertical-align:middle;width:16px}.amp svg.components-checkbox-control__checked{fill:#fff;position:absolute;top:-2px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px #0000000d;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}html{scroll-behavior:smooth}@media screen and (max-width:400px){.wrap{margin-left:0;margin-right:10px}}@media screen and (min-width:401px) and (max-width:782px){.wrap{margin-left:10px;margin-right:20px}}#amp-support{margin:auto;max-width:1060px}.amp-support{margin:2.5rem 0}.amp-support h2{align-items:center;display:flex;font-size:1.5rem;line-height:1;margin-bottom:1.5rem;margin-top:0}.amp-support .amp-support__raw-data{border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px}.amp-support .amp-support__footer{display:flex;margin-top:1.5rem}.amp-support .amp-support__footer .components-external-link{align-items:center;display:flex}.amp-support .components-button--send-button{margin-right:1rem}.amp-support .amp-notice{align-items:center}.amp-support .amp-notice--info.amp-notice--uuid{margin-top:1rem}.amp-support .components-clipboard-button{box-shadow:none;height:auto;margin:0 .5rem;outline:none!important;padding:.25rem .5rem;-webkit-text-decoration:none;text-decoration:none}.amp-support__body details{margin:1rem 0}.amp-support__body details.disabled summary,.amp-support__body details[disabled] summary{pointer-events:none}.amp-support__body details>summary{font-size:1rem}.amp-support__body details .detail-body{font-size:.8rem;margin:.5rem 1.5rem 1.5rem;overflow-x:auto}.amp-support__body details .detail-body .detail-body-text{font-size:.8rem;font-style:italic}.amp-support__body details .external-link{margin-left:.3rem;-webkit-text-decoration:none;text-decoration:none}.amp-support__body details .external-link .dashicons{font-size:.9rem;height:1rem;vertical-align:bottom;width:1rem}.amp-support__body details ul.list-group{list-style-type:disc;margin-left:1rem}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:-10px 0 0 var(--amp-settings-color-border);margin-right:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:-10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:left}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem 1rem .5rem .75rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-right:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-right:1rem;width:30px}.list-items--list-style-disc{list-style:disc}.list-items .list-items__heading{font-size:1rem;margin:1.5rem 0 .5rem}.list-items .list-items__item-key{display:inline-block;min-width:210px}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-left:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:#00000012;font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px} \ No newline at end of file diff --git a/assets/css/amp-validation-counts-rtl.css b/assets/css/amp-validation-counts-rtl.css new file mode 100644 index 00000000000..4f1fb9041f6 --- /dev/null +++ b/assets/css/amp-validation-counts-rtl.css @@ -0,0 +1 @@ +@keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#toplevel_page_amp-options .amp-count-loading{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border-color:#0000 #fff #fff #0000;border-radius:50%;border-style:solid;border-width:2px;display:inline-block;height:4px;width:4px}body.no-js #amp-new-error-index-count,body.no-js #amp-new-validation-url-count{display:none} \ No newline at end of file diff --git a/assets/css/amp-validation-counts.css b/assets/css/amp-validation-counts.css new file mode 100644 index 00000000000..af682178601 --- /dev/null +++ b/assets/css/amp-validation-counts.css @@ -0,0 +1 @@ +@keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#toplevel_page_amp-options .amp-count-loading{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border-color:#0000 #0000 #fff #fff;border-radius:50%;border-style:solid;border-width:2px;display:inline-block;height:4px;width:4px}body.no-js #amp-new-error-index-count,body.no-js #amp-new-validation-url-count{display:none} \ No newline at end of file diff --git a/assets/css/amp-validation-error-taxonomy-rtl.css b/assets/css/amp-validation-error-taxonomy-rtl.css new file mode 100644 index 00000000000..01d8537d772 --- /dev/null +++ b/assets/css/amp-validation-error-taxonomy-rtl.css @@ -0,0 +1 @@ +.amp-stylesheet-list th{overflow-wrap:normal}.amp-stylesheet-list .column-stylesheet_order{text-align:left;width:5%}.amp-stylesheet-list .column-final_size,.amp-stylesheet-list .column-minified,.amp-stylesheet-list .column-original_size,.amp-stylesheet-list .column-percentage{text-align:left;width:8%}.amp-stylesheet-list .column-markup{white-space:nowrap;width:10%}.amp-stylesheet-list .column-origin{width:15%}.amp-stylesheet-list .column-stylesheet_expand{width:12px}.amp-stylesheet-list .column-priority{text-align:left;width:7%}.amp-stylesheet-list .column-stylesheet_included{text-align:center;white-space:nowrap;width:5%}.amp-stylesheet-list .column-percentage{text-align:center}.amp-stylesheet-list .column-source{width:25%}.amp-stylesheet-list .toggle-stylesheet-details{background:none;border:none;cursor:pointer;height:22px;position:relative}.amp-stylesheet-list .toggle-stylesheet-details:after{display:block}.amp-stylesheet-list .stylesheet-origin-markup{padding:0}.amp-stylesheet-list label{-webkit-user-select:none;user-select:none}.amp-stylesheet-list .stylesheet-details{display:none}.amp-stylesheet-list .stylesheet-details dl.detailed{margin-bottom:0;padding-bottom:0}.amp-stylesheet-list .stylesheet.expanded+.stylesheet-details{display:table-row}.amp-stylesheet-list .shaken-stylesheet{background:none;display:block;line-height:1;margin:0;padding:0;tab-size:4;white-space:pre-wrap}.amp-stylesheet-list .shaken-stylesheet del,.amp-stylesheet-list .shaken-stylesheet ins{border-right:4px solid #bbb;display:block;padding:1px 8px 1px 4px;-webkit-text-decoration:none;text-decoration:none}.amp-stylesheet-list .shaken-stylesheet.removed-styles-shown del{background:#fff9f9;border-right-color:red;color:#888}.amp-stylesheet-list .shaken-stylesheet.removed-styles-shown ins{border-right-color:green}.amp-stylesheet-list .shaken-stylesheet:not(.removed-styles-shown) del{display:none}.amp-stylesheet-list .shaken-stylesheet .declaration-block{display:block;margin-bottom:1em;margin-top:1em}.amp-stylesheet-list>tbody>tr.odd{background:#f4f4f4}.amp-stylesheet-list>tbody>tr.even{background:#fff}.amp-stylesheet-summary{margin-bottom:1em}.amp-stylesheet-summary span.amp-icon{font-size:16px;vertical-align:middle}.amp-stylesheet-summary th{font-weight:400;padding-left:1ex;text-align:left}.amp-stylesheet-summary td{font-weight:700;text-align:left}.details-attributes__summary{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.column-details .details-attributes__summary{padding-left:15px;position:relative}details[open] .details-attributes__summary{margin-bottom:15px}.details-attributes__summary::-webkit-details-marker,.details-attributes__summary::marker{content:none;display:none}.column-details .notice details>summary::-webkit-details-marker,.column-details .notice details>summary::marker{content:none;display:none}.details-attributes__summary:after,.toggle-stylesheet-details:after{background-image:url(../images/down-triangle.svg);background-position:50%;background-size:cover;content:"";height:6px;left:0;position:absolute;top:7px;width:12px}details[open]>.details-attributes__summary:after,tr.expanded .details-attributes__summary:after,tr.expanded .toggle-stylesheet-details:after{transform:rotate(-180deg)}.notice .detailed{padding-right:15px}.notice .detailed details{padding-bottom:16px}.notice .detailed details .detailed{padding-right:32px}dl.detailed{padding-bottom:16px}dl.detailed dt{font-weight:600;margin-bottom:.5em}dl.detailed dd+dt{margin-top:1em}dl.detailed a{-webkit-text-decoration:underline;text-decoration:underline}dl.detailed details>summary{cursor:pointer;-webkit-user-select:none;user-select:none}dl.detailed .element-attributes th{font-weight:600;text-align:left}dl.detailed .element-attributes th.has-attr-value:after{content:":"}dl.detailed .element-attributes td,dl.detailed .element-attributes th{padding:2px;vertical-align:top}.details-attributes__title,.notice .detailed summary code{display:inline-block;font-weight:600;margin-right:18px;min-width:240px}.details-attributes__title{font-weight:600;margin-right:0}.details-attributes__list{font-family:Consolas,Monaco,monospace;list-style:none;margin-top:0;padding-right:0}.details-attributes__list li{word-break:break-all}.details-attributes__attr{font-weight:600}.column-sources_with_invalid_output details[open] .details-attributes__summary{margin-bottom:5px}.column-sources_with_invalid_output details>div{padding-right:25px}.error-details-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;float:left;height:14px;margin:0;padding:0}.manage-column.column-sources_with_invalid_output .error-details-toggle{margin:0}.column-details .error-details-toggle:after,.column-details .error-details-toggle:before{background-image:url(../images/down-triangle.svg);background-position:50%;background-size:cover;content:"";height:6px;width:12px}.error-details-toggle.is-open:after,.error-details-toggle.is-open:before{transform:rotate(-180deg)}.wp-list-table.table-view-list>tbody>tr>td,.wp-list-table.table-view-list>tbody>tr>th{box-shadow:inset 0 -1px 0 #00000038}.wp-list-table.table-view-list>tbody>tr.expanded>td,.wp-list-table.table-view-list>tbody>tr.expanded>th,.wp-list-table.table-view-list>tbody>tr:last-child>td,.wp-list-table.table-view-list>tbody>tr:last-child>th{box-shadow:none}.wp-list-table.table-view-list>tbody>tr.expanded:not(.kept)+tr>:first-child{padding-right:14px}.wp-list-table.table-view-list>tbody>tr.kept.expanded+tr>:first-child,.wp-list-table.table-view-list>tbody>tr.kept>:first-child{border-right:4px solid #d54e21}.wp-list-table.table-view-list>tbody>tr.kept .check-column input{margin-right:4px}.wp-list-table.table-view-list>tbody .row-title:not(:hover),.wp-list-table.table-view-list>tbody td{color:#1e1e1e}.wp-list-table.table-view-list>tbody>tr,.wp-list-table.table-view-list>tbody>tr.expanded+.details{background-color:#f4f4f4}.wp-list-table.table-view-list>tbody>tr.new,.wp-list-table.table-view-list>tbody>tr.new.expanded+.details{background-color:#fff}.wp-list-table.table-view-list>tbody>tr .column-primary>:first-child,.wp-list-table.table-view-list>tbody>tr .row-title{font-weight:400}.wp-list-table.table-view-list>tbody>tr.new .column-primary>:first-child,.wp-list-table.table-view-list>tbody>tr.new .row-title{font-weight:600}.wp-list-table.table-view-list>tbody>tr .amp-validation-error-status-dropdown{align-items:center;display:flex}.wp-list-table.table-view-list>tbody>tr .amp-validation-error-status-dropdown:after{background:#d3e5e5 url(../images/amp-delete.svg) no-repeat 50%;background-size:20px auto;border-radius:5px;content:"";display:inline-block;height:20px;width:20px}.wp-list-table.table-view-list>tbody>tr.kept .amp-validation-error-status-dropdown:after{background-color:#f7ded4;background-image:url(../images/amp-alert.svg);background-size:18px auto}.wp-list-table.table-view-list>tbody>tr select.amp-validation-error-status{margin-left:10px}#col-left{display:none}#col-right{float:none;width:auto}#filter-by-date{float:none}td.column-details pre,td.column-sources pre{overflow:auto}th.column-created_date_gmt,th.column-error_type{width:15%}td.column-error_code .error-code{font-family:Consolas,Monaco,monospace}th.column-included{width:15%}.status-text{align-items:center;display:flex;padding-bottom:.6rem}#amp-enabled-icon.status-text:before{background-size:20px 20px;content:"";height:20px;margin-left:4px;min-width:20px;width:20px}.status-text>.amp-icon:before{height:20px;margin-left:6px;min-width:20px;width:20px}.wp-heading-inline .status-text>.amp-icon:before{font-size:23px;margin-left:inherit;vertical-align:middle}.status-text.amp-enabled:before{background-image:url(../images/amp-logo-icon.svg)}.status-text.amp-disabled:before{background-image:url(../images/amp-logo-gray.svg)}.row-actions .amp_validation_error_accept>a{color:#006505}.row-actions .amp_validation_error_reject>a{color:#a00}.notice.accept-reject-error .button.accept{background:#006505;border-color:#006505}.notice.accept-reject-error .button.reject{background:#a00;border-color:#a00}.notice.error-details{margin-top:1px}.notice.error-details.unreviewed{background-color:#fff;border-right-color:#c65632}.wp-heading-inline .status-text{display:inline-block;padding-bottom:0;vertical-align:middle}.wp-heading-inline .status-text:before{display:inline-block}.wp-heading-inline code{font-size:1rem}.validation-error-sources{border-collapse:collapse}.validation-error-sources tbody:not(:first-child){border-top:1px solid #ddd;margin:0}.validation-error-sources td,.validation-error-sources th{padding:2px 4px;vertical-align:top}.validation-error-sources tbody>tr:first-child>td,.validation-error-sources tbody>tr:first-child>th{padding-top:.75em}.validation-error-sources tbody>tr:last-child>td,.validation-error-sources tbody>tr:last-child>th{padding-bottom:.75em}.validation-error-sources th{font-weight:600;text-align:left} \ No newline at end of file diff --git a/assets/css/amp-validation-error-taxonomy.css b/assets/css/amp-validation-error-taxonomy.css new file mode 100644 index 00000000000..50f12976481 --- /dev/null +++ b/assets/css/amp-validation-error-taxonomy.css @@ -0,0 +1 @@ +.amp-stylesheet-list th{overflow-wrap:normal}.amp-stylesheet-list .column-stylesheet_order{text-align:right;width:5%}.amp-stylesheet-list .column-final_size,.amp-stylesheet-list .column-minified,.amp-stylesheet-list .column-original_size,.amp-stylesheet-list .column-percentage{text-align:right;width:8%}.amp-stylesheet-list .column-markup{white-space:nowrap;width:10%}.amp-stylesheet-list .column-origin{width:15%}.amp-stylesheet-list .column-stylesheet_expand{width:12px}.amp-stylesheet-list .column-priority{text-align:right;width:7%}.amp-stylesheet-list .column-stylesheet_included{text-align:center;white-space:nowrap;width:5%}.amp-stylesheet-list .column-percentage{text-align:center}.amp-stylesheet-list .column-source{width:25%}.amp-stylesheet-list .toggle-stylesheet-details{background:none;border:none;cursor:pointer;height:22px;position:relative}.amp-stylesheet-list .toggle-stylesheet-details:after{display:block}.amp-stylesheet-list .stylesheet-origin-markup{padding:0}.amp-stylesheet-list label{-webkit-user-select:none;user-select:none}.amp-stylesheet-list .stylesheet-details{display:none}.amp-stylesheet-list .stylesheet-details dl.detailed{margin-bottom:0;padding-bottom:0}.amp-stylesheet-list .stylesheet.expanded+.stylesheet-details{display:table-row}.amp-stylesheet-list .shaken-stylesheet{background:none;display:block;line-height:1;margin:0;padding:0;tab-size:4;white-space:pre-wrap}.amp-stylesheet-list .shaken-stylesheet del,.amp-stylesheet-list .shaken-stylesheet ins{border-left:4px solid #bbb;display:block;padding:1px 4px 1px 8px;-webkit-text-decoration:none;text-decoration:none}.amp-stylesheet-list .shaken-stylesheet.removed-styles-shown del{background:#fff9f9;border-left-color:red;color:#888}.amp-stylesheet-list .shaken-stylesheet.removed-styles-shown ins{border-left-color:green}.amp-stylesheet-list .shaken-stylesheet:not(.removed-styles-shown) del{display:none}.amp-stylesheet-list .shaken-stylesheet .declaration-block{display:block;margin-bottom:1em;margin-top:1em}.amp-stylesheet-list>tbody>tr.odd{background:#f4f4f4}.amp-stylesheet-list>tbody>tr.even{background:#fff}.amp-stylesheet-summary{margin-bottom:1em}.amp-stylesheet-summary span.amp-icon{font-size:16px;vertical-align:middle}.amp-stylesheet-summary th{font-weight:400;padding-right:1ex;text-align:right}.amp-stylesheet-summary td{font-weight:700;text-align:right}.details-attributes__summary{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.column-details .details-attributes__summary{padding-right:15px;position:relative}details[open] .details-attributes__summary{margin-bottom:15px}.details-attributes__summary::-webkit-details-marker,.details-attributes__summary::marker{content:none;display:none}.column-details .notice details>summary::-webkit-details-marker,.column-details .notice details>summary::marker{content:none;display:none}.details-attributes__summary:after,.toggle-stylesheet-details:after{background-image:url(../images/down-triangle.svg);background-position:50%;background-size:cover;content:"";height:6px;position:absolute;right:0;top:7px;width:12px}details[open]>.details-attributes__summary:after,tr.expanded .details-attributes__summary:after,tr.expanded .toggle-stylesheet-details:after{transform:rotate(180deg)}.notice .detailed{padding-left:15px}.notice .detailed details{padding-bottom:16px}.notice .detailed details .detailed{padding-left:32px}dl.detailed{padding-bottom:16px}dl.detailed dt{font-weight:600;margin-bottom:.5em}dl.detailed dd+dt{margin-top:1em}dl.detailed a{-webkit-text-decoration:underline;text-decoration:underline}dl.detailed details>summary{cursor:pointer;-webkit-user-select:none;user-select:none}dl.detailed .element-attributes th{font-weight:600;text-align:right}dl.detailed .element-attributes th.has-attr-value:after{content:":"}dl.detailed .element-attributes td,dl.detailed .element-attributes th{padding:2px;vertical-align:top}.details-attributes__title,.notice .detailed summary code{display:inline-block;font-weight:600;margin-left:18px;min-width:240px}.details-attributes__title{font-weight:600;margin-left:0}.details-attributes__list{font-family:Consolas,Monaco,monospace;list-style:none;margin-top:0;padding-left:0}.details-attributes__list li{word-break:break-all}.details-attributes__attr{font-weight:600}.column-sources_with_invalid_output details[open] .details-attributes__summary{margin-bottom:5px}.column-sources_with_invalid_output details>div{padding-left:25px}.error-details-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;float:right;height:14px;margin:0;padding:0}.manage-column.column-sources_with_invalid_output .error-details-toggle{margin:0}.column-details .error-details-toggle:after,.column-details .error-details-toggle:before{background-image:url(../images/down-triangle.svg);background-position:50%;background-size:cover;content:"";height:6px;width:12px}.error-details-toggle.is-open:after,.error-details-toggle.is-open:before{transform:rotate(180deg)}.wp-list-table.table-view-list>tbody>tr>td,.wp-list-table.table-view-list>tbody>tr>th{box-shadow:inset 0 -1px 0 #00000038}.wp-list-table.table-view-list>tbody>tr.expanded>td,.wp-list-table.table-view-list>tbody>tr.expanded>th,.wp-list-table.table-view-list>tbody>tr:last-child>td,.wp-list-table.table-view-list>tbody>tr:last-child>th{box-shadow:none}.wp-list-table.table-view-list>tbody>tr.expanded:not(.kept)+tr>:first-child{padding-left:14px}.wp-list-table.table-view-list>tbody>tr.kept.expanded+tr>:first-child,.wp-list-table.table-view-list>tbody>tr.kept>:first-child{border-left:4px solid #d54e21}.wp-list-table.table-view-list>tbody>tr.kept .check-column input{margin-left:4px}.wp-list-table.table-view-list>tbody .row-title:not(:hover),.wp-list-table.table-view-list>tbody td{color:#1e1e1e}.wp-list-table.table-view-list>tbody>tr,.wp-list-table.table-view-list>tbody>tr.expanded+.details{background-color:#f4f4f4}.wp-list-table.table-view-list>tbody>tr.new,.wp-list-table.table-view-list>tbody>tr.new.expanded+.details{background-color:#fff}.wp-list-table.table-view-list>tbody>tr .column-primary>:first-child,.wp-list-table.table-view-list>tbody>tr .row-title{font-weight:400}.wp-list-table.table-view-list>tbody>tr.new .column-primary>:first-child,.wp-list-table.table-view-list>tbody>tr.new .row-title{font-weight:600}.wp-list-table.table-view-list>tbody>tr .amp-validation-error-status-dropdown{align-items:center;display:flex}.wp-list-table.table-view-list>tbody>tr .amp-validation-error-status-dropdown:after{background:#d3e5e5 url(../images/amp-delete.svg) no-repeat 50%;background-size:20px auto;border-radius:5px;content:"";display:inline-block;height:20px;width:20px}.wp-list-table.table-view-list>tbody>tr.kept .amp-validation-error-status-dropdown:after{background-color:#f7ded4;background-image:url(../images/amp-alert.svg);background-size:18px auto}.wp-list-table.table-view-list>tbody>tr select.amp-validation-error-status{margin-right:10px}#col-left{display:none}#col-right{float:none;width:auto}#filter-by-date{float:none}td.column-details pre,td.column-sources pre{overflow:auto}th.column-created_date_gmt,th.column-error_type{width:15%}td.column-error_code .error-code{font-family:Consolas,Monaco,monospace}th.column-included{width:15%}.status-text{align-items:center;display:flex;padding-bottom:.6rem}#amp-enabled-icon.status-text:before{background-size:20px 20px;content:"";height:20px;margin-right:4px;min-width:20px;width:20px}.status-text>.amp-icon:before{height:20px;margin-right:6px;min-width:20px;width:20px}.wp-heading-inline .status-text>.amp-icon:before{font-size:23px;margin-right:inherit;vertical-align:middle}.status-text.amp-enabled:before{background-image:url(../images/amp-logo-icon.svg)}.status-text.amp-disabled:before{background-image:url(../images/amp-logo-gray.svg)}.row-actions .amp_validation_error_accept>a{color:#006505}.row-actions .amp_validation_error_reject>a{color:#a00}.notice.accept-reject-error .button.accept{background:#006505;border-color:#006505}.notice.accept-reject-error .button.reject{background:#a00;border-color:#a00}.notice.error-details{margin-top:1px}.notice.error-details.unreviewed{background-color:#fff;border-left-color:#c65632}.wp-heading-inline .status-text{display:inline-block;padding-bottom:0;vertical-align:middle}.wp-heading-inline .status-text:before{display:inline-block}.wp-heading-inline code{font-size:1rem}.validation-error-sources{border-collapse:collapse}.validation-error-sources tbody:not(:first-child){border-top:1px solid #ddd;margin:0}.validation-error-sources td,.validation-error-sources th{padding:2px 4px;vertical-align:top}.validation-error-sources tbody>tr:first-child>td,.validation-error-sources tbody>tr:first-child>th{padding-top:.75em}.validation-error-sources tbody>tr:last-child>td,.validation-error-sources tbody>tr:last-child>th{padding-bottom:.75em}.validation-error-sources th{font-weight:600;text-align:right} \ No newline at end of file diff --git a/assets/css/amp-validation-single-error-url-rtl.css b/assets/css/amp-validation-single-error-url-rtl.css new file mode 100644 index 00000000000..202db8907e1 --- /dev/null +++ b/assets/css/amp-validation-single-error-url-rtl.css @@ -0,0 +1 @@ +#the-list tr{scroll-margin-top:32px}@media screen and (max-width:782px){#the-list tr{scroll-margin-top:46px}}@media screen and (max-width:600px){#the-list tr{scroll-margin-top:0}}.column-error_code>.single-url-detail-toggle{background:none;border:none;color:#1e1e1e;cursor:pointer;line-height:1.682;padding:5px 0 5px 36px;position:relative;text-align:right;width:100%}.column-error_code>.single-url-detail-toggle:after{align-items:center;background-image:url(../images/down-triangle.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:flex;height:12px;justify-content:center;left:0;margin-top:5px;position:absolute;top:0;width:12px}tr.expanded .single-url-detail-toggle:after{transform:rotate(-180deg)}.details-attributes>.detailed{display:none}.details details.details-attributes:hover{cursor:pointer}.details dl.detailed{margin-top:10px;padding-right:30px}.details .detailed summary code{display:inline-block;font-weight:600;margin-right:12px;min-width:240px}.detailed pre{white-space:pre-wrap}.column-status select{vertical-align:top}#number-errors{background-color:#d3d3d3b8;color:#000;text-align:center}#url-post-filter{display:inline;float:none}.tablenav.bottom,.tablenav.top{display:none}.amp-validated-url a{-webkit-text-decoration:none;text-decoration:none}.curtime.misc-pub-section{margin-top:.5rem}.wp-list-table th.column-error_code{width:30%}.wp-list-table th.column-details,.wp-list-table th.column-error_type{width:15%}.wp-list-table th.column-sources_with_invalid_output{width:30%}.wp-list-table th.column-status{width:150px}.wp-list-table th.column-reviewed{width:100px}#post-body-content #url-post-filter,#post-body-content .search-box,#post-body-content button.action{margin-bottom:4px}#post-body-content button.reject{margin-right:4px}#remove-keep-buttons:not(.hidden),#vertical-divider{display:inline-block}#vertical-divider{border-left:1px solid #a0a5aa;height:30px;margin-left:15px;vertical-align:middle;width:15px}#amp-invalid-markup>.amp-icon:before{font-size:24px;margin-left:3px;margin-right:-2px} \ No newline at end of file diff --git a/assets/css/amp-validation-single-error-url.css b/assets/css/amp-validation-single-error-url.css new file mode 100644 index 00000000000..b50ef74a250 --- /dev/null +++ b/assets/css/amp-validation-single-error-url.css @@ -0,0 +1 @@ +#the-list tr{scroll-margin-top:32px}@media screen and (max-width:782px){#the-list tr{scroll-margin-top:46px}}@media screen and (max-width:600px){#the-list tr{scroll-margin-top:0}}.column-error_code>.single-url-detail-toggle{background:none;border:none;color:#1e1e1e;cursor:pointer;line-height:1.682;padding:5px 36px 5px 0;position:relative;text-align:left;width:100%}.column-error_code>.single-url-detail-toggle:after{align-items:center;background-image:url(../images/down-triangle.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:flex;height:12px;justify-content:center;margin-top:5px;position:absolute;right:0;top:0;width:12px}tr.expanded .single-url-detail-toggle:after{transform:rotate(180deg)}.details-attributes>.detailed{display:none}.details details.details-attributes:hover{cursor:pointer}.details dl.detailed{margin-top:10px;padding-left:30px}.details .detailed summary code{display:inline-block;font-weight:600;margin-left:12px;min-width:240px}.detailed pre{white-space:pre-wrap}.column-status select{vertical-align:top}#number-errors{background-color:#d3d3d3b8;color:#000;text-align:center}#url-post-filter{display:inline;float:none}.tablenav.bottom,.tablenav.top{display:none}.amp-validated-url a{-webkit-text-decoration:none;text-decoration:none}.curtime.misc-pub-section{margin-top:.5rem}.wp-list-table th.column-error_code{width:30%}.wp-list-table th.column-details,.wp-list-table th.column-error_type{width:15%}.wp-list-table th.column-sources_with_invalid_output{width:30%}.wp-list-table th.column-status{width:150px}.wp-list-table th.column-reviewed{width:100px}#post-body-content #url-post-filter,#post-body-content .search-box,#post-body-content button.action{margin-bottom:4px}#post-body-content button.reject{margin-left:4px}#remove-keep-buttons:not(.hidden),#vertical-divider{display:inline-block}#vertical-divider{border-right:1px solid #a0a5aa;height:30px;margin-right:15px;vertical-align:middle;width:15px}#amp-invalid-markup>.amp-icon:before{font-size:24px;margin-left:-2px;margin-right:3px} \ No newline at end of file diff --git a/assets/css/amp-validation-tooltips-rtl.css b/assets/css/amp-validation-tooltips-rtl.css new file mode 100644 index 00000000000..09d8b0ae0db --- /dev/null +++ b/assets/css/amp-validation-tooltips-rtl.css @@ -0,0 +1 @@ +.tooltip-button{color:#767676;cursor:pointer;margin:0 6px}.tooltip[hidden]{visibility:hidden} \ No newline at end of file diff --git a/assets/css/amp-validation-tooltips.css b/assets/css/amp-validation-tooltips.css new file mode 100644 index 00000000000..09d8b0ae0db --- /dev/null +++ b/assets/css/amp-validation-tooltips.css @@ -0,0 +1 @@ +.tooltip-button{color:#767676;cursor:pointer;margin:0 6px}.tooltip[hidden]{visibility:hidden} \ No newline at end of file diff --git a/assets/css/src/admin-tables.css b/assets/css/src/admin-tables.css deleted file mode 100644 index 1bd6449bafa..00000000000 --- a/assets/css/src/admin-tables.css +++ /dev/null @@ -1,73 +0,0 @@ -.column-error_status .dashicons-editor-help { - color: #767676; -} - -.source > .dashicons { - margin-right: 5px; -} - -.column-source .dashicons-admin-plugins, -.column-sources_with_invalid_output .dashicons-admin-plugins { - color: #64a2e9; -} - -.column-source .dashicons-admin-appearance, -.column-sources_with_invalid_output .dashicons-admin-appearance { - color: #ebb04f; -} - -.dashicons-wordpress-alt, -.column-sources_with_invalid_output .dashicons-wordpress-alt { - color: #92b371; -} - -.amp-logo-icon { - background-image: url("../images/amp-logo-icon.svg"); - background-color: transparent; - background-size: 20px 20px; - height: 20px; - width: 20px; - display: inline-block; -} - -.column-error_status .error-status { - line-height: 20px; - display: inline-block; - position: relative; - vertical-align: top; - margin-left: 10px; -} - -td.column-found_elements_and_attributes div { - margin-bottom: 0.6rem; -} - -.column-error_status .dashicons-flag.new { - color: #d98501; -} - -.column-error_status .dashicons-yes.new { - color: #f00; -} - -.column-error_status .dashicons-warning.rejected { - color: #68c6ff; -} - -.column-sources .source, -.column-sources_with_invalid_output .source { - display: block; -} - -.column-sources .source + .source, -.column-sources_with_invalid_output .source + .source { - margin-top: 8px; -} - -.wrap .wp-heading-inline + .page-title-action { - margin-left: 1rem; -} - -.tooltip[hidden] { - visibility: hidden; -} diff --git a/assets/css/src/amp-admin.css b/assets/css/src/amp-admin.css deleted file mode 100644 index 13de063d4bf..00000000000 --- a/assets/css/src/amp-admin.css +++ /dev/null @@ -1,79 +0,0 @@ -.plugin-icon { - object-fit: contain; /* Account for non-square icons being used. */ -} - -.plugin-card { - position: relative; -} - -.theme-browser .theme .dashicons-external, -.plugin-action-buttons .dashicons-external { - vertical-align: text-bottom; - margin-left: 5px; -} - -.theme-browser .theme .theme-screenshot img { - height: 100%; - object-fit: contain; -} - -.amp-extension-card-message { - text-align: center; - padding: 0; - clear: both; - background-color: #fff; - color: #3c434a; - position: absolute; - top: -10px; - left: -10px; - border-radius: 15px; -} - -.amp-logo-icon { - background-image: url("../images/amp-logo-icon.svg"); - background-color: transparent; - background-size: 30px; - height: 30px; - width: 30px; - display: inline-block; - vertical-align: middle; - cursor: pointer; -} - -.amp-logo-icon.small { - background-size: 15px 15px; - height: 15px; - width: 15px; -} - -.plugin-install-tab-amp-compatible .plugin-card-bottom { - display: none; -} - -.amp-extension-card-message .tooltiptext { - visibility: hidden; - width: 60%; - background-color: rgba(0, 0, 0, 0.8); - color: #fff; - text-align: center; - border-radius: 6px; - padding: 5px; - position: absolute; - z-index: 1; - left: 40px; - min-width: 200px; -} - -.tooltiptext::after { - content: ""; - position: absolute; - top: 10px; - right: 100%; - border-width: 7px; - border-style: solid; - border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent; -} - -.amp-extension-card-message:hover .tooltiptext { - visibility: visible; -} diff --git a/assets/css/src/amp-block-editor.css b/assets/css/src/amp-block-editor.css deleted file mode 100644 index 7a3a704efb5..00000000000 --- a/assets/css/src/amp-block-editor.css +++ /dev/null @@ -1,46 +0,0 @@ -/* AMP preview button wrapper */ -.wp-core-ui .amp-wrapper-post-preview { - margin-left: -6px; - margin-right: 6px; -} - -/* AMP preview button */ -.wp-core-ui .amp-editor-post-preview { - height: 34px; - margin-right: 0 !important; - padding: 6px 12px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - justify-content: center; - align-items: center; -} - -.wp-core-ui .amp-editor-post-preview svg { - width: 18px; - height: 18px; - margin: 0; -} - -/* - * Ensure the non-AMP preview button is the same height as the AMP preview one. - * 34px is the height of the non-AMP preview button in WordPress 5.3, though the height before was 33px. - * Without this style rule, the non-AMP AMP preview button will be 1 px shorter than the AMP one, before WP 5.3. - */ -.wp-core-ui .edit-post-header .editor-post-preview { - height: 34px; -} - -.amp-unavailable-notice { - width: 100%; - margin: 5px 0 2px; -} - -.amp-unavailable-notice details > summary { - font-weight: bold; - user-select: none; - cursor: pointer; -} - -.amp-unavailable-notice details[open] > summary { - margin-bottom: 1em; -} diff --git a/assets/css/src/amp-customizer-legacy.css b/assets/css/src/amp-customizer-legacy.css deleted file mode 100644 index 592a983b45c..00000000000 --- a/assets/css/src/amp-customizer-legacy.css +++ /dev/null @@ -1,146 +0,0 @@ -/* This stylesheet only applies to Legacy Reader mode */ - -.devices-wrapper { - position: relative; -} - -.amp-toggle { - position: absolute; - display: inline-block; - width: 30px; - height: 15px; - top: 15px; - left: -47px; -} - -.amp-toggle input, -.amp-toggle input.disabled { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - margin: 0; - padding: 0; - z-index: 1; -} - -.amp-toggle .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - border-radius: 34px; - background-color: #555d66; - -webkit-transition: .3s; - transition: .3s; - transition-property: background-color, transform, -webkit-transform, -ms-transform, opacity; -} - -.amp-toggle input:focus, -.amp-toggle input:active { - outline: none; -} - -.amp-toggle input:hover + .slider, -.amp-toggle input:focus + .slider, -.amp-toggle input:active + .slider { - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); -} - -.amp-toggle .slider::before { - position: absolute; - content: ""; - height: 13px; - width: 13px; - top: 1px; - left: 1px; - border-radius: 50%; - background-color: transparent; - background-image: url("../images/amp-white-icon.svg"); - background-size: 13px 13px; - -webkit-transition: .3s; - transition: .3s; -} - -.amp-toggle input:checked + .slider { - background-color: #0379c4; -} - -.amp-toggle input:checked + .slider::before { - -webkit-transform: translateX(15px); - -ms-transform: translateX(15px); - transform: translateX(15px); -} - -.amp-toggle input.disabled + .slider { - opacity: 0.7; -} - -.amp-toggle .tooltip { - position: absolute; - bottom: 25px; - left: -115px; - width: 230px; - font-size: 13px; - text-align: center; - color: #fff; - background: #191e23; - padding: 15px; - z-index: 1; - cursor: default; - display: none; -} - -.amp-toggle .tooltip a { - color: #00a0d2; -} - -.amp-toggle .tooltip a:hover, -.amp-toggle .tooltip a:focus, -.amp-toggle .tooltip a:active { - color: #54cbf1; -} - -.amp-toggle .tooltip::before { - position: absolute; - bottom: -8px; - left: 120px; - content: ""; - border: solid; - border-color: #191e23 transparent; - border-width: 8px 8px 0 8px; -} - -.js .accordion-section-title::after { - z-index: 0; -} - -.wp-core-ui .wp-full-overlay .collapse-sidebar { - - /* Add same padding to right as left since label now hidden. */ - padding: 9px 10px; -} - -#customize-footer-actions .collapse-sidebar-label { - - /* This is moved to a tooltip in amp-customize-controls-legacy.js */ - display: none; -} - -.wp-full-overlay-footer .devices { - - /* Remove box-shadow because not needed to cause long "Hide Controls" text to fade since it is hidden altogether. */ - box-shadow: none; -} - -.devices-wrapper .preview-desktop { - border-left: 1px solid #ddd !important; -} - -.wp-full-overlay-footer .devices button::before { - vertical-align: initial; -} diff --git a/assets/css/src/amp-customizer.css b/assets/css/src/amp-customizer.css deleted file mode 100644 index 66bdebc17d0..00000000000 --- a/assets/css/src/amp-customizer.css +++ /dev/null @@ -1,63 +0,0 @@ -#customize-controls #customize-info .preview-notice { - display: block; - line-height: 1.4; - margin-right: 28px; -} - -#customize-theme-controls .control-section-amp_active_theme_settings_import > .accordion-section-title { - cursor: default; -} - -#customize-theme-controls .control-section-amp_active_theme_settings_import > .accordion-section-title::after { - content: ""; -} - -#customize-theme-controls .control-section-amp_active_theme_settings_import > .accordion-section-title > button { - float: right; - font-weight: normal; - margin-left: 12px; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title, -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title:hover { - cursor: default; - background: #fff; - color: #555d66; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - border-left: none; - border-right: none; - padding: 12px; - font-weight: normal; - margin: 0 0 15px 0; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title details { - margin: 5px 0; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title summary { - cursor: pointer; - display: list-item; - font-weight: bold; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title summary:focus { - outline: none; - color: #0073aa; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title dt { - font-weight: bold; - margin-top: 10px; - margin-bottom: 4px; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title dd { - margin-left: 20px; - margin-bottom: 4px; -} - -#customize-controls .control-section-amp_active_theme_settings_import > .accordion-section-title dd > input[type="checkbox"] { - margin: 0 1ex 0 0; -} diff --git a/assets/css/src/amp-default.css b/assets/css/src/amp-default.css deleted file mode 100644 index f54fd5a257b..00000000000 --- a/assets/css/src/amp-default.css +++ /dev/null @@ -1,122 +0,0 @@ -/* - * Prevent cases of amp-img converted from img to appear with stretching by using object-fit to scale. Only do this for - * amp-img/amp-anim elements that we converted from via AMP_Img_Sanitizer. This is key for images that get 100% - * width such as in the post content so that the contents do not get stretched or cropped. - * See . - */ -amp-img.amp-wp-enforced-sizes, -amp-anim.amp-wp-enforced-sizes, -.amp-wp-unknown-size { - object-fit: contain; -} - -/** - * Override a style rule in Twenty Sixteen and Twenty Seventeen. - * It set display:none for audio elements. - * This selector is the same, though it adds body and uses amp-audio instead of audio. - */ -body amp-audio:not([controls]) { - display: inline-block; - height: auto; -} - -/* - * Style the default template messages for submit-success, submit-error, and submitting. These elements are inserted - * by the form sanitizer when a POST form lacks the action-xhr attribute. - */ -.amp-wp-default-form-message > p { - margin: 1em 0; - padding: 0.5em; -} - -.amp-wp-default-form-message[submitting] > p, -.amp-wp-default-form-message[submit-success] > p.amp-wp-form-redirecting { - font-style: italic; -} - -.amp-wp-default-form-message[submit-success] > p:not(.amp-wp-form-redirecting) { - border: solid 1px #008000; - background-color: #90ee90; - color: #000; -} - -.amp-wp-default-form-message[submit-error] > p { - border: solid 1px #f00; - background-color: #ffb6c1; - color: #000; -} - -/* Prevent showing empty success message in the case of an AMP-Redirect-To response header. */ -.amp-wp-default-form-message[submit-success] > p:empty { - display: none; -} - -amp-carousel .amp-wp-gallery-caption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - text-align: center; - background-color: rgba(0, 0, 0, 0.5); - color: #fff; - padding: 1rem; - margin-bottom: 0; -} - -amp-carousel .amp-wp-gallery-caption a { - color: inherit; -} - -.wp-block-gallery[data-amp-carousel="true"], -.wp-block-gallery[data-amp-carousel="true"].has-nested-images { - display: block; - flex-wrap: unset; -} - -/* - * Replicate bottom-margin which is added to .mejs-container by theme styles, although it varies; - * - 1.5em in Twenty Seventeen - * - 24px in Twenty Eleven, Twenty Thirteen and Twenty Twelve - * Other themes set the bottom margin on direct descendants of the .entry-content, in which case this will be overridden. - * - * The max-width: 100% is normally applied by to .mejs-container by wp-mediaelement.css but this stylesheet is not - * included in AMP, so this is why it is included here. - */ -.wp-video { - margin-bottom: 1.5em; - max-width: 100%; -} - -/* - * Ensure the aspect-ratio is respected when added by \AMP_Core_Block_Handler::ampify_video_block(). This is only needed - * when in the loose sandboxing level where a