You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
vscode-api-cn.js/theme/assets/css/elements/_panel.sass

70 lines
1.9 KiB

3 years ago
// Displays a panel, an organisation unit in TypeDoc used to group single entities
// like a method or a variable.
//
// <div class="tsd-panel">
// <h3>Eirmod tempor invidunt</h3>
// <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
// </div>
//
.tsd-panel
@extend %prevent-children-margin
margin: 20px 0
padding: 20px
background-color: var(--color-panel)
box-shadow: 0 0 4px rgba(#000, 0.25)
&:empty
display: none
> h1, > h2, > h3
margin: 1.5em -20px 10px -20px
padding: 0 20px 10px 20px
border-bottom: 1px solid var(--color-panel-divider)
&.tsd-before-signature
margin-bottom: 0
border-bottom: 0
table
display: block
width: 100%
overflow: auto
margin-top: 10px
word-break: normal
word-break: keep-all
th
font-weight: bold
th, td
padding: 6px 13px
border: 1px solid #ddd
tr
background-color: #fff
border-top: 1px solid #ccc
&:nth-child(2n)
background-color: #f8f8f8
// Holds a series of panels with an optional heading.
//
// <div class="tsd-panel-group">
// <h2>Consetetur sadipscing elitr</h2>
// <div class="tsd-panel">
// <h3>Eirmod tempor invidunt</h3>
// <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
// </div>
// <div class="tsd-panel">
// <h3>Eirmod tempor invidunt</h3>
// <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
// </div>
// </div>
//
.tsd-panel-group
margin: 60px 0
> h1, > h2, > h3
padding-left: 20px
padding-right: 20px