programming-pages 0.5.14 → 0.5.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 24cc6b3708f8ac98b71592e093a96b6ab35ece97914cc38f7313c12cec037865
-  data.tar.gz: 7a675425de808aacb44718c10f7ac6ea87ac672a7d996c86262b6bc65e384932
+  metadata.gz: ecc1bea77922f3f22419420d174f347a5b2c1628a9a38ed73a0e2aaa0a8ba45f
+  data.tar.gz: d642d0d4a3fb399f15ffbb0f2e0b42365bd4dc9bb369fcb536ad93e6d170aba5
 SHA512:
-  metadata.gz: e918e7145f1acba9f5081e271a1150b2c09d610d86ad82fca234bb3e04a3e23a0cf6f65a2e56f4dd6e5add1b0c809e199f7629b4fade8dfdc01d50771c3553d4
-  data.tar.gz: 02cdaea11098a7d2f84d38df713a914b48af071636122335f54774eda626dadccf2ed966a072df552ccbbfa3a402cfddf15395f14cf6a81a0a5ca9123b8f3d90
+  metadata.gz: 8ca318f198daf4290c3a4b121dbef2fcb890bb89c51f529501711b8e7581ece70b2e571268e82dea42c5701de8da63daf3f2e2a2d5d9c9ebd8615893063b943b
+  data.tar.gz: 2053628c08478ee2135419ea4127a2bd01c15b1a3372b41b49e2b25fadec0c3a20b6e744395da3f5d683c2618654452d1ea47df4581f9ff3f719cf3b65920823

data/_config.yml

@@ -24,7 +24,6 @@ collections:
     title: Guides
     tab-order: 3
 
-code_indent: "  "
 highlighter: rouge
 permalink: pretty
 sass:

data/_includes/elements/indices.html

@@ -20,7 +20,6 @@
 {% for collection in collection_list %}
 {% capture tab_class %}ui {% if forloop.first %}active {% endif %}inverted tab segment{% endcapture %}
 <div class="{{ tab_class }}" data-tab="{{ collection.label | downcase }}">
-<h4 class="ui header">{{ collection.title }}</h4>
 <div class="ui inverted link list">
 {% assign doc_list = collection.docs %}
 
@@ -201,7 +200,7 @@ so our strategy is to:
 
 {%- comment %} these fixed items (search & collection tabs) need to be above the tab segments {% endcomment -%}
 
-<div id="sidebar-collection-tabs" class="ui inverted stackable pointing secondary fixed menu">
+<div id="sidebar-collection-tabs" class="ui inverted vertical secondary pointing fixed menu">
 {% for collection in collection_list %}
 {% capture tab_class %}{% if forloop.first %}active {% endif %}item{% endcapture %}
   <a class="{{ tab_class }}" data-tab="{{ collection.label | downcase }}">{{ collection.title }}</a>

data/_includes/styles/tweaks.css

@@ -1,5 +1,5 @@
 /*
- * CSS customizations for the programming pages template
+ * CSS customizations for the programming pages theme
  */
 
 /* add cross-platform support for unicode characters used in the theme */
@@ -75,6 +75,7 @@ sup:target::before {
   20% {  text-shadow: -3px 0 0 rgba(255,221,0, 0.8), 0 5px 0 rgba(255,221,0, 0.8), 3px 0 0 rgba(255,221,0, 0.8); }
   100% { text-shadow: -1px 0 0 rgba(255,221,0, 0.0), 0 1px 0 rgba(255,221,0, 0.0), 1px 0 0 rgba(255,221,0, 0.0); }
 }
+
 /* adjustments to fixed top title */
 #page-container {
   margin-top: 3.4rem; /* position page under top menu */
@@ -86,6 +87,7 @@ sup:target::before {
   top: -.06em;
   margin-right: .18em;
 }
+
 /* tighten things up as viewport shrinks */
 #site-title {
   background-color: #eee;
@@ -122,42 +124,35 @@ sup:target::before {
   font-size: /* 10 - 14px */ calc(10px + 4 * ((100vw - 320px) / (1910 - 320)));
 }
 
-/* add space underneath indices so bottom-most item can scroll into view */
+/* sidebar menu styling */
 #sidebar-collection-indices {
