Tweak redundant styles in Docs pages

Author: yasulab

app/assets/stylesheets/docs.scss

@@ -6,7 +6,7 @@
 .docs {
   font-family: serif;
   line-height: 2.2em;
-  a:hover{
+  a:hover {
     text-decoration: none;
   }
   ul {
@@ -15,115 +15,131 @@
       font-size: 20px;
       padding-left: 1.5em;
       text-indent: -1.5em;
-
       @media only screen and (max-width: 768px) {
-	padding-bottom: 10px;
-	margin-left: -35px;
+        padding-bottom: 10px;
+        margin-left: -35px;
       }
     }
   }
 }
 
 /* 各ページ用: /doc/* */
-
 .doc {
   counter-reset: doc-chapter;
   position: relative;
   font-family: serif;
-  line-height:  2.0em;
-}
-.doc > h1 {
-  text-align: center;
-  margin-bottom: 40px;
-  line-height:  2.0em;
-}
-.doc > h1:first-child {
-  margin-top: 0;
-}
-.doc > h2 {
-  counter-reset: doc-paragraph;
-  counter-increment: doc-chapter;
-  padding-top:   40px;
-  margin-top:   1.2em;
-  margin-bottom: 20px;
-}
-.doc > h3 {
-  padding-top:   40px;
-  margin-top:   1.2em;
-  margin-bottom: 20px;
-  line-height:  2.0em;
-}
-.doc > p {
-  counter-increment: doc-paragraph;
-  text-indent: 0em;
-  padding-left: 1em;
-  line-height:  2.0em;
-}
-.doc > h1 + p,
-.doc > h2 + p,
-.doc > hr + p,
-.doc > p:first-of-type {
-  text-indent:  0em;
-  padding-left: 1em;
-}
-.doc > p::before {
-  //content: counter(doc-paragraph) " ";
-  font-weight: bold;
-  margin-left: -2em;
-  margin-right: 1em;
-}
-.doc > h1 + p::before,
-.doc > h2 + p::before,
-.doc > hr + p::before,
-.doc > p:first-of-type::before {
-  content: none;
-}
-.doc > ul {
-  list-style: none;        
-  padding: 0 0 0 2.5em;
-}
-.doc > ol {
-  list-style: none;
-  counter-reset: doc-ordered-list;
-  padding: 0 0 0 2.5em;
-}
-.doc > ol > li {
-  counter-increment: doc-ordered-list;
-  text-indent: -2.5em;
-}
-.doc > ol > li::before {
-  content: "\FF08" counter(doc-ordered-list) "\FF09";
-}
-.doc > hr {
-  border: none;
-  border-top: 1px solid black;
-  margin: 2em 0;
-}
-.doc > h4 {
-  position: absolute;
-  margin: 0;
-  right: 30em;
-  font-size: 100%;
-}
-.doc > h4 + ul {
-  margin: 0 0 2em auto;
-  width: 28em;
-  list-style: none;
-}
-.doc > h4 + ul > li:last-child::after {
-  content: "\329E";
-  position: absolute;
-  right: 1em;
-}
-.doc > blockquote {
-  border: 1px solid black;
-  padding: .5em 1.5em;
-  margin: 1em 0 1.5em;
+  line-height: 2.0em;
 
-  small { line-height:  2.0em; }
-}
-.doc > ol > li > ul {
-  list-style: none;
+  h1 {
+    text-align: center;
+    margin-top: 1.2em;
+    margin-bottom: 40px;
+    line-height: 2.0em;
+  }
+
+  h1:first-child {
+    margin-top: 0;
+  }
+
+  h2, h3 {
+    margin-top: 2.6em;
+    margin-bottom: 20px;
+    line-height: 2.0em;
+  }
+
+  .gc_wrapper { margin-top: 50px; }
+  
+  p {
+    counter-increment: doc-paragraph;
+    text-indent: 0em;
+    padding-left: 1em;
+    line-height: 2.0em;
+  }
+
+  p::before {
+    font-weight: bold;
+    margin-left: -2em;
+    margin-right: 1em;
+  }
+
+  h1 + p,
+  h2 + p,
+  hr + p,
+  p:first-of-type {
+    text-indent: 0em;
+    padding-left: 1em;
+  }
+
+  p::before,
+  h1 + p::before,
+  h2 + p::before,
+  hr + p::before,
+  p:first-of-type::before {
+    content: none;
+  }
+
+  ul {
+    list-style: none;
+    padding: 0 0 0 2.5em;
+  }
+
+  ol {
+    list-style: none;
+    counter-reset: doc-ordered-list;
+    padding: 0 0 0 2.5em;
+  }
+
+  ol > li {
+    counter-increment: doc-ordered-list;
+    text-indent: -2.5em;
+  }
+
+  ol > li::before {
+    content: "\FF08" counter(doc-ordered-list) "\FF09";
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid black;
+    margin: 2em 0;
+  }
+
+  h4 {
+    position: absolute;
+    margin: 0;
+    right: 30em;
+    font-size: 100%;
+  }
+
+  h4 + ul {
+    margin: 0 0 2em auto;
+    width: 28em;
+    list-style: none;
+  }
+
+  h4 + ul > li:last-child::after {
+    content: "\329E";
+    position: absolute;
+    right: 1em;
+  }
+
+  blockquote {
+    border: 1px solid black;
+    padding: .5em 1.5em;
+    margin: 1em 0 1.5em;
+
+    small {
+      line-height: 2.0em;
+    }
+  }
+
+  ol > li > ul {
+    list-style: none;
+  }
+
+  small::before {
+    content: none;
+  }
 }
 
 // Sample Usecase: https://coderdojo.jp/docs/fundraising-methods

