mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.DesktopArticleTarget.init-apextheme.css
Bartosz Dziewoński 6e076b3b6c DesktopArticleTarget: Make the progress bar into a reusable widget
We want to add a similar progress bar on mobile without copy-pasting
all this code.

Bug: T210630
Change-Id: I7192869cb719114ffd04940eabf38cf0f0421c13
2019-02-06 22:20:37 +01:00

31 lines
1.2 KiB
CSS

/*!
* VisualEditor MediaWiki DesktopArticleTarget Apex theme init styles.
*
* @copyright 2011-2019 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-init-mw-desktopArticleTarget-toolbar,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
/* Enforce different font-size for all UI elements of VisualEditor. The difference is tiny, but
enough to make the icon containers 23.813px rather than 24px and thus the icons blurry */
font-size: 1.00787401575em; /* 0.8em / x-small / 127% */
/* 1/ ( 0.8em / x-small / 127% ) */
margin: -0.9921875em;
margin-bottom: 0.9921875em;
}
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
border-bottom: 1px solid #ccc;
box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.1 );
background-color: #f8fbfd;
background-image: -webkit-gradient( linear, right top, right bottom, color-stop( 0, #fff ), color-stop( 100%, #f1f7fb ) );
background-image: -webkit-linear-gradient( top, #fff 0, #f1f7fb 100% );
background-image: -moz-linear-gradient( top, #fff 0, #f1f7fb 100% );
background-image: linear-gradient( to bottom, #fff 0, #f1f7fb 100% );
}
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-open {
height: 44px;
}