mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 10:54:09 -05:00
63 lines
1.6 KiB
Text
63 lines
1.6 KiB
Text
|
extends ../layout
|
||
|
|
|
||
|
|
block content
|
||
|
|
.content
|
||
|
|
.container
|
||
|
|
.row
|
||
|
|
.col-md-8.col-md-offset-2
|
||
|
|
h1 ShareLaTeX CSS Style Guide
|
||
|
|
|
||
|
|
h2 Headings
|
||
|
|
|
||
|
|
p Here are our heading styles:
|
||
|
|
|
||
|
|
h1 Heading level 1
|
||
|
|
p Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
|
||
|
|
|
||
|
|
h2 Heading level 2
|
||
|
|
p Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
|
||
|
|
|
||
|
|
h3 Heading level 3
|
||
|
|
p Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
|
||
|
|
|
||
|
|
h4 Heading level 4
|
||
|
|
p Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
|
||
|
|
|
||
|
|
h2 Buttons
|
||
|
|
|
||
|
|
p Our primary button is red:
|
||
|
|
p
|
||
|
|
a.btn.btn-primary(href="#") Primary Button
|
||
|
|
p Our secondary button is blue:
|
||
|
|
p
|
||
|
|
a.btn.btn-info(href="#") Secondary Button
|
||
|
|
p All button styles
|
||
|
|
p
|
||
|
|
.btn-toolbar
|
||
|
|
a.btn.btn-primary(href="#") Primary
|
||
|
|
a.btn.btn-info(href="#") Info (secondary)
|
||
|
|
a.btn.btn-default(href="#") Default
|
||
|
|
a.btn.btn-success(href="#") Success
|
||
|
|
a.btn.btn-warning(href="#") Warning
|
||
|
|
a.btn.btn-danger(href="#") Danger
|
||
|
|
|
||
|
|
h2 Hyperlinks
|
||
|
|
|
||
|
|
p Hyperlinks are highlighted
|
||
|
|
a(href="#") as shown
|
||
|
|
|.
|
||
|
|
|
||
|
|
h2 Alerts
|
||
|
|
|
||
|
|
.alert.alert-danger An <code>.alert-danger</code> alert
|
||
|
|
.alert.alert-success An <code>.alert-success</code> alert
|
||
|
|
.alert.alert-info An <code>.alert-info</code> alert
|
||
|
|
.alert.alert-warning An <code>.alert-warning</code> alert
|
||
|
|
|
||
|
|
.content.content-alt
|
||
|
|
.container
|
||
|
|
.row
|
||
|
|
.col-md-8.col-md-offset-2
|
||
|
|
.card
|
||
|
|
p Cards look best on a <code>.content.content-alt</code> background
|