updated style for hooks page

struys · asottile · commit d0c57fe26e77 · 2014-08-26T22:23:16.000-07:00
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -3,6 +3,7 @@
     hooks:
     -   id: scss-lint
         files: scss/.*\.scss$
+        language_version: 1.9.3-p484
 -   repo: git@github.com:pre-commit/pre-commit-hooks
     sha: d3db0385825d4c082bc7117c090ac16cb4840f3e
     hooks:
diff --git a/base.mako b/base.mako
@@ -8,7 +8,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>pre-commit by Yelp</title>
     </head>
-    <body data-spy="scroll" data-target=".pc-sidebar">
+    <body class="page-${template_name}" data-spy="scroll" data-target=".pc-sidebar">
         <header class="navbar navbar-default pc-nav" role="banner">
             <div class="container">
                 <div class="navbar-header">
diff --git a/hooks.mako b/hooks.mako
@@ -1,7 +1,7 @@
 ## -*- coding: utf-8 -*-
 <%inherit file="base.mako" />
 
-<h1>Supported hooks</h1>
+<div class="page-header"><h1>Supported hooks</h1></div>
 
 <p>
 To add to this list, fork <a href="https://github.com/pre-commit/pre-commit.github.io">this repository</a>.
diff --git a/make_templates.py b/make_templates.py
@@ -27,6 +27,7 @@ def get_env():
 def main():
     env = get_env()
     for template in ALL_TEMPLATES:
+        env['template_name'] = template
         with io.open('{0}.html'.format(template), 'w') as html_file:
             template_obj = template_lookup.get_template(
                 '{0}.mako'.format(template),
diff --git a/scss/main.scss b/scss/main.scss
@@ -132,3 +132,13 @@ h1,
         color: white;
     }
 }
+
+.page-hooks {
+    .top-shelf {
+        display: none;
+    }
+
+    .pc-main-content {
+        margin-top: 30px;
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -132,3 +132,13 @@ h1,`
`132`	`132`	`color: white;`
`133`	`133`	`}`
`134`	`134`	`}`
	`135`	`+`
	`136`	`+.page-hooks {`
	`137`	`+ .top-shelf {`
	`138`	`+ display: none;`
	`139`	`+ }`
	`140`	`+`
	`141`	`+ .pc-main-content {`
	`142`	`+ margin-top: 30px;`
	`143`	`+ }`
	`144`	`+}`