mirror of
https://git.mirrors.martin98.com/https://github.com/google/draco
synced 2025-08-02 09:00:36 +08:00
b3378f4453
* Create template for spec pages * Adapt syntax-table styles to Bootstrap * Reposition type/size annotations at col 86 (and update README.md) * Let Bootstrap style breadcrumb trails * Unrelated: abstract footer to an _include
117 lines
2.1 KiB
Sass
117 lines
2.1 KiB
Sass
---
|
|
---
|
|
/*
|
|
* style.sass
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata')
|
|
|
|
$monofont: 'Inconsolata', monospace
|
|
$gridcolor: #ddd
|
|
$gridweight: 2px
|
|
|
|
table
|
|
border-collapse: collapse
|
|
min-width: 50%
|
|
margin-left: 1em
|
|
|
|
th, td
|
|
border: $gridweight solid #ccc
|
|
padding: .5em
|
|
|
|
th
|
|
background-color: #333
|
|
color: #fff
|
|
|
|
table.terms
|
|
th
|
|
display: none
|
|
td
|
|
vertical-align: top
|
|
|
|
table.conventions
|
|
th
|
|
display: none
|
|
td
|
|
vertical-align: top
|
|
td:first-child
|
|
white-space: nowrap
|
|
|
|
table.nohead
|
|
th
|
|
display: none
|
|
|
|
table.xyhead
|
|
th, td:first-child
|
|
background-color: #9bbb59
|
|
th
|
|
color: #000
|
|
font-weight: normal
|
|
|
|
figure.highlight
|
|
background-color: #f2f2f2
|
|
padding-left: 1em
|
|
padding-right: 1em
|
|
border: $gridweight solid #ccc
|
|
|
|
div.draco-syntax pre
|
|
background-color: #fff
|
|
background-image: linear-gradient(90deg, transparent 660px, #abced4 660px, #abced4 662px, transparent 582px), 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: 14px
|
|
padding: 0 14px
|
|
line-height: 18px
|
|
margin-left: 1em
|
|
width: 840px
|
|
//overflow: auto
|
|
|
|
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
|