github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Wrap RT styles in .rich-text to prevent clashes

Browse source
This commit is contained in:
Alasdair Smith 2018-03-29 12:01:18 +01:00
parent 4511cfa92f
commit fa7e64adbb
1 changed files with 174 additions and 174 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

178
services/web/public/stylesheets/app/editor/rich-text.less
View file

@ -4,219 +4,219 @@
.rich-text {
font-family: @rt-font-family;
font-size: 1.15em;
}
.rich-text pre, .rich-text .CodeMirror-linewidget {
pre, .CodeMirror-linewidget {
font-family: @rt-font-family;
}
}
// TODO: Prefix? not wl- ?
// TODO: Change prefix away from wl- ?
/****************************************************************************/
/****************************************************************************/
.preamble h1 {
.preamble h1 {
text-align: center;
font-size: 2em;
color: @text-color;
}
}
.preamble ul.authors {
.preamble ul.authors {
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: center;
}
}
.preamble ul.authors li {
.preamble ul.authors li {
padding-bottom: 5px;
}
}
/****************************************************************************/
/****************************************************************************/
.wl-indent-0 {
.wl-indent-0 {
padding-left: 2.5em !important;
}
}
.wl-indent-1 {
.wl-indent-1 {
padding-left: 3.5em !important;
}
}
.wl-indent-2 {
.wl-indent-2 {
padding-left: 4.5em !important;
}
}
.wl-indent-3 {
.wl-indent-3 {
padding-left: 5.5em !important;
}
}
.wl-indent-4 {
.wl-indent-4 {
padding-left: 6.5em !important;
}
}
.wl-indent-env-0 {
.wl-indent-env-0 {
padding-left: 4px !important;
}
}
.wl-indent-env-1 {
.wl-indent-env-1 {
padding-left: 1.5em !important;
}
}
.wl-indent-env-2 {
.wl-indent-env-2 {
padding-left: 2.5em !important;
}
}
.wl-indent-env-3 {
.wl-indent-env-3 {
padding-left: 3.5em !important;
}
}
.wl-indent-env-4 {
.wl-indent-env-4 {
padding-left: 4.5em !important;
}
}
.wl-enumerate-item-open {
.wl-enumerate-item-open {
text-align: right;
width: 1.5em;
display: inline-block;
padding-right: 0.2em;
}
}
.wl-item-open {
.wl-item-open {
text-align: right;
width: 1.5em;
display: inline-block;
padding-right: 0.2em;
}
}
.wl-input {
.wl-input {
font-style: oblique;
}
}
/****************************************************************************/
/****************************************************************************/
.wl-abstract-open, .wl-abstract-close {
.wl-abstract-open, .wl-abstract-close {
border-top: 1px solid #999;
font-size: large;
font-weight: bold;
width: 100%;
}
}
.wl-figure {
.wl-figure {
max-height: 120px;
width: auto;
margin: 0 auto;
}
}
.wl-figure-wrap {
.wl-figure-wrap {
padding: 10px 0;
background-color: #f5f5f5;
box-shadow: 2px 2px 2px #DFDFDF;
width: 96%;
margin: 0 auto;
text-align: center;
}
}
.wl-figure-caption {
.wl-figure-caption {
padding: 3px 0 4px;
font-size: small;
margin: 0 auto;
text-align: center;
}
}
/****************************************************************************/
/****************************************************************************/
.wl-chapter, .wl-chapter-open, .wl-chapter-close {
.wl-chapter, .wl-chapter-open, .wl-chapter-close {
font-size: 2.2em;
font-weight: bold;
}
}
.wl-chapter-open, .wl-chapter-close {
.wl-chapter-open, .wl-chapter-close {
color: #999;
}
}
/****************************************************************************/
/****************************************************************************/
.wl-section, .wl-section-open, .wl-section-close {
.wl-section, .wl-section-open, .wl-section-close {
font-size: 1.8em;
font-weight: bold;
}
}
.wl-section-open, .wl-section-close {
.wl-section-open, .wl-section-close {
color: #999;
}
}
/****************************************************************************/
.wl-subsection, .wl-subsection-open, .wl-subsection-close {
/****************************************************************************/
.wl-subsection, .wl-subsection-open, .wl-subsection-close {
font-size: 1.5em;
font-weight: bold;
}
}
.wl-subsection-open, .wl-subsection-close {
.wl-subsection-open, .wl-subsection-close {
color: #999;
}
}
/****************************************************************************/
.wl-subsubsection, .wl-subsubsection-open, .wl-subsubsection-close {
/****************************************************************************/
.wl-subsubsection, .wl-subsubsection-open, .wl-subsubsection-close {
font-size: 1.1em;
font-weight: bold;
}
}
.wl-subsubsection-open, .wl-subsubsection-close {
.wl-subsubsection-open, .wl-subsubsection-close {
color: #999;
}
}
/****************************************************************************/
.wl-textbf {
/****************************************************************************/
.wl-textbf {
font-weight: bold;
}
}
.wl-textbf-open {
.wl-textbf-open {
font-weight: bold;
color: #999;
}
}
.wl-textbf-close {
.wl-textbf-close {
font-weight: bold;
color: #999;
}
}
.wl-label-bracket {
.wl-label-bracket {
font-weight: bold;
color: #999;
}
}
.wl-label-open,
.wl-input-link {
.wl-label-open,
.wl-input-link {
.wl-icon {
padding-left: 5px;
padding-right: 2px;
vertical-align: middle;
// @include wl-icon-size(inherit);
}
}
}
.wl-img-default {
.wl-img-default {
width: 0.9em ;
padding: 0 1px 1px;
}
}
.wl-label-close {
.wl-label-close {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
font-size: small;
}
}
/****************************************************************************/
.wl-textit {
/****************************************************************************/
.wl-textit {
font-style: italic;
}
}
.wl-textit-open {
.wl-textit-open {
font-style: italic;
color: #999;
}
}
.wl-textit-close {
.wl-textit-close {
font-style: italic;
color: #999;
}
}