diff options
| author | Miheer Dewaskar <miheerdew@gmail.com> | 2018-03-24 10:49:08 -0400 |
|---|---|---|
| committer | Miheer Dewaskar <miheerdew@gmail.com> | 2018-03-24 10:49:08 -0400 |
| commit | 9ee96f022764c71a4a776956037230d6ef4fee7e (patch) | |
| tree | 8ebae8b64fcc0474466b3321efec201416d75ed0 /docs/style | |
| parent | 00d51db9250bedf8a36924e15345648b0cecc38f (diff) | |
| parent | 2859ee2fa8c7f3311c069a40ada3975d31e8eccf (diff) | |
| download | mitmproxy-9ee96f022764c71a4a776956037230d6ef4fee7e.tar.gz mitmproxy-9ee96f022764c71a4a776956037230d6ef4fee7e.tar.bz2 mitmproxy-9ee96f022764c71a4a776956037230d6ef4fee7e.zip | |
Merge master
Diffstat (limited to 'docs/style')
| -rw-r--r-- | docs/style/style.scss | 72 |
1 files changed, 46 insertions, 26 deletions
diff --git a/docs/style/style.scss b/docs/style/style.scss index bc146fd5..2b0d2993 100644 --- a/docs/style/style.scss +++ b/docs/style/style.scss @@ -10,9 +10,20 @@ $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Ox @import "../node_modules/bulma/sass/components/_all"; @import "../node_modules/bulma/sass/layout/_all"; -.sidebody { - overflow-x: hidden; - overflow-y: scroll; +#sidebar { + background-color: #eee; + border-right: 1px solid #c1c1c1; + box-shadow: 0 0 20px rgba(50, 50, 50, .2) inset; + padding: $column-gap + 1rem; + + .brand { + padding: 1rem 0; + text-align: center; + } +} + +#main { + padding: 3rem; } .example { @@ -27,30 +38,10 @@ $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Ox margin-bottom: 1em; } -.sidebar { - background-color: #F1F1F1; - .version { - padding: 1em; - } - .brand { - background-color: #303030; - color: #c0c0c0; - padding: 1em; - top: 0; - } - .menu { - padding: 1em; - } -} - -.mainbody { - padding: 3em; -} - code { - color: #1a9f1a; - font-size: 0.875em; - font-weight: normal; + color: #1a9f1a; + font-size: 0.875em; + font-weight: normal; } .content { @@ -59,3 +50,32 @@ code { border-top: 1px solid #c0c0c0; } } + +h1, h2, h3, h4, h5, h6 { + .anchor { + display: inline-block; + width: 0; + margin-left: -1.5rem; + margin-right: 1.5rem; + transition: all 100ms ease-in-out; + opacity: 0; + } + &:hover .anchor { + opacity: 1; + } + &:target { + color: $primary; + .anchor { + opacity: 1; + color: $primary + } + } +} + +.footnotes p { + display: inline; +} + +figure.has-border img { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); +} |