aboutsummaryrefslogtreecommitdiffstats
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/Brew-Test-Bot-For-Core-Contributors.md6
-rw-r--r--docs/Brew-Test-Bot.md2
-rw-r--r--docs/Manpage.md41
-rw-r--r--docs/New-Maintainer-Checklist.md4
-rw-r--r--docs/Python-for-Formula-Authors.md2
-rw-r--r--docs/Troubleshooting.md3
-rw-r--r--docs/_layouts/index.html2
-rw-r--r--docs/css/reset.css53
-rw-r--r--docs/css/screen.css389
-rw-r--r--docs/css/screen.scss488
10 files changed, 512 insertions, 478 deletions
diff --git a/docs/Brew-Test-Bot-For-Core-Contributors.md b/docs/Brew-Test-Bot-For-Core-Contributors.md
index eff5ecab3..8df0a2835 100644
--- a/docs/Brew-Test-Bot-For-Core-Contributors.md
+++ b/docs/Brew-Test-Bot-For-Core-Contributors.md
@@ -4,10 +4,10 @@ If a build has run and passed on `brew test-bot` then it can be used to quickly
There are two types of Jenkins jobs you will interact with:
-## [Homebrew Core Pull Requests](https://bot.brew.sh/job/Homebrew%20Core/)
+## [Homebrew Core Pull Requests](https://jenkins.brew.sh/job/Homebrew%20Core/)
This job automatically builds any pull requests submitted to Homebrew/homebrew-core. On success or failure it updates the pull request status (see more details on the [main Brew Test Bot documentation page](Brew-Test-Bot.md)). On a successful build it automatically uploads bottles.
-## [Homebrew Testing](https://bot.brew.sh/job/Homebrew%20Testing/)
+## [Homebrew Testing](https://jenkins.brew.sh/job/Homebrew%20Testing/)
This job is manually triggered to run [`brew test-bot`](https://github.com/Homebrew/homebrew-test-bot/blob/master/cmd/brew-test-bot.rb) with user-specified parameters. On a successful build it automatically uploads bottles.
You can manually start this job with parameters to run [`brew test-bot`](https://github.com/Homebrew/homebrew-test-bot/blob/master/cmd/brew-test-bot.rb) with the same parameters. It's often useful to pass a pull request URL, a commit URL, a commit SHA-1 and/or formula names to have the Brew Test Bot test them, report the results and produce bottles.
@@ -22,5 +22,5 @@ To pull and bottle a pull request with `brew pull`:
To bottle a test build:
1. Ensure the job has already completed successfully.
-2. Run `brew pull --bottle https://bot.brew.sh/job/Homebrew%20Testing/1234/` where `https://bot.brew.sh/job/Homebrew%20Testing/1234/` is the testing build URL in Jenkins.
+2. Run `brew pull --bottle https://jenkins.brew.sh/job/Homebrew%20Testing/1234/` where `https://jenkins.brew.sh/job/Homebrew%20Testing/1234/` is the testing build URL in Jenkins.
3. Run `git push` to push the commits.
diff --git a/docs/Brew-Test-Bot.md b/docs/Brew-Test-Bot.md
index f16315915..4a3a639d5 100644
--- a/docs/Brew-Test-Bot.md
+++ b/docs/Brew-Test-Bot.md
@@ -4,7 +4,7 @@
by [our Kickstarter in 2013](https://www.kickstarter.com/projects/homebrew/brew-test-bot).
It comprises four Mac Minis running in a data centre in England which host
-[a Jenkins instance at https://bot.brew.sh](https://bot.brew.sh) and run the
+[a Jenkins instance at https://jenkins.brew.sh](https://jenkins.brew.sh) and run the
[`brew-test-bot.rb`](https://github.com/Homebrew/homebrew-test-bot/blob/master/cmd/brew-test-bot.rb)
Ruby script to perform automated testing of commits to the master branch, pull
requests and custom builds requested by maintainers.
diff --git a/docs/Manpage.md b/docs/Manpage.md
index fdef2dd8a..523eaf289 100644
--- a/docs/Manpage.md
+++ b/docs/Manpage.md
@@ -776,7 +776,7 @@ With `--verbose` or `-v`, many commands print extra debugging information. Note
~ The URL of a commit on GitHub
- ~ A "https://bot.brew.sh/job/..." string specifying a testing job ID
+ ~ A "https://jenkins.brew.sh/job/..." string specifying a testing job ID
If `--bottle` is passed, handle bottles, pulling the bottle-update
commit and publishing files on Bintray.
@@ -910,8 +910,15 @@ can take several different forms:
The formula file will be cached for later use.
## ENVIRONMENT
+ * `HOMEBREW_ARTIFACT_DOMAIN`:
+ If set, instructs Homebrew to use the given URL as a download mirror for bottles and binaries.
+
+ * `HOMEBREW_AUTO_UPDATE_SECS`:
+ If set, Homebrew will only check for autoupdates once per this seconds interval.
+
+ *Default:* `60`.
- * `AWS_ACCESS_KEY_ID`, `AWS_SECRET_ACCESS_KEY`:
+ * `HOMEBREW_AWS_ACCESS_KEY_ID`, `HOMEBREW_AWS_SECRET_ACCESS_KEY`:
When using the `S3` download strategy, Homebrew will look in
these variables for access credentials (see
<https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-getting-started.html#cli-environment>
@@ -919,30 +926,9 @@ can take several different forms:
the `S3` download strategy will download with a public
(unsigned) URL.
- * `BROWSER`:
- If set, and `HOMEBREW_BROWSER` is not, use `BROWSER` as the web browser
- when opening project homepages.
-
- * `EDITOR`:
- If set, and `HOMEBREW_EDITOR` and `VISUAL` are not, use `EDITOR` as the text editor.
-
- * `GIT`:
- When using Git, Homebrew will use `GIT` if set,
- a Homebrew-built Git if installed, or the system-provided binary.
-
- Set this to force Homebrew to use a particular git binary.
-
* `HOMEBREW_BOTTLE_DOMAIN`:
If set, instructs Homebrew to use the given URL as a download mirror for bottles.
- * `HOMEBREW_ARTIFACT_DOMAIN`:
- If set, instructs Homebrew to use the given URL as a download mirror for bottles and binaries.
-
- * `HOMEBREW_AUTO_UPDATE_SECS`:
- If set, Homebrew will only check for autoupdates once per this seconds interval.
-
- *Default:* `60`.
-
* `HOMEBREW_BROWSER`:
If set, uses this setting as the browser when opening project homepages,
instead of the OS default browser.
@@ -990,6 +976,12 @@ can take several different forms:
If set, Homebrew will always use its vendored, relocatable Ruby 2.0 version
even if the system version of Ruby is >=2.0.
+ * `HOMEBREW_GIT`:
+ When using Git, Homebrew will use `GIT` if set,
+ a Homebrew-built Git if installed, or the system-provided binary.
+
+ Set this to force Homebrew to use a particular git binary.
+
* `HOMEBREW_GITHUB_API_TOKEN`:
A personal access token for the GitHub API, which you can create at
<https://github.com/settings/tokens>. If set, GitHub will allow you a
@@ -1055,9 +1047,6 @@ can take several different forms:
* `HOMEBREW_VERBOSE`:
If set, Homebrew always assumes `--verbose` when running commands.
- * `VISUAL`:
- If set, and `HOMEBREW_EDITOR` is not, use `VISUAL` as the text editor.
-
## USING HOMEBREW BEHIND A PROXY
Homebrew uses several commands for downloading files (e.g. `curl`, `git`, `svn`).
diff --git a/docs/New-Maintainer-Checklist.md b/docs/New-Maintainer-Checklist.md
index 924e2caa1..f0f3f38a0 100644
--- a/docs/New-Maintainer-Checklist.md
+++ b/docs/New-Maintainer-Checklist.md
@@ -47,8 +47,8 @@ If they accept, follow a few steps to get them set up:
- Invite them to the [**@Homebrew/maintainers** team](https://github.com/orgs/Homebrew/teams/maintainers) to give them write access to all repositories (but don't make them owners yet). They will need to enable [GitHub's Two Factor Authentication](https://help.github.com/articles/about-two-factor-authentication/).
- Ask them to sign in to [Bintray](https://bintray.com) using their GitHub account and they should auto-sync to [Bintray's Homebrew organisation](https://bintray.com/homebrew/organization/edit/members) as a member so they can publish new bottles
-- Add them to the [Jenkins' GitHub Authorization Settings admin user names](https://bot.brew.sh/configureSecurity/) so they can adjust settings and restart jobs
-- Add them to the [Jenkins' GitHub Pull Request Builder admin list](https://bot.brew.sh/configure) to enable `@BrewTestBot test this please` for them
+- Add them to the [Jenkins' GitHub Authorization Settings admin user names](https://jenkins.brew.sh/configureSecurity/) so they can adjust settings and restart jobs
+- Add them to the [Jenkins' GitHub Pull Request Builder admin list](https://jenkins.brew.sh/configure) to enable `@BrewTestBot test this please` for them
- Invite them to the [`homebrew-dev` private maintainers mailing list](https://groups.google.com/forum/#!managemembers/homebrew-dev/invite)
- Invite them to the [`machomebrew` private maintainers Slack](https://machomebrew.slack.com/admin/invites)
- Invite them to the [`homebrew` private maintainers 1Password](https://homebrew.1password.com/signin)
diff --git a/docs/Python-for-Formula-Authors.md b/docs/Python-for-Formula-Authors.md
index d3e7543db..ea86cf84c 100644
--- a/docs/Python-for-Formula-Authors.md
+++ b/docs/Python-for-Formula-Authors.md
@@ -143,7 +143,7 @@ def install
%w[six parsedatetime].each do |r|
venv.pip_install resource(r)
end
- venv.link_scripts(bin) { venv.pip_install buildpath }
+ venv.pip_install_and_link buildpath
end
```
diff --git a/docs/Troubleshooting.md b/docs/Troubleshooting.md
index 180dac1fd..2ffa256d1 100644
--- a/docs/Troubleshooting.md
+++ b/docs/Troubleshooting.md
@@ -13,12 +13,11 @@ Follow these steps to fix common problems:
* Check that **Command Line Tools for Xcode (CLT)** and **Xcode** are up to date.
* If commands fail with permissions errors, check the permissions of `/usr/local`'s subdirectories. If you’re unsure what to do, you can run `cd /usr/local && sudo chown -R $(whoami) bin etc include lib sbin share var Frameworks`.
* Read through the [Common Issues](Common-Issues.md).
-* If you’re installing something Java-related, make sure you have installed Java (you can run `brew cask install java`).
## Check to see if the issue has been reported
* Search the [issue tracker](https://github.com/Homebrew/homebrew-core/issues) to see if someone else has already reported the same issue.
-* Make sure you search issues on the correct repository. If a formula that has failed to build is part of a tap like [homebrew/science](https://github.com/Homebrew/homebrew-science/issues) or [homebrew/dupes](https://github.com/Homebrew/homebrew-dupes/issues) check those issue trackers instead.
+* Make sure you search issues on the correct repository. If a formula that has failed to build is part of a tap like [homebrew/science](https://github.com/Homebrew/homebrew-science/issues) or a cask is part of [caskroom/cask](https://github.com/caskroom/homebrew-cask/issues) check those issue trackers instead.
## Create an issue
diff --git a/docs/_layouts/index.html b/docs/_layouts/index.html
index 570718287..daf4fb6c0 100644
--- a/docs/_layouts/index.html
+++ b/docs/_layouts/index.html
@@ -1,7 +1,7 @@
---
layout: base
---
-<div id="informations">
+<div id="information">
<ul>
<li>
<div class="group row">
diff --git a/docs/css/reset.css b/docs/css/reset.css
deleted file mode 100644
index 1c85489d6..000000000
--- a/docs/css/reset.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
-}
-body {
- line-height: 1;
-}
-ol, ul {
- list-style: none;
-}
-blockquote, q {
- quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
-
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
- text-decoration: none;
-}
-del {
- text-decoration: line-through;
-}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
diff --git a/docs/css/screen.css b/docs/css/screen.css
deleted file mode 100644
index 836edac15..000000000
--- a/docs/css/screen.css
+++ /dev/null
@@ -1,389 +0,0 @@
-/* ****************************************************
-
- @file screen.css
- @description Screen stylesheet
- vim: set noet ts=4 fdm=marker fenc=utf-8:
-
-***************************************************** */
-
-@import url("./reset.css");
-
-/* @section Basic {{{
-******************************************************************************/
-
-html {
- font-size: 62.5%;
- font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
-}
-
-html, body { height: 100%; }
-
-body {
- font-size: 150%;
- line-height: 1.4;
- color: #F9D094;
- background: #2E2A24;
- position: relative;
- behavior: url("/js/ie6/csshover.htc");
- padding: 0 30px;
-}
-
-p,ul,ol,dl,table,pre { margin-bottom: 1em; }
-ul { margin-left: 20px; }
-a { text-decoration: none; cursor: pointer; color: #ba832c; font-weight: bold; }
-a:focus { outline: 1px dotted; }
-a:visited { }
-a:hover, a:focus { color: #d3a459; text-decoration: underline; }
-a *, button * { cursor: pointer; }
-hr { display: none; }
-small { font-size: 90%; }
-input, select, button, textarea, option { font-size: 100%; }
-button, label, select, option, input[type=submit] { cursor: pointer; }
-.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .group {display: inline-block;}
-/* Hides from IE-mac \*/ * html .group {height: 1%;} .group {display: block;} /* End hide from IE-mac */
-sup { font-size: 80%; line-height: 1; vertical-align: super; }
-button::-moz-focus-inner { border: 0; padding: 1px; }
-span.amp { font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
-h1,h2,h3,h4,h5,h6 { line-height: 1.1; }
-
-::selection { background: #745626; }
-::-moz-selection { background: #745626; }
-
-h1, h2, h3 {
- font-size: 420%;
- margin: 0 0 0.1em;
- font-weight: 900;
- text-shadow: 1px 1px 10px rgba(0,0,0,0.25);
-}
-
-h2 {
- font-size: 300%;
- text-align: center;
- font-weight: 800;
- color: #F9D094;
- margin-top: 0.5em;
- margin-bottom: 0.1em;
-}
-
-h3 {
- font-size: 125%;
- text-align: center;
- font-weight: 800;
- color: #F9D094;
- margin-top: 0.5em;
- margin-bottom: 0.1em;
-}
-
-#forkme {
- width: 149px;
- height: 149px;
- position: absolute;
- top: 0;
- right: 0;
- border: 0
-}
-
-h1 a,
-h1 a:hover {
- color: #F9D094;
- font-weight: 900;
-}
-
-#wrap {
- width: 57em;
- /*width: 760px;*/
- max-width: 100%;
- margin: 0 auto;
- padding: 15px 0 0;
-}
-
-#header {
- text-align: center;
- margin-bottom: 1em;
-}
-
-#language {
- margin-bottom: 2em;
-}
-
-pre {
- background: rgba(0,0,0,0.3);
- color: #fff;
- padding: 8px 10px;
- border-radius: 0.4em;
- -moz-border-radius: 0.4em;
- -webkit-border-radius: 0.4em;
- overflow-x: auto;
-}
-
-pre code {
- font-family: "Monaco", "Menlo", monospace;
- font-size: 11px;
- line-height: 1.6;
-}
-
-#selectable {
- font-size: 13px;
-}
-
-.avatar {
- border-radius: 0.4em;
- overflow: hidden;
- margin-right: 0.5em;
- vertical-align: middle;
-}
-
-#home, #page, .postcontent {
- font-size: 1.2em;
- min-width: 25em;
- max-width: 35em;
- margin: 0 auto;
- margin-top: 1em;
- padding-top: 1em;
- padding-bottom: 1em;
-}
-
-#home img, #page img, .postcontent img {
- min-width: 25em;
- max-width: 35em;
-}
-
-#home th, #page th, .postcontent th, #home td, #page td, .postcontent td {
- padding: 0.25em 0.5em;
-}
-
-#post, #home, #page, .singlepostcontent, .posts li {
- border-top: 1px solid rgba(255,255,255,0.08);
- box-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-}
-
-#home ul, #page ul, .postcontent ul {
- list-style: inherit;
-}
-
-#home h1, #page h1 {
- font-size: 250%;
- font-weight: 800;
- text-align: center;
- padding-bottom: 0.5em;
-}
-
-#home h2, #page h2 {
- font-size: 175%;
- font-weight: 700;
- text-align: left;
- padding-bottom: 0.3em;
-}
-
-#home h3, #page h3 {
- font-size: 150%;
- font-weight: 700;
- text-align: left;
- padding-bottom: 0.3em;
-}
-
-#home code, #page code {
- font-size: 100%;
-}
-
-#home pre code, #page pre code {
- font-size: 80%;
-}
-
-table {
- border-collapse: separate;
- border: solid rgba(0,0,0,0.4) 1px;
- border-radius: 0.4em;
- -moz-border-radius: 0.4em;
- -webkit-border-radius: 0.4em;
- margin-top: 1em;
-}
-
-.full-width {
- width: 100%;
-}
-
-table td, th {
- padding: 0.1em 1em;
-}
-
-table code {
- font-size: 130%;
-}
-
-.number-data {
- text-align: right;
-}
-
-table tr:nth-child(odd) {
- background: rgba(0,0,0,0.2);
-}
-
-table tr th, table tr:nth-child(even) {
- background: rgba(0,0,0,0.4);
-}
-
-/*}}}*/
-
-/* @section Informations {{{
-******************************************************************************/
-
-#informations {
- border-top: 1px solid rgba(0,0,0,0.5);
-}
-
-#informations ul {
- margin: 0;
-}
-
-#informations .row, #border-bottom {
- border-bottom: 1px solid rgba(0,0,0,0.5);
- border-top: 1px solid rgba(255,255,255,0.08);
- padding: 2em 20px 0;
-}
-
-#informations .row .col-1 {
- width: 49%;
- float: left;
- padding: 0 0 1em;
-}
-
-#informations .row .col-2 {
- width: 49%;
- float: right;
- padding: 0 0 1em;
-}
-
-@media screen and (min-width: 700px) {
- #informations .highlight {
- margin-inline-end: 0;
- -moz-margin-end: 0;
- -webkit-margin-end: 0;
- }
-}
-
-.button {
- text-align: center;
- margin: 1em 0 2em;
-}
-
-#informations .button a {
- background: rgba(162,107,20,0.3);
- padding: 8px 10px 6px;
- border-radius: 0.4em;
- -moz-border-radius: 0.4em;
- -webkit-border-radius: 0.4em;
- box-shadow: 0 0 5px rgba(0,0,0,0.4);
- -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
- -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
- font-size: larger;
-}
-
-#informations .button a:hover {
- background: rgba(162,107,20,0.25);
-}
-
-#informations .button-large {
- padding: 2em 0 1em;
- font-size: 120%;
-}
-
-#informations .quote {
- text-align: center;
- color: #816f51;
- padding-bottom: 2em;
-}
-
-#informations .quote blockquote {
- font-size: 140%;
- padding: 0 15%;
-}
-
-#informations .quote blockquote span {
- font-size: 140%;
- line-height: 0.5;
- vertical-align: sub;
-}
-
-#informations .quote cite {
- font-style: normal;
-}
-
-#informations .quote cite a {
- font-weight: normal;
-}
-
-#informations .credits, #border-no-bottom {
- border-bottom: none;
- font-size: 70%;
- text-align: center;
- padding-top: 1.8em;
- opacity: 0.5;
-}
-
-#informations .credits p {
- margin: 0;
- padding: 0 0 0.7em;
-}
-
-/*}}}*/
-
-/* @section Mobile {{{
-******************************************************************************/
-@media screen and (max-width: 700px) {
- body {
- padding: 0px;
- }
-
- h1 {
- font-size: 350%;
- }
-
- h2 {
- font-size: 250%;
- }
-
- #forkme {
- width: 100px;
- height: 100px;
- }
-
- #informations .row .col-1 {
- width: 100%;
- padding: 0;
- margin: 0;
- }
-
- #informations .row .col-2 {
- width: 100%;
- float: left;
- }
- pre code#selectable {
- width: 90%;
- margin: 0 auto;
- }
-}
-/*}}}*/
-
-/* @section RTL {{{
-******************************************************************************/
-[dir="rtl"] ul { margin-left: 0; margin-right: 20px; }
-
-[dir="rtl"] pre {
- direction: ltr;
- text-align: left;
-}
-
-[dir="rtl"] #informations .row .col-1 {
- float: right;
-}
-
-[dir="rtl"] #informations .row .col-2 {
- float: left;
-}
-
-@media screen and (max-width: 700px) {
- [dir="rtl"] #informations .row .col-2 {
- float: right;
- }
-}
diff --git a/docs/css/screen.scss b/docs/css/screen.scss
new file mode 100644
index 000000000..5acdf4657
--- /dev/null
+++ b/docs/css/screen.scss
@@ -0,0 +1,488 @@
+---
+---
+
+$color_peach_orange_approx: #f9d094;
+$color_rangitoto_approx: #2e2a24;
+$color_marigold_approx: #ba832c;
+$color_di_serria_approx: #d3a459;
+$color_dallas_approx: #745626;
+$black_25: rgba(0, 0, 0, 0.25);
+$black_30: rgba(0, 0, 0, 0.3);
+$white: #fff;
+$white_8: rgba(255, 255, 255, 0.08);
+$black_50: rgba(0, 0, 0, 0.5);
+$black_40: rgba(0, 0, 0, 0.4);
+$black_20: rgba(0, 0, 0, 0.2);
+$color_reno_sand_30_approx: rgba(162, 107, 20, 0.3);
+$color_reno_sand_25_approx: rgba(162, 107, 20, 0.25);
+$color_shadow_approx: #816f51;
+
+@mixin border-radius($radius) {
+ border-radius: $radius;
+ -moz-border-radius: $radius;
+ -webkit-border-radius: $radius;
+}
+
+@mixin box-shadow($x, $y, $blur, $color) {
+ box-shadow: $x $y $blur $color;
+ -moz-box-shadow: $x $y $blur $color;
+ -webkit-box-shadow: $x $y $blur $color;
+}
+
+@mixin margin-inline-end($margin) {
+ margin-inline-end: $margin;
+ -moz-margin-end: $margin;
+ -webkit-margin-end: $margin;
+}
+
+h1, h2, h3 {
+ font-size: 420%;
+ color: $color_peach_orange_approx;
+ margin: 0 0 0.1em;
+ text-align: center;
+ text-shadow: 1px 1px 10px $black_25;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.1;
+}
+
+h1 {
+ font-weight: 900;
+ a, a:hover {
+ font-weight: 900;
+ color: $color_peach_orange_approx;
+ }
+}
+
+h2, h3 {
+ font-weight: 800;
+ margin-top: 0.5em;
+ margin-bottom: 0.1em;
+}
+
+h2 {
+ font-size: 300%;
+}
+
+h3 {
+ font-size: 125%;
+}
+
+#home, #page {
+ h1 {
+ font-size: 250%;
+ font-weight: 800;
+ padding-bottom: 0.5em;
+ }
+
+ h2, h3 {
+ font-weight: 700;
+ text-align: left;
+ padding-bottom: 0.3em;
+ }
+
+ h2 {
+ font-size: 175%;
+ }
+
+ h3 {
+ font-size: 150%;
+ }
+}
+
+#home, #page, .postcontent {
+ font-size: 1.2em;
+ min-width: 25em;
+ max-width: 35em;
+ margin: 0 auto;
+ margin-top: 1em;
+ padding-top: 1em;
+ padding-bottom: 1em;
+}
+
+#information .row, #border-bottom {
+ border-bottom: 1px solid $black_50;
+ border-top: 1px solid $white_8;
+ padding: 2em 20px 0;
+}
+
+html {
+ margin: 0;
+ padding: 0;
+ font-size: 62.5%;
+ font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Roboto", "sans-serif";
+ height: 100%;
+}
+
+body {
+ height: 100%;
+ font-size: 150%;
+ line-height: 1.4;
+ color: $color_peach_orange_approx;
+ background: $color_rangitoto_approx;
+ position: relative;
+ margin: 0;
+ padding: 0 30px;
+}
+
+p {
+ margin: 0 0 1em 0;
+}
+
+ul, ol, dl {
+ margin-bottom: 1em;
+}
+
+ul {
+ margin-left: 20px;
+}
+
+table {
+ margin-bottom: 1em;
+ border-collapse: separate;
+ border-spacing: 0;
+ border: solid $black_40 1px;
+ @include border-radius(0.4em);
+ margin-top: 1em;
+ td {
+ padding: 0.1em 1em;
+ }
+
+ code {
+ font-size: 130%;
+ }
+
+ tr {
+ &:nth-child(odd) {
+ background: $black_20;
+ }
+
+ th {
+ background: $black_40;
+ }
+
+ &:nth-child(even) {
+ background: $black_40;
+ }
+ }
+}
+
+pre {
+ margin: 0 0 1em 0;
+ background: $black_30;
+ color: $white;
+ padding: 8px 10px;
+ @include border-radius(0.4em);
+ overflow-x: auto;
+ code {
+ font-family: "Monaco", "Menlo", "monospace";
+ font-size: 11px;
+ line-height: 1.6;
+ }
+}
+
+a {
+ text-decoration: none;
+ color: $color_marigold_approx;
+ font-weight: bold;
+ &:focus {
+ outline: 1px dotted;
+ color: $color_di_serria_approx;
+ text-decoration: underline;
+ }
+
+ &:hover {
+ color: $color_di_serria_approx;
+ text-decoration: underline;
+ }
+}
+
+button, input, select, textarea, option {
+ font-size: 100%;
+}
+
+a, a *, button, button *, select, option, label, input[type=submit] {
+ cursor: pointer;
+}
+
+hr {
+ display: none;
+}
+
+small {
+ font-size: 90%;
+}
+
+.group {
+ display: block;
+ &:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+ }
+}
+
+sup {
+ font-size: 80%;
+ line-height: 1;
+ vertical-align: super;
+}
+
+button::-moz-focus-inner {
+ border: 0;
+ padding: 1px;
+}
+
+::selection, ::-moz-selection {
+ background: $color_dallas_approx;
+}
+
+#forkme {
+ width: 149px;
+ height: 149px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ border: 0;
+}
+
+#wrap {
+ width: 57em;
+ max-width: 100%;
+ margin: 0 auto;
+ padding: 15px 0 0;
+}
+
+#header {
+ text-align: center;
+ margin-bottom: 1em;
+}
+
+#language {
+ margin-bottom: 2em;
+}
+
+#selectable {
+ font-size: 13px;
+}
+
+.avatar {
+ @include border-radius(0.4em);
+ overflow: hidden;
+ margin-right: 0.5em;
+ vertical-align: middle;
+}
+
+#home, #page, #post, .singlepostcontent {
+ border-top: 1px solid $white_8;
+ @include box-shadow(0, -1px, 0, $black_50);
+}
+
+#home, #page {
+ code {
+ font-size: 100%;
+ }
+
+ pre code {
+ font-size: 80%;
+ }
+}
+
+#home, #page, .postcontent {
+ img {
+ min-width: 25em;
+ max-width: 35em;
+ }
+
+ th, td {
+ padding: 0.25em 0.5em;
+ }
+}
+
+.full-width {
+ width: 100%;
+}
+
+th {
+ padding: 0.1em 1em;
+}
+
+.number-data {
+ text-align: right;
+}
+
+#information ul, .posts {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+#information {
+ border-top: 1px solid $black_50;
+ .row {
+ .col-1 {
+ width: 49%;
+ float: left;
+ padding: 0 0 1em;
+ }
+
+ .col-2 {
+ width: 49%;
+ float: right;
+ padding: 0 0 1em;
+ }
+ }
+
+ .button-large {
+ padding: 2em 0 1em;
+ font-size: 120%;
+ }
+
+ .quote {
+ text-align: center;
+ color: $color_shadow_approx;
+ padding-bottom: 2em;
+ blockquote {
+ font-size: 140%;
+ padding: 0 15%;
+ span {
+ font-size: 140%;
+ line-height: 0.5;
+ vertical-align: sub;
+ }
+ }
+
+ cite {
+ font-style: normal;
+ a {
+ font-weight: normal;
+ }
+ }
+ }
+
+ .credits {
+ border-bottom: none;
+ font-size: 70%;
+ text-align: center;
+ padding-top: 1.8em;
+ opacity: 0.5;
+ p {
+ margin: 0;
+ padding: 0 0 0.7em;
+ }
+ }
+ .button a {
+ background: $color_reno_sand_30_approx;
+ padding: 8px 10px 6px;
+ @include border-radius(0.4em);
+ @include box-shadow(0, 0, 5px, $black_40);
+ font-size: larger;
+ &:hover {
+ background: $color_reno_sand_25_approx;
+ }
+ }
+}
+
+.button {
+ text-align: center;
+ margin: 1em 0 2em;
+}
+
+#border-no-bottom {
+ border-bottom: none;
+ font-size: 70%;
+ text-align: center;
+ padding-top: 1.8em;
+ opacity: 0.5;
+}
+
+* html .group {
+ height: 1%;
+}
+
+span .amp {
+ font-weight: normal;
+ font-style: italic;
+ font-size: 1.2em;
+ line-height: 0.8;
+}
+
+.posts li {
+ border-top: 1px solid $white_8;
+ @include box-shadow(0, -1px, 0, $black_50);
+}
+
+[dir="rtl"] {
+ ul {
+ margin-left: 0;
+ margin-right: 20px;
+ }
+
+ pre {
+ direction: ltr;
+ text-align: left;
+ }
+
+ #information .row {
+ .col-1 {
+ float: right;
+ }
+ .col-2 {
+ float: left;
+ }
+ }
+}
+
+@media screen and(min-width: 700px) {
+ #information .highlight {
+ @include margin-inline-end(0);
+ }
+}
+
+@media screen and(max-width: 700px) {
+ body {
+ padding: 0;
+ }
+
+ #post, #page, .posts {
+ margin: 0 1em;
+ }
+
+ h1 {
+ font-size: 350%;
+ }
+
+ h2 {
+ font-size: 250%;
+ }
+
+ #forkme {
+ width: 100px;
+ height: 100px;
+ }
+
+ #information .row {
+ .col-1 {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ }
+
+ .col-2 {
+ width: 100%;
+ float: left;
+ }
+ }
+
+ pre code#selectable {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ [dir="rtl"] #information .row .col-2 {
+ float: right;
+ }
+}