draco/docs/assets/css/spec-style.sass
Lou Quillio 55a704b61b Fix cross-browser monospace font rendering (Firefox CSS).
Syntax tables rely on precise monospace font rendering
with regard to font-size and especially line-height.
This applies more specific selectors, in an attempt to
have Firefox render identically to Chrome.
2017-08-03 12:04:54 -07:00

95 lines
1.8 KiB
Sass

---
---
/*
* style.sass
*/
@import url('https://fonts.googleapis.com/css?family=Inconsolata')
$monofont: 'Inconsolata'
$gridcolor: #ddd
$gridweight: 2px
table
border-collapse: collapse
min-width: 50%
margin-left: 1em
th, td
border: 1px solid #ccc
padding: .5em
th
background-color: #333
border: 1px solid #333
color: #fff
table.terms th
text-align: center
div.draco-syntax pre
background-color: #fff
background-image: linear-gradient(90deg, transparent 600px, #abced4 600px, #abced4 602px, transparent 602px), linear-gradient($gridcolor .1em, transparent .1em)
background-size: 100% 1.3em
border-left: $gridweight solid $gridcolor
border-right: $gridweight solid $gridcolor
border-bottom: $gridweight solid $gridcolor
white-space: pre
font-family: $monofont
font-size: 1em
padding: 0 1em
line-height: 1.3
margin-left: 1em
width: 740px
// Specifically override Bootstrap defaults
code, kbd, pre, samp
font-family: $monofont
font-size: 1em
line-height: 1.3
ol.breadcrumb
background-color: #fff
padding-left: 0
font-size: 12px
// Auto heading-number styles
body
counter-reset: h2
h2
counter-reset: h3
h3
counter-reset: h4
h4
counter-reset: h5
h5
counter-reset: h6
h2:before
counter-increment: h2
content: counter(h2) ". "
h3:before
counter-increment: h3
content: counter(h2) "." counter(h3) ". "
h4:before
counter-increment: h4
content: counter(h2) "." counter(h3) "." counter(h4) ". "
h5:before
counter-increment: h5
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
h6:before
counter-increment: h6
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before
content: ""
counter-increment: none