Issue #3394048 by godotislate, Sandeep Sanwale, djsagar, rkoller,... (89fde7a6) · Commits · project / drupal

core/themes/claro/css/base/variables.css

+26 −0

Changes for core/themes/claro/css/base/variables.css: 26 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -253,4 +253,30 @@
		*/
		--layout-region-edit-width: min(60rem, 100%);
		--layout-region-edit-extended-width: min(68rem, 100%);
		/**
		* Vertical Tabs.
		*
		* These are shared between the vertical tabs and media library.
		* @see ../components/vertical-tabs.pcss.css
		* @see ../theme/media-library.pcss.css
		*/
		--vertical-tabs-margin-vertical: var(--space-s);
		--vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
		--vertical-tabs-shadow: var(--details-box-shadow);
		--vertical-tabs-border-color: var(--details-border-color);
		--vertical-tabs-border-size: 1px;
		--vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
		--vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
		--vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
		--vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
		--vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-separator-color: var(--color-gray-200);
		--vertical-tabs-menu-separator-size: 1px;
		--vertical-tabs-menu-width: 20em;
		--vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
		--vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
		--vertical-tabs-menu-link--active-border-size: 0.25rem;
		--vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
		--vertical-tabs-menu--z-index: 0;
		}

core/themes/claro/css/base/variables.pcss.css

+26 −0

Changes for core/themes/claro/css/base/variables.pcss.css: 26 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -247,4 +247,30 @@
		*/
		--layout-region-edit-width: min(960px, 100%);
		--layout-region-edit-extended-width: min(1088px, 100%);
		/**
		* Vertical Tabs.
		*
		* These are shared between the vertical tabs and media library.
		* @see ../components/vertical-tabs.pcss.css
		* @see ../theme/media-library.pcss.css
		*/
		--vertical-tabs-margin-vertical: var(--space-s);
		--vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
		--vertical-tabs-shadow: var(--details-box-shadow);
		--vertical-tabs-border-color: var(--details-border-color);
		--vertical-tabs-border-size: 1px;
		--vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
		--vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
		--vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
		--vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
		--vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-separator-color: var(--color-gray-200);
		--vertical-tabs-menu-separator-size: 1px;
		--vertical-tabs-menu-width: 20em;
		--vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
		--vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
		--vertical-tabs-menu-link--active-border-size: 4px;
		--vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
		--vertical-tabs-menu--z-index: 0;
		}

core/themes/claro/css/components/vertical-tabs.css

+0 −25

Changes for core/themes/claro/css/components/vertical-tabs.css: 0 added lines, 25 removed lines.
Original line number	Diff line number	Diff line
		@@ -12,31 +12,6 @@
		* Replaces /core/misc/vertical-tabs.css.
		*/

		:root {
		/**
		* Vertical Tabs.
		*/
		--vertical-tabs-margin-vertical: var(--space-s);
		--vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
		--vertical-tabs-shadow: var(--details-box-shadow);
		--vertical-tabs-border-color: var(--details-border-color);
		--vertical-tabs-border-size: 1px;
		--vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
		--vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
		--vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
		--vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
		--vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-separator-color: var(--color-gray-200);
		--vertical-tabs-menu-separator-size: 1px;
		--vertical-tabs-menu-width: 20em;
		--vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
		--vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
		--vertical-tabs-menu-link--active-border-size: 0.25rem;
		--vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
		--vertical-tabs-menu--z-index: 0;
		}

		/**
		* Main wrapper of vertical tabs.
		* This wrapper div is added by JavaScript.

core/themes/claro/css/components/vertical-tabs.pcss.css

+0 −25

Changes for core/themes/claro/css/components/vertical-tabs.pcss.css: 0 added lines, 25 removed lines.
Original line number	Diff line number	Diff line
		@@ -5,31 +5,6 @@
		* Replaces /core/misc/vertical-tabs.css.
		*/

		:root {
		/**
		* Vertical Tabs.
		*/
		--vertical-tabs-margin-vertical: var(--space-s);
		--vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
		--vertical-tabs-shadow: var(--details-box-shadow);
		--vertical-tabs-border-color: var(--details-border-color);
		--vertical-tabs-border-size: 1px;
		--vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
		--vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
		--vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
		--vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
		--vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
		--vertical-tabs-menu-separator-color: var(--color-gray-200);
		--vertical-tabs-menu-separator-size: 1px;
		--vertical-tabs-menu-width: 20em;
		--vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
		--vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
		--vertical-tabs-menu-link--active-border-size: 4px;
		--vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
		--vertical-tabs-menu--z-index: 0;
		}

		/**
		* Main wrapper of vertical tabs.
		* This wrapper div is added by JavaScript.