public/docs/_calendar-kirie.md

@@ -1,41 +1,28 @@
 # 🗓 予定表（[宮島](https://twitter.com/kiriem_)）
 
-<br>
-
 打ち合わせの日程候補を挙げる際などで参考にして頂けると嬉しいです。
 
-<br>
-
 <div class="gc_wrapper">
   <div class="responsive-iframe-container small-container">
     <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showTabs=0&showPrint=0&showDate=1&wkst=2&color=%23182C57&bgcolor=%23F2F2F2&hl=ja&ctz=Asia%2FTokyo&src=yohei%40coderdojo.jp&src=2bk907eqjut8imoorgq1qa4olc%40group.calendar.google.com&src=ay5taXlhamltYUBjb2RlLm9yLmpw&src=a2lyaWVAaW5wdy5qcA"
      style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
   </div>
 </div>
-<br>
 
 <blockquote style="padding-top: 10px; font-style: normal;">オンラインをご希望の場合は <a href="https://zoom.us/jp-jp/meetings.html">Zoom</a> または <a href="https://apps.google.com/meet/?hl=ja">Google Meet</a> をご用意できます。</blockquote>
 
-<br>
 
 ## 🏢 (一社) CoderDojo Japan オフィス
 
-<br>
-
 打ち合わせはオンラインでもオフラインでもどちらでも大丈夫です。オフラインの場合は下記の弊社オフィス、もしくは東京都近辺であれば伺うことも可能です 🏢🏃💨
 
 〒169-0075 東京都新宿区高田馬場1-28-10 三慶ビル4階 [CASE Shinjuku](https://case-shinjuku.com/access)
 
-<br>
-
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.5740715995967!2d139.70255071526714!3d35.7120976358859!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188d54776dce6b%3A0xc46b1d392ca25f9!2sCoderDojo%20Japan!5e0!3m2!1sja!2sjp!4v1603170377148!5m2!1sja!2sjp" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
 
-<br><br>
 
 ## 📜 活動紹介
 
-<br>
-
 一般社団法人 CoderDojo Japan の活動を紹介するスライド資料です。打ち合わせ前のご参考になれば幸いです 😌
 
 <div style='margin: 30px auto;'>
@@ -44,8 +31,6 @@
 
 <div align='center'>詳細は<a href='/partnership'>パートナーシップのご案内</a>をご参照ください。</div>
 
-<br>
-
 <div align="right">
 一般社団法人 CoderDojo Japan<br>
 連絡先: info@coderdojo.jp

public/docs/_calendar-yohei.md

@@ -1,43 +1,28 @@
 # 🗓 予定表（[安川](https://twitter.com/yasulab)）
 
-<br>
-
 打ち合わせの日程候補を挙げる際などで参考にして頂けると嬉しいです。午前中の場合は10:15am以降だと助かります 🙏 
 
-<br>
-
 <div class="gc_wrapper">
   <div class="responsive-iframe-container small-container">
     <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showTabs=0&showPrint=0&showDate=1&wkst=2&color=%23182C57&bgcolor=%23F2F2F2&hl=ja&ctz=Asia%2FTokyo&src=yohei%40coderdojo.jp&src=2bk907eqjut8imoorgq1qa4olc%40group.calendar.google.com&src=yasslab.jp_ac8rsip6rn0a77egdea47tc6t8%40group.calendar.google.com"
      style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
   </div>
 </div>
-<br>
 
 <blockquote style="padding-top: 10px; font-style: normal;">オンラインをご希望の場合は <a href="https://zoom.us/jp-jp/meetings.html">Zoom</a> または <a href="https://apps.google.com/meet/?hl=ja">Google Meet</a> をご用意できます。</blockquote>
 
-<br>
 
 ## 🏢 打ち合わせ場所について
 
-<br>
-
-<p>
-  打ち合わせはオンライン・現地のどちらにも対応可能です。現地の場合は下記の弊社オフィス、もしくは都内であれば御社にお伺いすることも可能です 🏢🏃💨
-</p>
+打ち合わせはオンライン・現地のどちらにも対応可能です。現地の場合は下記の弊社オフィス、もしくは都内であれば御社にお伺いすることも可能です 🏢🏃💨
 
 〒169-0075 東京都新宿区高田馬場1-28-10 三慶ビル4階 [CASE Shinjuku](https://case-shinjuku.com/access)
 
-<br>
-
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.5740715995967!2d139.70255071526714!3d35.7120976358859!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188d54776dce6b%3A0xc46b1d392ca25f9!2sCoderDojo%20Japan!5e0!3m2!1sja!2sjp!4v1603170377148!5m2!1sja!2sjp" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
 
-<br><br>
 
 ## 📜 活動紹介：法人提携例
 
-<br>
-
 一般社団法人 CoderDojo Japan の活動を紹介するスライド資料です。打ち合わせ前のご参考になれば幸いです 😌
 
 <div style='margin: 30px auto;'>
@@ -51,8 +36,6 @@
   </a>
 </div>
 
-<br>
-
 <div align="right">
 一般社団法人 CoderDojo Japan<br>
 連絡先: info@coderdojo.jp