metanorma-csa 1.4.4 → 1.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 39b9bbb2fdda182fcb30aea6c694b1447f8cf20ef7ea77473c4157c638256c8b
-  data.tar.gz: cf509fbf6d98e06de5b5f21126f898c95092ace3ecbd54e6a784a7ee8dc2b158
+  metadata.gz: a936662d3fae0f59d0d362a0c8a390d96feaf6d25bc18644c464d083ed3f7920
+  data.tar.gz: 8156361eb7d05ad244d45a12de1e50114fd7c71d45ce358244f1c5b21aa7591b
 SHA512:
-  metadata.gz: 8daec0901b1e3067f9283ef7a0dc2c4c790ab8f0ca13ff1830248b61e91423f21e87cc17ed0e8222556b5b100a6beaa262ba40602e2e400f444c4ad929646c88
-  data.tar.gz: 1d9c174b82c0b5d1693f0de26f13bbedd7152bf6f7644f05931d3913aa117c78540f2eaa8fa6e7de09d647e0cf80d33b2eddaff752cad74bff613cc1c083cfa2
+  metadata.gz: 165df74b1e786c2eefaeeb7f9ec90cd3a2cbfcd8f324362fca919f1da83c6b7370c856820d9f05ba879cfdbd4aec8e61508fda4ad005a1683caf40010d920e3c
+  data.tar.gz: 8f78eff9d049ed33b56119d3c92f80c7f8a90476506541ceed6bf578cfc92ca68a5b6aa41ab82e6bee0889a9b6fd73b575dca128eb3cd95bad0037b9889a75bb

data/lib/isodoc/csa/html/htmlstyle.scss

