Tweak Ember.js Docs by jasonglassbrook

/* ==UserStyle==
@name         Tweak Ember.js Docs
@version      0.1.1
@namespace    userstyles.world/user/jasonglassbrook
@description  Tweak Ember.js's Docs to use the full width of your window and to improve the consistency of the UI between <guides.emberjs.com>, <api.emberjs.com>, and <cli.emberjs.com>.
@author       jasonglassbrook
@license      No License
==/UserStyle== */

@-moz-document regexp("^https?://([a-zA-Z0-9_-]+\\.)*emberjs\\.com(/.*)?$") {
/* HEADER */

body > header,
body > header > div.ember-view,
body > header > div.ember-view > div.container,
body > header.ember-view,
body > header.ember-view > div.ember-view,
body > header.ember-view > div.ember-view > div.container
{
	/* --- reset --- */
	margin: 0;
	padding: 0;
	width: auto;
	min-width: auto;
	max-width: none;
	height: auto;
	min-height: auto;
	max-height: none;
}

body > header > div.ember-view > div.container,
body > header.ember-view > div.ember-view > div.container
{
	height: 2.95rem;
	padding-inline: 2.0rem;
}

body > header div.container nav > a,
body > header div.container nav > a > svg,
body > header div.container nav > button,
body > header div.container nav > button > *,
body > header div.container nav > div.collapse ul,
body > header div.container nav > div.collapse ul li,
body > header div.container nav > div.collapse ul a,
body > header div.container nav > div.collapse ul div.search-input,
body > header.ember-view div.container nav.navbar > a.navbar-brand,
body > header.ember-view div.container nav.navbar > a.navbar-brand > svg,
body > header.ember-view div.container nav.navbar > button.navbar-toggler,
body > header.ember-view div.container nav.navbar > button.navbar-toggler > *,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav li.ember-view,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav li.nav-item,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav a.nav-link,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav div.search-input
{
	/* --- reset --- */
	margin: 0;
	padding: 0;
}

body > header div.container nav,
body > header.ember-view div.container nav.navbar
{
	display: flex;
	align-content: stretch;
	justify-content: flex-start;
	align-items: center;
	justify-items: center;
	row-gap: 0.5rem;
	column-gap: 1.5rem;
}

body > header div.container nav > div.collapse,
body > header div.container nav > div.collapse ul,
body > header.ember-view div.container nav.navbar > div.collapse,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav
{
	display: flex;
	align-content: stretch;
	justify-content: flex-start;
	align-items: center;
	justify-items: center;
	row-gap: 0.5rem;
	column-gap: 0.5rem;
	margin: 0 !important;
}

body > header div.container nav > a,
body > header.ember-view div.container nav.navbar > a.navbar-brand
{
	padding-block: 0.3125rem;
}

body > header div.container nav > button,
body > header.ember-view div.container nav.navbar > button.navbar-toggler
{
	padding-block: 0.75rem;
}

body > header div.container nav > div.collapse ul a,
body > header div.container nav > div.collapse ul div.search-input,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav a.nav-link,
body > header.ember-view div.container nav.navbar > div.collapse ul.nav.navbar-nav div.search-input
{
	padding-inline: 0.5rem;
}

/* MAIN */

body > main,
body > main > aside,
body > main > article,
body > main > section,
body > main > section article,
body > main.container,
body > main.container > aside.sidebar,
body > main.container > article.chapter,
body > main.container > section.content,
body > main.container > section.content article.chapter
{
	/* --- reset --- */
	margin: 0;
	padding: 0;
	height: auto;
	min-height: auto;
	max-height: none;
}

body > main,
body > main > article,
body > main > section,
body > main > section article,
body > main.container,
body > main.container > article.chapter,
body > main.container > section.content,
body > main.container > section.content article.chapter
{
	/* --- reset --- */
	width: auto;
	min-width: auto;
	max-width: none;
}

body > main > aside,
body > main > article,
body > main > section,
body > main.container > aside.sidebar,
body > main.container > article.chapter,
body > main.container > section.content
{
	padding-block: 2.0rem;
	padding-inline: 2.0rem;
}

body > main > aside,
body > main.container > aside.sidebar
{
	min-width: 22.0rem;
	max-width: 22.0rem;
}

/* FOOTER */

body > footer,
body > footer > div.footer,
body > footer > div.footer > div.container,
body > footer.ember-view,
body > footer.ember-view > div.footer,
body > footer.ember-view > div.footer > div.container
{
	/* --- reset --- */
	margin: 0;
	padding: 0;
	height: auto;
	min-height: auto;
	max-height: none;
}

body > footer > div.footer,
body > footer > div.footer > div.container,
body > footer.ember-view > div.footer,
body > footer.ember-view > div.footer > div.container
{
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
}

body > footer > div.footer > div.container,
body > footer.ember-view > div.footer > div.container
{
	padding-block: 2.0rem;
	padding-inline: 2.0rem;
}
}