assets/scss/main.scss


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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

// Backgrounds
$color__background-body: #fff;
$color__background-input: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: {{ $.Site.Params.accent_color | default "#0073aa" }};
$color__background-button-hover: #111;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

// Text
$color__text-main: #111;
$color__text-light: #767676;
$color__text-hover: lighten( #111, 22.5% );
$color__text-screen: #21759b;
$color__text-input: #666;
$color__text-input-focus: #111;

// Links
$color__link: {{ $.Site.Params.accent_color | default "#0073aa" }};
$color__link-visited: $color__link;
$color__link-hover: darken( $color__link, 10% );

// Borders
$color__border: #ccc;
$color__border-link: {{ $.Site.Params.accent_color | default "#0073aa" }};
$color__border-link-hover: darken( $color__link, 10% );
$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: $color__border;
$color__border-abbr: #666;

@import "variables-site/variables-site";
@import "mixins/mixins-master";
@import "normalize";
@import "typography/typography";
@import "elements/elements";
@import "forms/forms";
@import "navigation/navigation";
@import "modules/accessibility";
@import "modules/alignments";
@import "modules/clearings";
@import "layout/layout";
@import "site/site";
@import "site/secondary/widgets";
@import "blocks/blocks";
@import "media/media";

.entry-footer svg, .entry-meta svg {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25em;
}

.site-main pre {
  padding: 0.8rem;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  background-color: #fafafa;
  color: #272822;
}

.site-main code {
  background-color: #fafafa;
  color: #272822;
  font-size: 0.8rem;
  padding: 2px 4px;
  border-radius: 2px;
}

.navigation.pagination svg {
  width: 22px;
  height: 22px;
}

.main-navigation .main-menu>li.menu-item-has-children .submenu-expand svg {
  width: 24px;
  height: 24px;
}