-  padding-bottom: 75vh;
+  padding-bottom: 75vh; /* add space underneath indices so bottom-most item can scroll into view */
 }
 #sidebar-collection-indices .ui.large.fixed.menu .item {
   padding-top: 1.4em;
 }
-
-/* for sidebar fixed, keep search and tabs fixed at top */
-#sidebar-fixed #sidebar-collection-indices .ui.large.fixed.menu {
-  top: 3.5rem;
-}
-#sidebar-fixed #sidebar-collection-indices .ui.tab.segment {
-  top: 5rem;
+#sidebar-collection-indices .ui.tab.segment {
+  /* adjust tab segment to to fit under n rendered collections */
+  {% assign n = 0 %}{% for c in site.collections %}{% unless c.label == 'posts' or c.docs.size == 0 %}{% assign n = n | plus: 1 %}{% endunless %}{% endfor %}
+  top: {{ n | minus: 1 | times: 1.5 | plus: 5 }}rem; /* 1 -> 5 , 2 -> 6.5 , 3 -> 8 , .. */
+  padding: 0 0 0 .7em;
   margin-top: 0;
 }
+#sidebar-collection-tabs {
+  background-color: #292a2b; /* FIXME: this should be some theme variable for a lightened inverted background */
+}
+#sidebar-fixed #sidebar-collection-indices .ui.large.fixed.menu {
+  top: 3.5rem; /* for sidebar fixed, keep search and tabs fixed at top */
+}
 #sidebar-fixed #sidebar-collection-tabs {
-  top: 5.5rem;
-  background-color: #1b1c1d; /* FIXME: this should pull the semantic sass variable for inverted backgrounds: @black */
+  top: 6rem;
 }
-
-/* for sidebar retractable, items still need to be positioned, since they've been fixed */
-/* FIXME: this is clunky and brittle */
 #sidebar-retractable #sidebar-collection-indices .ui.large.fixed.menu {
-  top: 0;
-}
-#sidebar-retractable #sidebar-collection-indices .ui.tab.segment {
-  top: 8.5rem; /* TODO: use liquid to make this {{ num_collections*2.5+1 }}; */
-  margin-top: 0;
+  top: 0; /* for sidebar retractable, items still need to be positioned, since they've been fixed */
 }
 #sidebar-retractable #sidebar-collection-tabs {
   top: 2.5rem;
-  background-color: rgba(255,255,255,.08); /* FIXME: this should pull the semantic sass variable for .ui.inverted.menu a.item:hover: @invertedHoverBackground */
 }
-
-/* tweaks to existing semantic-ui rules */
 #sidebar-retractable.ui.push.sidebar {
   z-index: 100; /* underneath top fixed menu */
 }
@@ -169,8 +164,22 @@ sup:target::before {
   top: 3.5rem; /* below top fixed menu */
   left: auto;
 }
+.ui.menu {
+  min-height: 1em; /* SUI default is too large for a single item, at 2.75em */
+}
+
+/* tweaks to existing semantic-ui rules */
 .ui.secondary.pointing.menu .item {
-  padding: .75em .75em;
+  padding: .5em .75em;
+}
+.ui.secondary.vertical.pointing.menu .item {
+  border-bottom: none;/*            same as sui */
+  border-radius: 0!important;/*     ''          */
+  border-right: none;/*             switch border from right to left */
+  border-left-style: solid;
+  border-left-color: transparent;
+  border-left-width: 2px;
+  margin: 0 0 0 -2px;
 }
 .ui.vertical.text.menu .tight.item {
   margin: 0;
@@ -180,6 +189,9 @@ sup:target::before {
   margin: 0;
   padding: .125em;
 }
+.ui.segment {
+  overflow-x: auto;
+}
 .ui.tight.header {
   margin-bottom: .5em;
 }

data/_layouts/page.html

@@ -1,6 +1,6 @@
 ---
 layout: base
-theme_version: 0.5.14
+theme_version: 0.5.15
 theme_url: https://github.com/pixeldroid/programming-pages
 ---
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: programming-pages
 version: !ruby/object:Gem::Version
-  version: 0.5.14
+  version: 0.5.15
 platform: ruby
 authors:
 - pixeldroid
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-17 00:00:00.000000000 Z
+date: 2019-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages