Template:Support Page WMF redesign: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 259:
@media (min-width: 768px) {
.mw-1360 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 2.5rem;
}
}
 
.mw-980 {
max-width: 66.25rem;
padding: 0 1.25rem;
margin: 0 auto;
}
 
@media (min-width: 768px) {
.mw-980 {
padding: 0 2.5rem;
}
}
 
 
/* Header */
Line 444 ⟶ 460:
.sp-toc {
position: sticky;
float: rightleft;
top: 1.5rem;
overflow-y: scroll;
width: 33.33333332%;
margin-bottom: 0;
padding-left: 2rem; /*32px*/
Line 499 ⟶ 515:
@media (min-width: 1024px) {
.sp-content {
width: 66.66666668%;
margin-bottom: 2.5rem;
}
Line 594 ⟶ 610:
</style>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<header class="sp-header mw-980">
<div class="sp-logo-nav-container">
<div class="sp-logo-container">
Line 614 ⟶ 630:
<svg class="sp-languages-expand" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" onclick="$('.sp-languages').toggleClass('-expanded');"><g fill="#6c8699"><title>more languages</title><path d="M6.2 1L4.8 2.5l7.4 7.5-7.4 7.5L6.2 19l9-9z"/></g></svg>
</div>
<div class="sp-header-inner mw-1360980">
<h1></html>{{{title|Example title}}}<html></h1>
</div>