umberto 7.0.1 → 8.0.0

package/themes/umberto/src/gloria/css/_api-subheader.scss

@@ -1,167 +0,0 @@
-// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
-// For licensing, see LICENSE.md.
-
-@use 'helpers/font';
-@use 'helpers/globals';
-
-.main__content-inner {
-	.hidden-loading {
-		display: none;
-	}
-
-	.api-subheader {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 20px;
-
-		&.hidden-loading {
-			display: none;
-		}
-
-		@include globals.u-responsive-mobile {
-			flex-wrap: wrap;
-		}
-
-		@include globals.u-responsive-mobile {
-			&__badges {
-				width: 100%;
-			}
-		}
-
-		&__navigation {
-			@include font.u-font-mono;
-
-			@include globals.u-responsive-mobile {
-				margin-left: auto;
-			}
-
-			ul {
-				margin: 0;
-			}
-
-			&-category {
-				cursor: pointer;
-				padding: 5px;
-				border: 1px solid transparent;
-				list-style: none;
-				display: inline-block;
-				position: relative;
-				vertical-align: middle;
-
-				&::before {
-					content: '';
-					margin-right: 5px;
-					position: relative;
-					display: inline-block;
-				}
-
-				&:hover {
-					border-color: #ccc;
-
-					ul {
-						display: flex;
-					}
-				}
-
-				// Handle empty category.
-				&--empty {
-					display: none;
-				}
-			}
-
-			// its <ul> element.
-			&-dropdown {
-				display: none;
-				flex-wrap: wrap;
-				flex-basis: auto;
-				flex-grow: 1;
-
-				border: 1px solid #ccc;
-				background-color: hsl(0, 0%, 98%);
-				overflow-y: auto;
-				overflow-x: hidden;
-				position: absolute;
-
-				// Let's align it to parent <li>.
-				right: -1px;
-				top: 100%;
-
-				margin: 0;
-				padding: 20px;
-
-				min-width: 500px;
-				max-height: 50vh;
-
-				// Render the API dropdowns on top of the "See source" button.
-				z-index: 2;
-
-				li {
-					width: 50%;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					padding: 0 10px;
-					border: 0;
-
-					a {
-						/* See #563. */
-						display: block;
-					}
-				}
-
-				&--small {
-					/* Because of moved dropdown to the right: -1px. */
-					min-width: calc(100% + 2px);
-
-					li {
-						width: 100%;
-					}
-				}
-
-				// if more than 40 elements
-				&--big {
-					min-width: 500px;
-
-					li {
-						width: 50%;
-					}
-				}
-
-				// if more than 100 elements
-				&--huge {
-					min-width: 700px;
-
-					li {
-						width: 33%;
-					}
-				}
-
-				&--hidden {
-					display: none;
-				}
-			}
-
-			// We need to set positions manually (top property), because of different proportions of <svg>s.
-			li[data-type="properties"]::before {
-				top: -1px;
-				content: url( ../img/header-info-properties.svg );
-			}
-
-			li[data-type="methods"]::before {
-				top: 1px;
-				content: url( ../img/header-info-methods.svg );
-			}
-
-			li[data-type="events"]::before {
-				top: 0px;
-				content: url( ../img/header-info-events.svg );
-			}
-
-			li[data-type="configs"]::before {
-				top: 3px;
-				content: url( ../img/header-info-configs.svg );
-			}
-		}
-	}
-}

package/themes/umberto/src/gloria/css/_api-tree.scss

