_variables-v2.scss 2.32 KB
Newer Older
1 2 3
// discussion - utilities - variables
// ====================

4 5
// base color variables
$forum-color-primary: palette(primary, base) !default;
6 7
$forum-color-copy-light: palette(grayscale, base) !default;
$forum-color-background-light: palette(grayscale, x-back) !default;
8 9

// contextual color variables
10 11
$forum-color-background: $lms-container-background-color !default;
$forum-color-active-thread: $lms-active-color !default;
12
$forum-color-hover: palette(primary, dark) !default;
13
$forum-color-active-text: $lms-container-background-color !default;
14 15
$forum-color-pinned: palette(secondary, dark) !default;
$forum-color-reported: palette(secondary, dark) !default;
16
$forum-color-closed: $black !default;
17 18
$forum-color-following: $forum-color-primary !default;
$forum-color-staff: $forum-color-primary !default;
19 20 21
$forum-color-community-ta: palette(success, text) !default;
$forum-color-marked-answer: palette(success, text) !default;
$forum-color-border: palette(grayscale, back) !default;
22
$forum-color-error: palette(error, accent) !default;
23 24
$forum-color-hover-thread: $forum-color-background-light !default;
$forum-color-reading-thread: $forum-color-background-light !default;
25
$forum-color-read-post: palette(grayscale, base) !default;
26
$forum-color-never-read-post: $forum-color-primary !default;
27 28
$forum-color-editor-preview-label: palette(grayscale, base) !default;
$forum-color-response-count: palette(grayscale, base) !default;
29
$forum-color-navigation-bar: $forum-color-background-light !default;
30 31
$forum-color-count: palette(grayscale, base) !default;
$forum-color-background-label: palette(grayscale, base) !default;
32 33 34 35 36

// post images
$post-image-dimension: ($baseline*3) !default;  // image size  + margin
$response-image-dimension: ($baseline*2.5) !default; // image size  + margin
$comment-image-dimension: ($baseline*2) !default; // image size  + margin
37

38 39 40 41
// action-dropdown
$actions-dropdown-width: 145px; // best estimate in RU
$actions-dropdown-offset: 100px; // actions dropdown expanded more menu

42 43 44 45 46 47 48 49
// font sizes
$forum-base-font-size: font-size(small);
$forum-x-large-font-size: font-size(x-large);
$forum-large-font-size: font-size(base);
$forum-small-font-size: font-size(x-small);

// borders
$forum-border-radius: $component-border-radius;
50 51 52 53

// btn colors
$uxpl-primary-blue: palette(primary, base) !default;
$btn-default-background-color: $lms-container-background-color;