1 files changed, 77 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/less/components/typography.less b/server/sonar-web/src/main/less/components/typography.less
new file mode 100644
index 00000000000..5495763c42d
--- /dev/null
+++ b/server/sonar-web/src/main/less/components/typography.less
@@ -0,0 +1,77 @@
+@import (reference) "../variables";
+@import (reference) "../mixins";
+@import (reference) "../ui";
+
+.formatted() {
+  max-width: 1020px;
+  line-height: 1.5;
+
+  p, ul, ol, pre, blockquote, table, h2, h3, h4, h5, h6 {
+    margin: 1em 0;
+  }
+
+  h2 {
+    font-size: @bigFontSize;
+    font-weight: 400;
+  }
+
+  h3, h4, h5, h6 {
+    font-size: @baseFontSize;
+    font-weight: 500;
+  }
+
+  pre, code {
+    font-family: @monoFontFamily;
+    font-size: @smallFontSize;
+  }
+
+  pre {
+    max-width: 1020px;
+    padding: 10px;
+    border-top: 1px solid @barBorderColor;
+    border-bottom: 1px solid @barBorderColor;
+    line-height: 18px;
+    overflow: auto;
+  }
+
+  code {
+    color: saturate(@darkBlue, 50%);
+    font-weight: 600;
+  }
+
+  blockquote {
+    line-height: 1.5;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  ul {
+    padding-left: 40px;
+    list-style: disc;
+  }
+
+  ol {
+    padding-left: 40px;
+    list-style: decimal;
+  }
+
+  table {
+    min-width: 50%;
+    border-collapse: collapse;
+    border: 1px solid @barBorderColor;
+  }
+
+  th {
+    padding: 5px 10px;
+    border: 1px solid @barBorderColor;
+    background-color: @barBackgroundColor;
+    font-weight: 500;
+    text-align: center;
+  }
+
+  td {
+    padding: 5px 10px;
+    border: 1px solid @barBorderColor;
+  }
+
+}