IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Type system rebuild (#5492)

Browse Source
This commit is contained in:
Kris
2018-01-12 17:27:38 -05:00
committed by GitHub
parent 298ee26908
commit 674013129a
86 changed files with 931 additions and 859 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/foundation/base.scss
View File

@@ -9,7 +9,7 @@ html {
color: $primary;
font-family: $base-font-family;
font-size: $base-font-size;
line-height: $base-line-height;
line-height: $line-height-large;
background-color: $secondary;
overflow-y: scroll;
direction: ltr;

30
app/assets/stylesheets/common/foundation/variables.scss
View File

@@ -20,20 +20,41 @@ $twitter: #00bced !default;
$yahoo: #810293 !default;
$github: #6d6d6d !default;
// Fonts
// --------------------------------------------------
$base-font-size: 14px !default;
$base-line-height: 19px !default;
$base-font-family: Helvetica, Arial, sans-serif !default;
/* These files don't actually exist. They're injected by Stylesheet::Compiler. */
// Font-size defintions, multiplier ^ (step / interval)
$font-up-6: 2.296em;
$font-up-5: 2em;
$font-up-4: 1.7511em;
$font-up-3: 1.5157em;
$font-up-2: 1.3195em;
$font-up-1: 1.1487em; // 2^(1/5)
$font-0: 1em;
$font-down-1: .8706em; // 2^(-1/5)
$font-down-2: .7579em; // Smallest size we use based on the 1em base
$font-down-3: .6599em;
$font-down-4: .5745em;
$font-down-5: .5em;
$font-down-6: .4355em;
// Common line-heights
$line-height-small: 1;
$line-height-medium: 1.2; // Headings or large text
$line-height-large: 1.4; // Normal or small text
// These files don't actually exist. They're injected by Stylesheet::Compiler.
// --------------------------------------------------
@import "theme_variables";
@import "plugins_variables";
@import "common/foundation/math";
// Color Utilities
// Color utilities
// --------------------------------------------------
// w3c definition of color brightness https://www.w3.org/TR/AERT#color-contrast
@function dc-color-brightness($color) {
@@ -93,7 +114,6 @@ $header_primary-low: dark-light-diff($header_primary, $secondary, 90%, -65%);
$header_primary-medium: dark-light-diff($header_primary, $secondary, 50%, -20%);
$header_primary-high: dark-light-diff($header_primary, $secondary, 20%, 20%);
//secondary
$secondary-low: dark-light-diff($secondary, $primary, 70%, -70%);
$secondary-medium: dark-light-diff($secondary, $primary, 50%, -50%);