Skip to content
Snippets Groups Projects
Unverified Commit 96a0f5c2 authored by Mike McQuaid's avatar Mike McQuaid Committed by GitHub
Browse files

Merge pull request #4134 from MikeMcQuaid/use-jekyll-theme

Use Homebrew’s Jekyll theme
parents 05fc9307 21dba922
No related branches found
No related tags found
No related merge requests found
Showing
with 26 additions and 899 deletions
......@@ -32,7 +32,7 @@ You can also view all the information that is sent by Homebrew's analytics by se
It is impossible for the Homebrew developers to match any particular event to any particular user, even if we had access to the Homebrew analytics user ID (which we do not). An example of the most user-specific information we can see from Google Analytics:
![Aggregate user analytics](img/docs/analytics.png)
![Aggregate user analytics](assets/img/docs/analytics.png)
As far as we can tell it would be impossible for Google to match the randomly generated Homebrew-only analytics user ID to any other Google Analytics user ID. If Google turned evil the only thing they could do would be to lie about anonymising IP addresses and attempt to match users based on IP addresses.
......
......@@ -17,19 +17,19 @@ on the result of the job.
For example, a job which has been queued but not yet completed will have a
section in the pull request that looks like this:
![Triggered Pull Request](img/docs/brew-test-bot-triggered-pr.png)
![Triggered Pull Request](assets/img/docs/brew-test-bot-triggered-pr.png)
---
A failed build looks like this:
![Failed Pull Request](img/docs/brew-test-bot-failed-pr.png)
![Failed Pull Request](assets/img/docs/brew-test-bot-failed-pr.png)
---
A passed build looks like this:
![Passed Pull Request](img/docs/brew-test-bot-passed-pr.png)
![Passed Pull Request](assets/img/docs/brew-test-bot-passed-pr.png)
---
......@@ -38,13 +38,13 @@ in Jenkins.
A passed build looks like this:
![Passed Jenkins Build](img/docs/brew-test-bot-passed-jenkins.png)
![Passed Jenkins Build](assets/img/docs/brew-test-bot-passed-jenkins.png)
---
A failed build looks like this:
![Failed Jenkins Build](img/docs/brew-test-bot-failed-jenkins.png)
![Failed Jenkins Build](assets/img/docs/brew-test-bot-failed-jenkins.png)
---
......@@ -52,6 +52,6 @@ You can click the test results link
(e.g. `brew-test-bot.el_capitan.install openssl`) to
view the failed test output:
![Failed Test](img/docs/brew-test-bot-failed-test.png)
![Failed Test](assets/img/docs/brew-test-bot-failed-test.png)
---
source "https://rubygems.org"
gem "github-pages", group: :jekyll_plugins
gem "jekyll-theme-homebrew"
......@@ -17,9 +17,9 @@ GEM
ethon (0.11.0)
ffi (>= 1.3.0)
execjs (2.7.0)
faraday (0.13.1)
faraday (0.15.0)
multipart-post (>= 1.2, < 3)
ffi (1.9.18)
ffi (1.9.23)
forwardable-extended (2.6.0)
gemoji (3.0.0)
github-pages (158)
......@@ -70,10 +70,10 @@ GEM
octokit (~> 4.0)
public_suffix (~> 2.0)
typhoeus (~> 0.7)
html-pipeline (2.7.1)
html-pipeline (2.7.2)
activesupport (>= 2)
nokogiri (>= 1.4)
i18n (0.9.1)
i18n (0.9.5)
concurrent-ruby (~> 1.0)
jekyll (3.5.2)
addressable (~> 2.4)
......@@ -131,6 +131,10 @@ GEM
jekyll-theme-hacker (0.1.0)
jekyll (~> 3.5)
jekyll-seo-tag (~> 2.0)
jekyll-theme-homebrew (1.0.0)
jekyll (~> 3)
jekyll-feed (~> 0)
jekyll-seo-tag (~> 2)
jekyll-theme-leap-day (0.1.0)
jekyll (~> 3.5)
jekyll-seo-tag (~> 2.0)
......@@ -177,22 +181,22 @@ GEM
mini_portile2 (2.3.0)
minima (2.1.1)
jekyll (~> 3.3)
minitest (5.11.1)
minitest (5.11.3)
multipart-post (2.0.0)
net-dns (0.8.0)
nokogiri (1.8.1)
nokogiri (1.8.2)
mini_portile2 (~> 2.3.0)
octokit (4.8.0)
sawyer (~> 0.8.0, >= 0.5.3)
pathutil (0.16.1)
forwardable-extended (~> 2.6)
public_suffix (2.0.5)
rb-fsevent (0.10.2)
rb-fsevent (0.10.3)
rb-inotify (0.9.10)
ffi (>= 0.5.0, < 2)
rouge (1.11.1)
safe_yaml (1.0.4)
sass (3.5.5)
sass (3.5.6)
sass-listen (~> 4.0.0)
sass-listen (4.0.0)
rb-fsevent (~> 0.9, >= 0.9.4)
......@@ -205,15 +209,16 @@ GEM
thread_safe (0.3.6)
typhoeus (0.8.0)
ethon (>= 0.8.0)
tzinfo (1.2.4)
tzinfo (1.2.5)
thread_safe (~> 0.1)
unicode-display_width (1.3.0)
unicode-display_width (1.3.2)
PLATFORMS
ruby
DEPENDENCIES
github-pages
jekyll-theme-homebrew
BUNDLED WITH
1.16.0
1.16.1
title: Homebrew Documentation
description: Documentation for the missing package manager for macOS.
theme: jekyll-theme-homebrew
exclude:
- bin
- CNAME
......@@ -10,7 +12,6 @@ exclude:
plugins:
- jekyll-feed
- jekyll-sitemap
- jekyll-seo-tag
permalink: :title
......
---
layout: base
---
{% assign json = site.data.analytics[page.category] %}
<h2>{{ page.category_pretty }} Events</h2>
<h3>{{ json.start_date }} - {{ json.end_date }}</h3>
<table class="full-width">
<tr>
<th></th>
<th>{% if page.category == "os-version" %}Version{% else %}Formula{% endif %}</th>
<th>Events</th>
<th>%</th>
</tr>
{% for item in json.items %}
<tr>
<td class="number-data">#{{ item.number }}</td>
<td><code>{% if page.category == "os-version" %}{{ item.os_version }}{% else %}{{ item.formula }}{% endif %}</code></td>
<td class="number-data">{{ item.count }}</td>
<td class="number-data">{{ item.percent }}%</td>
</tr>
{% endfor %}
</table>
{% assign t = site.data.locales[page.lang][page.lang] %}
<!DOCTYPE html>
<html {% if page.direction == "rtl" %}dir="rtl" {% endif %}lang="{{ page.lang }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{% if page.title %}
<title>{{ page.title }} — {{ site.title }}</title>
{% elsif t.subtitle %}
{% if page.direction == "rtl" %}
<title>{{ site.title }} — {{ t.subtitle }}</title>
{% else %}
<title>{{ t.subtitle }} — {{ t.subtitle }}</title>
{% endif %}
{% else %}
<title>{{ site.title }}</title>
{% endif %}
{% seo title=false %}
{% feed_meta %}
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="/css/pygments.css" type="text/css" media="screen">
{% if site.url == "http://localhost:4000" %}
<script src="https://github.com/Khan/tota11y/releases/download/0.1.3/tota11y.min.js"></script>
{% endif %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76679469-2', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
{% if site.data.locales %}
{% assign locales = site.data.locales | sort %}
{% for locale in locales %}
{% assign lang = locale[0] %}
{% if lang == "en" %}
<link rel="alternate" hreflang="en" href="{{ site.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}" />
{% else %}
<link rel="alternate" hreflang="{{ lang }}" href="{{ lang | prepend: '/index_' | prepend: site.url }}" />
{% endif %}
{% endfor %}
{% endif %}
</head>
<body>
<div id="wrap">
<div id="header" class="{{ page.header-class }}">
<img alt="Homebrew logo" src="/img/homebrew-256x256.png" width="128" height="128">
<h1><a href="/">Homebrew</a></h1>
{% if t.subtitle %}
<p id="subtitle"><strong>{{ t.subtitle }}</strong></p>
{% endif %}
{% if page.lang %}
<select id="language" onchange="loadLanguage(this.options[this.selectedIndex].value)">
{% for locale in locales %}
{% assign lang = locale[0] %}
{% assign locale_name = locale[1][lang].locale_name %}
{% if page.lang == lang %}
<option value="{{ lang }}" selected="selected">{{ locale_name }}</option>
{% else %}
<option value="{{ lang }}">{{ locale_name }}</option>
{% endif %}
{% endfor %}
</select>
{% endif %}
</div>
{{ content }}
</div>
<a href="https://github.com/Homebrew/brew/"><img id="forkme" src="https://aral.github.io/fork-me-on-github-retina-ribbons/right-grey@2x.png" alt="Fork me on GitHub"></a>
<script>
function selectText(elem) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(elem);
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(elem);
window.getSelection().addRange(range);
}
}
function loadLanguage(lang) {
if (lang === {{ page.lang | jsonify }}) {
return;
} else if (lang === "en") {
window.location.assign("/");
} else {
window.location.assign("/index_" + lang);
}
}
</script>
</body>
</html>
---
layout: base
---
<div id="home">
{{ content }}
</div>
---
layout: base
---
{% assign t = site.data.locales[page.lang][page.lang] %}
<div id="information">
<ul>
<li>
<div class="group row">
<h2 id="install">{{ t.pagecontent.install.install }}</h2>
<br>
<pre style='clear:both;text-align:center;margin-bottom:0.9em'><code id='selectable' onclick="selectText(this)">/usr/bin/ruby -e &quot;$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)&quot;</code></pre>
<div class="col-1">
<p>{{ t.pagecontent.install.paste }}</p>
</div>
<div class="col-2">
<p>{{ t.pagecontent.install.what }}</p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="question">{{ t.pagecontent.question }}</h2>
<br>
<div class="col-1">
<p>{{ t.pagecontent.what }}</p>
</div>
<div class="col-2">
{% highlight bash %}
$ brew install wget
{% endhighlight %}
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.how }}</p>
</div>
<div class="col-2">
{% highlight bash %}
$ cd /usr/local
$ find Cellar
Cellar/wget/1.16.1
Cellar/wget/1.16.1/bin/wget
Cellar/wget/1.16.1/share/man/man1/wget.1
$ ls -l bin
bin/wget -> ../Cellar/wget/1.16.1/bin/wget
{% endhighlight %}
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.prefix }}</p>
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.createpackages }}</p>
</div>
<div class="col-2">
{% highlight bash %}
$ brew create https://foo.com/bar-1.0.tgz
Created /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core/Formula/bar.rb
{% endhighlight %}
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.hack }}</p>
</div>
<div class="col-2">
{% highlight bash %}
$ brew edit wget # {{ t.pagecontent.editor }}
{% endhighlight %}
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.formula }}</p>
</div>
<div class="col-2">
{% highlight ruby %}
class Wget < Formula
homepage "https://www.gnu.org/software/wget/"
url "https://ftp.gnu.org/gnu/wget/wget-1.15.tar.gz"
sha256 "52126be8cf1bddd7536886e74c053ad7d0ed2aa89b4b630f76785bac21695fcd"
def install
system "./configure", "--prefix=#{prefix}"
system "make", "install"
end
end
{% endhighlight %}
</div>
</div>
</li>
<li>
<div class="group row">
<div class="col-1">
<p>{{ t.pagecontent.complement }}</p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="further-doc">{{ t.pagecontent.doc.further }}</h2>
<div class="button">
<p><a href="https://docs.brew.sh">docs.brew.sh</a></p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="homebrew-patreon">{{ t.pagecontent.doc.patreon }}</h2>
<div class="button">
<p><a href="https://www.patreon.com/homebrew">patreon.com/homebrew</a></p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="homebrew-community">{{ t.pagecontent.doc.community }}</h2>
<div class="button">
<p><a href="https://discourse.brew.sh">discourse.brew.sh</a></p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="homebrew-blog">{{ t.pagecontent.doc.blog }}</h2>
<div class="button">
<p><a href="/blog/">brew.sh/blog</a></p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="homebrew-formulae">{{ t.pagecontent.doc.formulae }}</h2>
<div class="button">
<p><a href="http://formulae.brew.sh">formulae.brew.sh</a></p>
</div>
</div>
</li>
<li>
<div class="group row">
<h2 id="analytics-data">{{ t.pagecontent.doc.analytics }}</h2>
<div class="button">
<p><a href="/analytics/">brew.sh/analytics</a></p>
</div>
</div>
</li>
<li>
<div class="group row credits">
<p>{{ t.pagecontent.foot.code }} {{ t.pagecontent.foot.page }} {{ t.pagecontent.foot.translation }}</p>
</div>
</li>
</ul>
</div>
---
layout: base
---
<div id="page">
{{ content }}
</div>
---
layout: base
---
<div id="post">
<h2>{{ page.title }}</h2>
<h3>{{ page.date | date_to_long_string }}</h3>
<h3 class="author"><a href="https://github.com/{{ page.author }}"><img class="avatar" src="https://avatars2.githubusercontent.com/{{ page.author }}?v=3&amp;s=80" alt="{{ page.author }}" width="40" height="40">{{ page.author }}</a></h3>
<div class="postcontent singlepostcontent">
{{ content }}
</div>
</div>
File moved
.hll { background-color: #ffffcc }
.c { color: #999988; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { font-weight: bold } /* Keyword */
.o { font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { font-weight: bold } /* Keyword.Constant */
.kd { font-weight: bold } /* Keyword.Declaration */
.kn { font-weight: bold } /* Keyword.Namespace */
.kp { font-weight: bold } /* Keyword.Pseudo */
.kr { font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #bb8844 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #999999 } /* Name.Builtin */
.nc { color: #999999; font-weight: bold } /* Name.Class */
.no { color: #666666 } /* Name.Constant */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #999999; font-weight: bold } /* Name.Function */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #008080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #bb8844 } /* Literal.String.Backtick */
.sc { color: #bb8844 } /* Literal.String.Char */
.sd { color: #bb8844 } /* Literal.String.Doc */
.s2 { color: #9c7645 } /* Literal.String.Double */
.se { color: #bb8844 } /* Literal.String.Escape */
.sh { color: #bb8844 } /* Literal.String.Heredoc */
.si { color: #bb8844 } /* Literal.String.Interpol */
.sx { color: #bb8844 } /* Literal.String.Other */
.sr { color: #808000 } /* Literal.String.Regex */
.s1 { color: #9c7645 } /* Literal.String.Single */
.ss { color: #bb8844 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */
---
---
$color_peach_orange_approx: #f9d094;
$color_rangitoto_approx: #2e2a24;
$color_marigold_approx: #be862d;
$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;
}
h2, h3 {
color: $color_marigold_approx;
&: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;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment