mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 05:15:20 -05:00
Update styles for homepage
This commit is contained in:
parent
b4162511f7
commit
e8c5679954
5 changed files with 35 additions and 11 deletions
|
@ -1,4 +1,4 @@
|
|||
footer
|
||||
footer.site-footer
|
||||
.container
|
||||
.row
|
||||
ul.col-md-6
|
||||
|
|
|
@ -150,10 +150,21 @@
|
|||
&:after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-top: 1px solid hsl(200, 70%, 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.real-time-example-code {
|
||||
border-left: 42px solid @gray-lighter;
|
||||
background-color: white;
|
||||
padding: 12px;
|
||||
font-family: @font-family-monospace;
|
||||
.highlight {
|
||||
color: @blue;
|
||||
}
|
||||
box-shadow: 0 3px 3px rgba(0,0,0,.2);
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
footer {
|
||||
footer.site-footer {
|
||||
border-top: 1px solid @gray-lighter;
|
||||
padding: 2em;
|
||||
font-size: 0.9rem;
|
||||
|
|
|
@ -245,7 +245,20 @@ blockquote {
|
|||
padding: (@line-height-computed / 2) @line-height-computed;
|
||||
margin: 0 0 @line-height-computed;
|
||||
font-size: @blockquote-font-size;
|
||||
quotes: "\201C""\201D""\2018""\2019";
|
||||
border-left: 5px solid @blockquote-border-color;
|
||||
&:before {
|
||||
content: open-quote;
|
||||
font-size: @blockquote-font-size * 3;
|
||||
color: @blockquote-border-color;
|
||||
margin-right: 0.25em;
|
||||
vertical-align: -0.4em;
|
||||
line-height: 0.1em;
|
||||
}
|
||||
|
||||
p {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
|
@ -264,6 +277,7 @@ blockquote {
|
|||
font-size: 80%; // back to default font-size
|
||||
line-height: @line-height-base;
|
||||
color: @blockquote-small-color;
|
||||
padding-top: @line-height-computed / 2;
|
||||
|
||||
&:before {
|
||||
content: '\2014 \00A0'; // em dash, nbsp
|
||||
|
@ -274,8 +288,7 @@ blockquote {
|
|||
// Opposite alignment of blockquote
|
||||
//
|
||||
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
|
||||
.blockquote-reverse,
|
||||
blockquote.pull-right {
|
||||
.blockquote-reverse {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
border-right: 5px solid @blockquote-border-color;
|
||||
|
@ -294,10 +307,10 @@ blockquote.pull-right {
|
|||
}
|
||||
|
||||
// Quotes
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
// blockquote:before,
|
||||
// blockquote:after {
|
||||
// content: "";
|
||||
// }
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
|
|
|
@ -796,9 +796,9 @@
|
|||
//** Headings small color
|
||||
@headings-small-color: @gray-light;
|
||||
//** Blockquote small color
|
||||
@blockquote-small-color: @gray-light;
|
||||
@blockquote-small-color: @gray;
|
||||
//** Blockquote font size
|
||||
@blockquote-font-size: (@font-size-base * 1.25);
|
||||
@blockquote-font-size: (@font-size-base * 1.125);
|
||||
//** Blockquote border color
|
||||
@blockquote-border-color: @gray-lighter;
|
||||
//** Page header border color
|
||||
|
|
Loading…
Reference in a new issue