@@ -1,91 +1,41 @@
 /*
-0 CSS RESET
+    0 CSS RESET
 */
 
 /* http://meyerweb.com/eric/tools/css/reset/
-v2.0 | 20110126
-License: none (public domain)
+   v2.0 | 20110126
+   License: none (public domain)
 */
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-}
+@import 'base_style/all';
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  border: 0;
-  font-size: 100%;
-}
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, tt, var,
-b, u, i, center,
-dl, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  vertical-align: baseline;
-}
-
-
-html, body, div, span, applet, object, iframe,
-p, blockquote,
-a, abbr, acronym, address, big, cite,
-del, dfn, em, img, ins, q, s,
-small, strike, strong, sub, sup, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  font-family: $bodyfont;
+body {
+  @include bodyStyle1(15px, 1.4em, #1d1d1d, #ffffff, 300);
+  // @include sidebarNavContainer(323px);
 }
 
-code, pre, tt, kbd, samp {
-  font-family: $monospacefont;
-  font-variant-ligatures: none;
+main {
+  margin: 0 3em 0 6em;
 }
 
-code *, pre *, tt *, kbd *, samp * {
-  font-family: $monospacefont !important;
-  font-variant-ligatures: none;
-}
+#toc {
+  @include toc(#4D7EA5, #4D7EA5, #4D7EA5);
+  @include sidebarToc();
 
-h1, h2, h3, h4, h5, h6, .h2Annex {
-  font-family: $headerfont;
+  .toc-active a {
+    color: white;
+  }
+
+  li a {
+    text-transform: none;
+  }
+
+  ul {
+    a:hover {
+      box-shadow: none;
+      color: white;
+    }
+  }
 }
 
 li {
@@ -93,110 +43,19 @@ li {
   list-style-position: outside;
 }
 
-dl {
-  display: grid;
-  grid-template-columns: max-content auto;
-}
-
-dt {
-  font-weight: 500;
-  grid-column-start: 1;
-}
-
-dd {
-  grid-column-start: 2;
+nav {
+  @include sidebarNav(#f7f7f7, 323px, 45px);
 }
 
-dd p, dt p {
-  margin-top: 0px;
-}
-
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-blockquote, q {
-  quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-
-/*
-1. HTML & Body
-*/
-
-body {
-  margin: 0;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 100%;
-  color: #1d1d1d;
-  font-weight: 300;
-  font-size: 15px;
-  line-height: 1.4em;
-  background-color: #ffffff;
-}
-
-main {
-  margin: 0 3em 0 6em;
-}
-
-#toc {
-  font-family: $bodyfont;
-  font-weight: 400;
+#toggle {
+  @include sidebarNavToggle(white, #4D7EA5)
 }
 
 /*
-2. Responsive navigation layout
+    2. Responsive navigation layout
 */
 
-
 @media screen and (min-width: 768px) {
-  nav {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: 323px;
-    font-size: 0.9em;
-    overflow: auto;
-    padding: 0 0 0 45px;
-    margin-right: 30px;
-    background-color: #f7f7f7;
-  }
-
-  #toggle {
-    position: fixed;
-    height: 100%;
-    width: 30px;
-    background-color: #4D7EA5;
-    color: white!important;
-    cursor: pointer;
-    z-index: 100;
-  }
-
-  #toggle span {
-    text-align: center;
-    width: 100%;
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-  }
-
-
   .container {
     padding-left: 360px;
   }
@@ -213,127 +72,33 @@ main {
     padding: 0;
     margin: 0;
   }
-
-}
-
-@media screen and (max-width: 768px) {
-  #toc {
-    padding: 0 1.5em 0 1.5em;
-    overflow: visible;
-  }
-
-}
-
-  div.figure > img {
-    margin-left: auto;
-margin-right: auto;
-display: block;
-max-width: 100%;
-height: auto;
-  }
-
-
-#toc ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-#toc li a {
-  padding: 5px 10px;
-}
-
-#toc a {
-  color: #4D7EA5;
-  text-decoration: none;
-  display: block;
-}
-
-#toc a:hover {
-  box-shadow: none;
-  color: white;
-}
-
-#toc .h2 {
-  padding-left: 30px;
-}
-
-#toc .h3 {
-  padding-left: 50px;
-}
-
-#toc .toc-active a {
-  color: white;
-}
-
-#toc .toc-active, #toc li:hover {
-  background: #4D7EA5;
-  box-shadow: inset -5px 0px 10px -5px #4D7EA5!important;
-}
-
-#toc li:hover a {
-  color: white;
 }
 
 /*
-Document types + stages
+    Document types + stages
 */
 
 .document-type-band {
-  left: 0;
-  top: 180px;
-  height: 100%;
-  position: fixed;
-  display: block;
-  z-index: 99;
-  /*box-shadow: -5px 0px 10px #1d1d1d*/
+  @include docBand(2, 100%, 180px);
+  &> :first-child {
+    height: 120px;
+  }
 }
 
 .document-stage-band {
-  left: 0;
-  top: 0;
-  height: 100%;
-  position: fixed;
-  display: block;
-  z-index: 98;
-  /*box-shadow: -5px 0px 10px #1d1d1d*/
-}
-
-.document-type {
-  position: relative;
-  width: 25px;
-}
-
-.document-stage {
-  position: relative;
-  width: 25px;
-}
-
-p.document-type, p.document-stage {
-  color: white;
-  text-transform: uppercase;
-  font-size: 0.9em;
-  font-weight: 400;
-  letter-spacing: 0.05em;
-  margin: 0;
-  margin-left: 6px;
-  writing-mode: tb-rl;
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  white-space: nowrap;
-  display: block;
-  bottom: 0;
+  @include docBand(1, 160px);
+  &> :first-child {
+    font-weight: 300;
+  }
 }
 
-p.document-type {
-  font-weight: 400;
-  height: 120px;
+p.document-type,
+p.document-stage {
+  @include docBandTitle(120px);
 }
 
 #governance-band p.document-type {
-  font-weight: 400;
-  height: 230px!important;
+  height: 230px !important;
 }
 
 p.document-stage {
@@ -341,8 +106,13 @@ p.document-stage {
   height: 160px;
 }
 
+dt {
+  font-weight: 500;
+}
+
 #standard-band {
   color: #0ac442;
+  background: none;
 }
 
 #standard {
