// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
// For licensing, see LICENSE.md.

@use 'helpers/color';
@use 'helpers/spacing';

.main__content-inner {
  	h2, h3, h4, h5, h6 {
		// Make sure only those headers that have IDs (and a link) get the relative position because applying
		// this styles to all headers, including these in the editor content, breaks some editor feature styles
		// See https://github.com/cksource/umberto/issues/899.
		&[id] {
			position: relative;

			.headerlink {
				display: none;
				position: absolute;
				padding: 0 1em;
				left: -2em;
				color: color.u-color( 'link', 20% );
			}

			&:hover {
				.headerlink {
					display: block;
				}
			}
		}
	}

	.inline {
	  	display: inline-block;
	  	margin: 0;
	  	padding: 0 spacing.u-spacing( -2 );
	  	vertical-align: text-bottom;
	}
}
