Docs cleanup.

Split gh-pages.sass into partials; adjust to the updated AnchorJS.
select2 · Jun 9, 2015 · 3b588ad · 3b588ad
1 parent 2446037
commit 3b588ad
Show file tree

Hide file tree

Showing 13 changed files with 136 additions and 229 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -63,11 +63,6 @@ module.exports = function(grunt) {
             dest: 'docs/css/bootstrap.min.css',
             expand: false
           },
-          {
-            src: 'bower_components/anchor-js/anchor.css',
-            dest: 'docs/css/anchor.css',
-            expand: false
-          },
           {
             src: 'bower_components/bootstrap/dist/js/bootstrap.min.js',
             dest: 'docs/js/bootstrap.min.js',

diff --git a/docs/_includes/head.html b/docs/_includes/head.html
@@ -5,7 +5,6 @@
 	<link rel="stylesheet" href="css/bootstrap.min.css">
 	<link rel="stylesheet" href="//select2.github.io/dist/css/select2.min.css">
 	<link rel="stylesheet" href="css/select2-bootstrap.css">
-	<link rel="stylesheet" href="css/anchor.css">
 	<link rel="stylesheet" href="css/gh-pages.css">
 	<!--[if lt IE 9]>
 		<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -514,6 +514,7 @@ <h1 id="disabled-inputs">Disabled inputs and options</h1>
 		<script src="js/bootstrap.min.js"></script>
 		<script src="js/anchor.min.js"></script>
 		<script>
+			anchors.options.placement = 'left';
 			anchors.add('.container h1, .container h2, .container h3, .container h4, .container h5');
 
 			// Set the "bootstrap" theme as the default theme for all Select2

diff --git a/docs/_sass/_alert.sass b/docs/_sass/_alert.sass
@@ -0,0 +1,17 @@
+.alert
+  padding: 20px
+  margin: 20px 0
+  border: 1px solid #EEE
+  border-left-width: 5px
+  border-radius: 3px
+  .btn-set-scaling-classes
+    margin-top: 5px
+  &-info
+    border-left-color: #CE4844
+    background: white
+    color: #333
+    h4
+      color: #CE4844
+      margin-top: 0
+      margin-bottom: 5px
+      font-size: 18px
diff --git a/docs/_sass/_anchorjs.sass b/docs/_sass/_anchorjs.sass
@@ -0,0 +1,6 @@
+.anchorjs-link
+  color: inherit
+  transition: all .25s linear
+
+*:hover > .anchorjs-link
+  margin-left: -1.125em !important
diff --git a/docs/_sass/_buttons.sass b/docs/_sass/_buttons.sass
@@ -0,0 +1,8 @@
+.btn-outline
+  border-color: $component-active-bg
+  color: $component-active-bg
+  background-color: transparent
+  &:hover,
+  &:active
+    color: $component-active-color
+    background-color: $component-active-bg
diff --git a/docs/_sass/_common.sass b/docs/_sass/_common.sass
@@ -0,0 +1,25 @@
+a
+  &:hover,
+  &:focus
+    text-decoration: none
+
+h1[id]
+  padding-top: 20px
+  margin-top: 0
+
+.row
+  padding-bottom: 20px
+
+@media (min-width: $screen-sm)
+  .jumbotron
+    padding-top: 60px
+    padding-bottom: 60px
+    font-size: $lead-font-size
+    h1
+      font-size: 32px
+    .lead
+      font-size: $lead-font-size
+    .btn-lg
+      margin: 20px 0
+      padding: 18px 24px
+      font-size: $lead-font-size
diff --git a/docs/_sass/_footer.sass b/docs/_sass/_footer.sass
@@ -0,0 +1,22 @@
+.footer
+  text-align: center
+  color: #ccc
+  a
+    +link
+  small a
+    color: #999
+  &-links
+    margin-top: $padding-large-horizontal
+    margin-bottom: 0
+    padding-bottom: $padding-large-horizontal
+    padding-left: 0
+    list-style: none
+    font-size: 14px
+    li
+      display: inline
+      margin-left: 2px
+      margin-right: 2px
+  .demo &
+    padding-top: 200px
+    padding-bottom: 80px
+    @extend %background-image
diff --git a/docs/_sass/_home.sass b/docs/_sass/_home.sass
@@ -0,0 +1,8 @@
+.home
+  padding-bottom: 30px
+  @extend %background-image
+  background-position: 50% 50%
+  body
+    background-color: transparent
+  .container
+    max-width: 700px
diff --git a/docs/_sass/_jumbotron.sass b/docs/_sass/_jumbotron.sass
@@ -0,0 +1,36 @@
+.jumbotron
+  background-color: transparent
+  text-align: center
+  font-weight: normal
+  &-title
+    margin-top: 40px
+    font-size: 28px
+  h2
+    text-align: center
+    font-size: 16px
+  hr
+    border-color: #eee
+    width: 100px
+  .lead
+    font-size: 16px
+    a
+      +link
+  .form-group
+    background: none
+  .select2-wrapper
+    width: 300px
+    text-align: left
+    margin: 0 auto $padding-large-horizontal
+    transition: all .1s ease-in-out
+  .btn
+    &-outline
+      padding: 18px 24px
+      transition: all .1s ease-in-out
+    &-lg
+      padding: 10px 16px
+      font-size: 18px
+      line-height: 1.33
+      border-radius: 6px
+      margin-top: 15px
+      margin-bottom: 15px
+      margin-left: 0
diff --git a/docs/_sass/_navbar.sass b/docs/_sass/_navbar.sass
@@ -0,0 +1,4 @@
+.navbar-default
+  background: rgba(#fff,.95)
+  border-width: 0 0 1px
+  border-radius: 0
diff --git a/docs/css/anchor.css b/docs/css/anchor.css
diff --git a/docs/css/gh-pages.sass b/docs/css/gh-pages.sass
@@ -4,149 +4,13 @@
 @import variables
 @import extends
 @import mixins
-@import select2-result-repository
-
-a
-  &:hover,
-  &:focus
-    text-decoration: none
-
-
-
-.home
-  padding-bottom: 30px
-  @extend %background-image
-  background-position: 50% 50%
-  body
-    background-color: transparent
-  .container
-    max-width: 700px
-
-.jumbotron
-  background-color: transparent
-  text-align: center
-  font-weight: normal
-  &-title
-    margin-top: 40px
-    font-size: 28px
-  h2
-    text-align: center
-    font-size: 16px
-  hr
-    border-color: #eee
-    width: 100px
-  .lead
-    font-size: 16px
-    a
-      +link
-  .form-group
-    background: none
-  .select2-wrapper
-    width: 300px
-    text-align: left
-    margin: 0 auto $padding-large-horizontal
-    transition: all .1s ease-in-out
-  .btn
-    &-outline
-      padding: 18px 24px
-      transition: all .1s ease-in-out
-    &-lg
-      padding: 10px 16px
-      font-size: 18px
-      line-height: 1.33
-      border-radius: 6px
-      margin-top: 15px
-      margin-bottom: 15px
-      margin-left: 0
-
-.btn-outline
-  border-color: $component-active-bg
-  color: $component-active-bg
-  background-color: transparent
-  &:hover,
-  &:active
-    color: $component-active-color
-    background-color: $component-active-bg
-
-.footer
-  text-align: center
-  color: #ccc
-  a
-    +link
-  small a
-    color: #999
-  &-links
-    margin-top: $padding-large-horizontal
-    margin-bottom: 0
-    padding-bottom: $padding-large-horizontal
-    padding-left: 0
-    list-style: none
-    font-size: 14px
-    li
-      display: inline
-      margin-left: 2px
-      margin-right: 2px
-  .demo &
-    padding-top: 200px
-    padding-bottom: 80px
-    @extend %background-image
 
-.navbar-default
-  background: rgba(#fff,.95)
-  border-width: 0 0 1px
-  border-radius: 0
-
-.alert
-  padding: 20px
-  margin: 20px 0
-  border: 1px solid #EEE
-  border-left-width: 5px
-  border-radius: 3px
-  .btn-set-scaling-classes
-    margin-top: 5px
-  &-info
-    border-left-color: #CE4844
-    background: white
-    color: #333
-    h4
-      color: #CE4844
-      margin-top: 0
-      margin-bottom: 5px
-      font-size: 18px
-
-.anchorjs-link
-  float: left
-  width: 1em
-  height: 1em
-  margin-left: -1.2em
-  opacity: 0
-  color: inherit
-  text-align: center
-  &:link,
-  &:visited
-    color: inherit
-
-.anchorjs-icon
-  font-size: 60%
-  vertical-align: .2em
-
-h1[id]
-  padding-top: 20px
-  margin-top: 0
-
-.row
-  padding-bottom: 20px
-
-@media (min-width: $screen-sm)
-  .jumbotron
-    padding-top: 60px
-    padding-bottom: 60px
-    font-size: $lead-font-size
-    h1
-      font-size: 32px
-    .lead
-      font-size: $lead-font-size
-    .btn-lg
-      margin: 20px 0
-      padding: 18px 24px
-      font-size: $lead-font-size
+@import alert
+@import anchorjs
+@import buttons
+@import common
+@import footer
+@import home
+@import jumbotron
+@import navbar
+@import select2-result-repository