-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path_mint_light.scss
More file actions
64 lines (57 loc) · 2.52 KB
/
Copy path_mint_light.scss
File metadata and controls
64 lines (57 loc) · 2.52 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/* ==========================================================================
MINT THEME - LIGHT VERSION
========================================================================== */
/* Color codes used for the theme */
$primary-color : #11999e;
$dark-primary-color : mix(#000, $primary-color, 40%);
$darker-primary-color : mix(#000, $primary-color, 60%);
$light-primary-color : mix(#fff, $primary-color, 50%);
$lighter-primary-color : mix(#fff, $primary-color, 90%);
$background : #f3f6f6;
$background-light : #ffffff;
$background-lighter : #fafbfb;
$text : #40514e;
$text-muted : #5c6d6a;
$link : #11999e;
$link-dark : mix(#000, $link, 25%);
$link-light : mix(#fff, $link, 25%);
$footer : #30e3ca;
$border : mix(#fff, #40514e, 75%);
$border-dark : mix(#fff, #40514e, 60%);
/* Color codes used for the site */
$danger-color : #e74c3c;
$info-color : #11999e;
$notice-color : #30e3ca;
$success-color : #2ecc71;
$warning-color : #f39c12;
/* Other basic settings for the template */
$border-radius : 4px;
$box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125);
$global-transition : all 0.2s ease-in-out;
$masthead-height : 70px;
$navicon-width : 28px;
$navicon-height : 4px;
$sidebar-link-max-width : 250px;
$sidebar-screen-min-width : 1024px;
/* Light theme for the site */
:root {
--global-base-color : #{$primary-color};
--global-bg-color : #{$background};
--global-footer-bg-color : #{$footer};
--global-border-color : #{$border};
--global-dark-border-color : #{$border-dark};
--global-code-background-color : #{$background-light};
--global-code-text-color : #{$darker-primary-color};
--global-fig-caption-color : #{$text-muted};
--global-link-color : #{$link};
--global-link-color-hover : #{$link-dark};
--global-link-color-visited : #{$link-light};
--global-masthead-link-color : #{$text};
--global-masthead-link-color-hover : #{$primary-color};
--global-text-color : #{$text};
--global-text-color-light : #{$text-muted};
--global-thead-color : #{$lighter-primary-color};
}
footer {
color: #{$text};
}