@@ -1,121 +0,0 @@
-// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
-// For licensing, see LICENSE.md.
-
-@use 'helpers/color';
-@use 'helpers/font';
-@use 'helpers/globals';
-@use 'helpers/spacing';
-
-.tree.api-tree {
-	@include font.u-font-mono;
-
-	@include globals.u-responsive-tablet {
-		@include globals.levels( 3, 1 );
-	}
-
-	/* Generate styles for tree levels on <960px devices differently.
-	We need to change it to properly display `::before` arrow dropdown. */
-
-	[data-private], [data-protected] {
-		display: none;
-
-		@include globals.u-responsive-tablet {
-			display: block;
-		}
-	}
-
-	&.api-tree--show-private {
-		[data-private], [data-protected] {
-			display: block;
-		}
-	}
-
-	.tree__item__text {
-		padding-top: 0;
-		padding-bottom: 0;
-
-		@include globals.u-responsive-tablet {
-			padding: spacing.u-spacing( -3 ) 0;
-		}
-	}
-
-	li::before {
-		top: .4em;
-
-		@include globals.u-responsive-tablet {
-			top: spacing.u-spacing( -1 );
-			margin-left: -10px !important;
-		}
-	}
-}
-
-/* Public/Inherited/Mixed/Protected/Private/Deprecated Items filter. */
-.api-tree__filter {
-	text-align: center;
-	left: 0;
-	width: globals.$u-sidebar-width;
-	border-right: 1px solid color.u-color( 'background-hue' );
-
-	@include globals.u-sticky-filter;
-	@include globals.u-unselectable;
-
-	@include globals.u-responsive-tablet {
-		display: none;
-	}
-
-	input {
-		display: none;
-	}
-
-	// TODO: Magic numbers below...
-	label {
-		@include globals.u-micro-header;
-		padding-right: 65px;
-	}
-
-	input + label {
-		position: relative;
-		cursor: pointer;
-		text-align: left;
-
-		&::before {
-			color: #fff;
-			font-size: .85em;
-			padding-left: 27px;
-			line-height: 22px;
-			content: "No";
-			display: inline-block;
-			width: 50px;
-			height: 20px;
-			background: color.u-color( 'primary' );
-			position: absolute;
-			right: 0;
-			top: -4px;
-			border-radius: 0px;
-		}
-
-		&::after {
-			content: "";
-			display: block;
-			width: 16px;
-			height: 16px;
-			background: #fff;
-			position: absolute;
-			right: 32px;
-			top: -2px;
-			border-radius: 0px;
-		}
-	}
-
-	input:checked + label {
-		&::before {
-			content: "Yes";
-			padding-left: 7px;
-			background: color.u-color( 'selected' );
-		}
-
-		&::after {
-			right: 2px;
-		}
-	}
-}

package/themes/umberto/src/gloria/css/_badge.scss

@@ -1,74 +0,0 @@
-// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
-// For licensing, see LICENSE.md.
-
-@use 'helpers/color';
-@use 'helpers/font';
-@use 'helpers/spacing';
-
-@mixin badge( $color ) {
-	&--#{ $color } {
-		border-color: color.u-color( 'badge-#{ $color }' );
-		color: color.u-color( 'badge-#{ $color }' );
-
-		.badge__invert {
-			color: color.u-color( 'text-invert' );
-			background: color.u-color( 'badge-#{ $color }' );
-		}
-
-	  	a {
-			color: inherit;
-			text-decoration: none;
-
-			&:hover {
-				color: color.u-color('badge-#{ $color }', -50% );
-				text-decoration: none;
-			}
-		}
-	}
-}
-
-.badge {
-	vertical-align: middle;
-	text-transform: uppercase;
-	font-size: font.u-font-size( -1 );
-	padding: spacing.u-spacing( -3 ) spacing.u-spacing( -2 ) spacing.u-spacing( -3 );
-	border: 1px solid color.u-color( 'text' );
-	margin-right: 1rem;
-
-	&.badge--has-invert {
-		padding-right: 0;
-	}
-
-	.badge__invert {
-		color: color.u-color( 'text-invert' );
-		background: color.u-color( 'text' );
-		padding: spacing.u-spacing( -3 ) spacing.u-spacing( -2 );
-		margin-left: spacing.u-spacing( -4 );
-	}
-
-	@include badge( 'gray' );
-	@include badge( 'green' );
-	@include badge( 'red' );
-	@include badge( 'orange' );
-	@include badge( 'purple' );
-
-	/* #357. */
-	&.badge--observable {
-		a  {
-			&::before {
-				content: "";
-				position: relative;
-				display: inline-block;
-				vertical-align: middle;
-				width: 12px;
-				height: 12px;
-				margin-right: 3px;
-				background-size: cover;
-				background-repeat: no-repeat;
-				top: -1px;
-
-				background-image: url( ../img/eye.svg );
-			}
-		}
-	}
-}

