@import 'mediawiki.skin.variables.less';

// MultimediaViewer specific global variables
// Height of the area of the metadata bar which is visible without scrolling.
@metadatabar-above-fold-height: 86px;

// adjust for @metadatabar-below-fold-pushup-height wide bottom padding - that area will be overlapped
// by the revealed part of the below-the-fold content
@metadatabar-above-fold-inner-height: @metadatabar-above-fold-height - @metadatabar-below-fold-pushup-height;

// Height of the top part of the "below-fold" content which is actually above the fold, as a scrolling affordance
@metadatabar-below-fold-pushup-height: 30px;

@panel-above-fold-background-color: @background-color-base;

// Height of the progress bar
@progress-bar-height: 14px;

// Height of dialogs
@dialog-height: 350px;

// Arrow size for dialogs
@arrow-size: 20px;
@arrow-border-size: 2px;

// Some button things that get included all over
@buttons-size: 32px;
@buttons-size-large: 44px;
@buttons-gap: 10px;
@buttons-offset-edge: 14px;
@buttons-offset-each: @buttons-size + @buttons-gap;

@buttons-icon-size: 20px; //icon size medium
@buttons-icon-size-large: 30px;

// dark mode version of --background-color-interactive-subtle
@buttons-background-color: #202122;
// dark mode version of --background-color-interactive-subtle: #202122;
@buttons-background-color-faded: ~'#20212274';