Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Small and big should be limited via rem so it works large font mode

This commit is contained in:
Sam 2018-01-22 14:22:30 +11:00
parent 83c549bd31
commit ce815276d0
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/base/discourse.scss
View File

@ -48,10 +48,10 @@ body {
// setting a static limit on big and small prevents nesting abuse // setting a static limit on big and small prevents nesting abuse
big { big {
font-size: 32px; font-size: $font-up-5;
} }
small { small {
font-size: 12px; font-size: $font-down-2;
} }
blockquote { blockquote {

20
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -47,38 +47,40 @@
.cooked, .d-editor-preview { .cooked, .d-editor-preview {
word-wrap: break-word; word-wrap: break-word;
line-height: $line-height-large; line-height: $line-height-large;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 30px 0 10px; margin: 30px 0 10px;
line-height: $line-height-medium; line-height: $line-height-medium;
} }
h1 { h1 {
font-size: $font-up-4; font-size: $font-up-4;
} }
h2 { h2 {
font-size: $font-up-3; font-size: $font-up-3;
} }
h3 { h3 {
font-size: $font-up-2; font-size: $font-up-2;
} }
h4 { h4 {
font-size: $font-up-1; font-size: $font-up-1;
} }
h5 { h5 {
font-size: $font-0; font-size: $font-0;
} }
h6 { h6 {
font-size: $font-down-1; font-size: $font-down-1;
} }
a { word-wrap: break-word; } a { word-wrap: break-word; }
ins { background-color: dark-light-choose($success-low, scale-color($success, $lightness: -60%)); } ins { background-color: dark-light-choose($success-low, scale-color($success, $lightness: -60%)); }
del { background-color: dark-light-choose($danger-low, scale-color($danger, $lightness: -60%)); } del { background-color: dark-light-choose($danger-low, scale-color($danger, $lightness: -60%)); }
big { font-size: 2rem; }
small { font-size: 0.75rem; }
} }
.cooked, .d-editor-preview { .cooked, .d-editor-preview {