package/themes/umberto/src/gloria/css/_code-switcher.scss

@@ -1,61 +0,0 @@
-// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
-// For licensing, see LICENSE.md.
-
-@use 'helpers/color';
-@use 'helpers/font';
-@use 'helpers/spacing';
-
-.code-switcher {
-    margin-bottom: spacing.u-spacing( -1 );
-    padding-top: 4px;
-    border-radius: 4px;
-
-    background-color: color.u-color( 'snippet-background' );
-
-    pre.highlight[class*=language-] {
-        margin: 0;
-    }
-
-    &__toolbar {
-        display: flex;
-        align-items: flex-start;
-        gap: 16px;
-
-        height: 40px;
-        margin: 0px 4px;
-        padding: 4px 12px;
-        border-radius: 2px;
-
-        background-color: color.u-color( 'background-gray' );
-    }
-
-    &__button {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-
-        padding: 2px;
-        border: none;
-
-        background-color: transparent;
-
-        font-size: font.u-font-size( 0 );
-        font-weight: 500;
-
-        color: color.u-color( 'text-invert-gray' );
-
-        cursor: pointer;
-
-        transition: 150ms ease color;
-
-        &:hover {
-            color: color.u-color( 'text-invert' );
-        }
-
-        &--active {
-            border-bottom: 2px solid color.u-color( 'text-invert' );
-
-            color: color.u-color( 'text-invert' );
-        }
-    }
-}

package/themes/umberto/src/gloria/css/_collapsinglist.scss