@@ -366,19 +136,18 @@ p.document-stage {
 }
 
 .coverpage-maturity {
-  font-family: $bodyfont;
-  font-weight: 400;
-  font-size: 1em;
-  margin: 0 0 2em 0;
-  text-transform: uppercase;
+  @include coverpageStageBlock();
 }
 
 #working-draft {
   border-bottom: solid 3px #fda706;
 }
 
-#working-draft-band p {
-  color: #fda706;
+#working-draft-band {
+  p {
+    color: #fda706;
+  }
+  background: none;
 }
 
 #committee-draft {
@@ -484,40 +253,10 @@ span.obligation {
   font-weight: 400;
 }
 
-
 /*
 3.2 Links
 */
-
-a, a:visited {
-  text-decoration: none;
-  color: #4D7EA5;
-}
-
-a:hover {
-  color: white;
-  background: #4D7EA5;
-  box-shadow: 3px 0 0 #4D7EA5, -3px 0 0 #4D7EA5;
-  /* padding: 2px 0 2px 0; */
-}
-
-::selection {
-  background: #4D7EA5; /* WebKit/Blink Browsers */
-  color: white;
-}
-::-moz-selection {
-  background: #4D7EA5; /* Gecko Browsers */
-  color: white;
-}
-
-.contact-info a:hover {
-  color: #4D7EA5;
-  text-decoration: underline;
-  background: none;
-  box-shadow: 0 0 0 0;
-}
-
-
+@include elementStyles(#4D7EA5, #4D7EA5, white);
 
 /*
 3.3 Lists
@@ -536,16 +275,12 @@ ul, ol {
   list-style-type: none;
 }
 
-
 /*
 3.4 Rules
 */
 
 .rule {
-  width: 100%;
-  height: 1px;
-  background-color: #00427e;
-  margin: 2em 0;
+  @include rule(1px, #00427e)
 }
 /*
 h2 p {
@@ -568,25 +303,25 @@ p.Biblio, p.NormRef {
 */
 
 .Sourcecode {
-  font-family: $monospacefont;
-  font-variant-ligatures: none;
+  @include monospaceBlockStyle()
 }
 
-.figure, .Sourcecode, .pseudocode {
-  background-color: #F5F6F6;
+.figure,
+.Sourcecode,
+.pseudocode {
+  @include pseudocodeBlock(#F5F6F6, rgb(91, 94, 95));
   font-size: 1em;
-  line-height: 1.6em;
-  overflow: auto;
   border-left: solid 5px #B1B6B8;
-  color: rgb(91, 94, 95);
   padding: 1.2em 1.2em 1.2em 2.2em;
-  margin: 2em 0 2em -1em;;
+  margin: 2em 0 2em -1em;
 }
 
-.FigureTitle, .SourceTitle, .AdmonitionTitle, .RecommendationTitle {
-  font-weight: 700;
-  font-size: 1em;
-  text-align: center;
+@include admonitionBlock();
+@include recommendationBlock();
+
+.FigureTitle,
+.SourceTitle {
+  @include blockTitle()
 }
 
 /*
@@ -622,7 +357,7 @@ td.example_label {
   padding: 0;
 }
 
-td > p.example {
+td>p.example {
   margin: 0;
   border-left: solid 5px #B1B6B8;
   padding: 1em;
@@ -637,60 +372,35 @@ td.example_label {
 }
 
 .example {
-    background-color: #F5F6F6;
-    color: rgb(91, 94, 95);
-    padding: 0.5em;
-    margin: 2em 0 1em 0;
-    text-align: left;
-    padding-left: 2em;
-}
-
-.example p {
-    margin: 0;
-}
+  @include exampleBlock(#F5F6F6, rgb(91, 94, 95));
+  color: rgb(91, 94, 95);
 
-.example .example-title {
-font-weight: 700;
-font-size: 1.2em;
-text-transform: uppercase;
-margin-top:0;
-margin-left:-1.5em;
-}
+  .example-title {
+    margin-top: 0;
+    font-size: 1.2em;
+  }
 
-.example .Sourcecode, .example .pseudocode {
-      background: none;
+  .Sourcecode,
+  .pseudocode {
+    background: none;
+  }
 }
 
-
-
 /*
 3.9 Tables
 */
 
 table {
-  border-collapse: collapse;
-  width: 100%;
-  font-weight: 300;
-  margin: 1em 0 2em 0;
-  margin-left: auto;
-  margin-right: auto;
-  padding-right: 2em;
-  border: solid 1px #F5F6F6!important;
+  @include table(1px solid black);
 }
 
-table, th, td {
-  border: none!important;
+table,
+th,
+td {
+  border: none !important;
   font-size: 1em;
 }
 
-td, th {
-  padding: 1em;
-}
-
-td.header {
-  font-weight: 400;
-}
-
 tr:nth-child(even) {
   background-color: #FBF9F8;
 }
@@ -701,12 +411,6 @@ thead {
   border: none;
 }
 
-p.TableTitle {
-  text-align: center;
-  margin-top: 2.5em;
-  font-weight: 400;
-}
-
 /*
 3.10 Footnotes
 */
@@ -726,19 +430,12 @@ a.footnote-number {
 */
 
 .Quote {
-  background-color: #F5F6F6;
-  border-left: solid 5px #B1B6B8;
-  color: rgb(91, 94, 95);
+  @include blockquoteBlock(#F5F6F6, true);
   padding: 1.2em 1.2em 1.2em 2.2em;
-  margin: 2em 0 2em -1em;;
-  font-style: italic;
-}
-
-.QuoteAttribution {
-  text-align: right;
+  margin: 2em 0 2em -1em;
+  border-left: solid 5px #B1B6B8;
 }
 
-
 /*
 3.12 Formulas
 */
@@ -766,9 +463,9 @@ a.footnote-number {
   text-align: left;
 }
 
-.contact-info p, .contact-info a {
-  font-family: $monospacefont;
-  font-variant-ligatures: none;
+.contact-info p,
+.contact-info a {
+  @include monospaceBlockStyle();
   font-weight: 400;
 }
 
@@ -792,6 +489,13 @@ span.keyword {
   font-weight: 400;
 }
 
+p {
+  font-size: 1.2em;
+  line-height: 1.5;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
 /*
 Paragraphs
 */
@@ -1029,32 +733,12 @@ To top button
 */
 
 #myBtn {
-  font-family: $monospacefont;
-  font-variant-ligatures: none;
-  display: none;
-  position: fixed;
-  bottom: 20px;
-  right: 30px;
-  z-index: 99;
-  font-size: 12px;
-  border: none;
-  outline: none;
-  background-color: #4D7EA5;
-  opacity: 0.15;
-  color: white;
-  cursor: pointer;
-  padding: 10px 15px 10px 15px;
-  border-radius: 4px;
-}
-
-#myBtn:hover {
-  opacity: 1;
-}
+  @include toTopBtn(white, #1f8ca0);
+  text-transform: uppercase;
 
-a.anchorjs-link:hover {
-  background: none;
-  color: #485094;
-  box-shadow: none;
+  a.anchorjs-link {
+    @include anchorLink(#4D7EA5)
+  }
 }
 
 nav h1:hover a:after {
@@ -1069,6 +753,10 @@ nav h1:hover a:after {
   color: #4D7EA5!important;
 }
 
+.document-stage-band {
+  box-shadow: none;
+}
+
 @page {
   margin: 1cm;
 }
@@ -1097,16 +785,6 @@ nav h1:hover a:after {
     padding-left: 0;
   }
 
-  nav {
-    position: relative;
-    width: auto;
-    font-size: 0.9em;
-    overflow: auto;
-    padding: 0;
-    margin-right: 0;
-    background-color: white;
-  }
-
   #toc .toc-active a {
     color: #4D7EA5;
   }

data/lib/metanorma/csa/version.rb

@@ -2,6 +2,6 @@
 
 module Metanorma
   module Csa
-    VERSION = '1.4.4'
+    VERSION = '1.4.5'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: metanorma-csa
 version: !ruby/object:Gem::Version
-  version: 1.4.4
+  version: 1.4.5
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-02-17 00:00:00.000000000 Z
+date: 2020-02-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: htmlentities