@@ -1,262 +0,0 @@
-// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
-// For licensing, see LICENSE.md.
-
-@use 'helpers/color';
-@use 'helpers/font';
-@use 'helpers/spacing';
-@use 'sass:math';
-
-ul.collapsing-list {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.collapsing-list {
-	margin-top: spacing.u-spacing( 1 );
-
-	dd {
-		min-height: spacing.u-spacing( 1 );
-		margin: 0;
-	}
-
-	@keyframes highlight {
-		0% {
-			background: color.u-color( 'highlight' )
-		}
-		100% {
-			background: none;
-		}
-	}
-
-	&--empty {
-		margin-bottom: spacing.u-spacing( 0 );
-
-		&::before {
-			content: "No items to display for current filtering criteria."
-		}
-	}
-
-	&__content h4 {
-		@include font.u-baseline-padding( 0 );
-	}
-	&__item {
-		&--first {
-			.collapsing-list__term {
-				border-top: 0;
-			}
-		}
-	}
-
-	.collapsing-list__item {
-		margin: 0;
-	}
-
-	&__term {
-		padding-top: spacing.u-spacing( 0 );
-		position: relative;
-		display: flex;
-		border-top: 1px solid color.u-color( 'separator' );
-
-		&--no-excerpt {
-			padding: spacing.u-spacing( -3 ) 0;
-		}
-
-		&.toggler {
-			&--collapsed,
-			&--expanded {
-				cursor: pointer;
-
-				& + .collapsing-list__description {
-					padding-left: spacing.u-spacing(3);
-				}
-
-				&::before {
-					position: absolute;
-					top: spacing.u-spacing(-1);
-					left: 0;
-				}
-			}
-
-			&--collapsed {
-				padding: spacing.u-spacing( -3 ) 0 spacing.u-spacing( -3 ) spacing.u-spacing( 3 );
-
-				& + .collapsing-list__description {
-					.collapsing-list__excerpt {
-						height: font.$u-line-height-base + em;
-
-						/* #791. Wrap excerpt one liner with (...) when collapsed. */
-						p {
-							text-overflow: ellipsis;
-							overflow: hidden;
-							white-space: nowrap;
-						}
-					}
-
-					.collapsing-list__content {
-						display: none;
-					}
-
-					.collapsing-list__excerpt {
-						margin-bottom: spacing.u-spacing( -3 );
-					}
-				}
-			}
-
-			&--expanded {
-				padding: spacing.u-spacing( -3 ) 0 spacing.u-spacing( -3 ) spacing.u-spacing( 3 );
-
-				// Do not touch dedicated error code page. See: https://github.com/cksource/umberto/issues/788
-				& + .collapsing-list__description:not(.collapsing-list__description--error-page) {
-					.collapsing-list__excerpt {
-						// Properly display excerpt and `see source` link for expanded description.
-						display: flex;
-						justify-content: space-between;
-
-						p {
-							text-overflow: initial;
-							overflow: visible;
-							height: auto;
-							white-space: inherit;
-							margin-bottom: spacing.u-spacing( -3 );
-						}
-					}
-
-					.collapsing-list__content {
-						display: block;
-					}
-
-					.see-source {
-						display: block;
-						float: right;
-						margin-left: 50px;
-						margin-bottom: 12px;
-					}
-				}
-			}
-		}
-
-		&:target {
-			animation: highlight 2s;
-
-			& + .collapsing-list__description {
-				animation: highlight 2s;
-			}
-		}
-
-		h3 {
-			margin-bottom: 0;
-			padding-top: 0;
-			width: 100%;
-
-			@include font.u-baseline( 0 );
-
-			code {
-				font-weight: 400;
-			}
-
-			&:first-of-type {
-				flex: 2;
-			}
-
-			.badges {
-				text-align: right;
-				float: right;
-				margin-left: spacing.u-spacing( 0 );
-			}
-		}
-
-		p {
-			margin-bottom: 0;
-			padding-top: 0;
-		}
-
-		&.hidden {
-			&::before {
-				display: none;
-			}
-
-			&.toggler {
-				&--collapsed,
-				&--expanded {
-					cursor: auto;
-				}
-			}
-		}
-	}
-
-	&__description {
-		//padding: 0 0 0 spacing.u-spacing( 3 );
-		overflow: hidden;
-
-		.collapsing-list__excerpt {
-			padding-top: 0;
-
-			&--short {
-				text-overflow: ellipsis;
-				overflow: hidden;
-				height: font.$u-line-height-base + em;
-				white-space: nowrap;
-				margin-bottom: math.div( spacing.u-spacing( 0 ), 2 );
-			}
-		}
-
-		dl {
-			padding: 0 0 0 spacing.u-spacing( 3 );
-
-			dd p {
-				padding-left: spacing.u-spacing( 3 );
-			}
-
-			.dlheading5,
-			.dlheading6 {
-				@include font.u-baseline( 0 );
-				padding-left: spacing.u-spacing( 3 );
-				font-weight: 400;
-				color: rgba( color.u-color( 'text-header' ), .9 );
-			}
-		}
-	}
-
-	&__bottom {
-		margin-bottom: spacing.u-spacing( 0 );
-	}
-
-	&--filtered {
-		.collapsing-list__item {
-			display: none;
-
-			&--visible {
-				display: block;
-
-				.collapsing-list__term {
-					display: flex;
-				}
-			}
-		}
-	}
-
-	.collapsing-list__description {
-		ul, ol {
-			@include font.u-baseline( 0 );
-		}
-	}
-
-	&__dev-names {
-		code#{&}--active {
-			display: block;
-			color: color.u-color( 'text', 40% );
-			font-size: font.u-font-size( -1 );
-			cursor: default;
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			direction: rtl;
-			text-align: left;
-			width: 100%;
-		}
-		& code {
-			display: none;
-		}
-	}
-}