MaterialDesignWanderlust 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,81 @@
1
+ //
2
+ // Generals styles for material design light elements
3
+ //
4
+
5
+ // Page container
6
+
7
+ .page-content{
8
+ max-width: 1200px;
9
+ margin: 0 auto;
10
+ }
11
+
12
+ // Cards styles
13
+ .mdl-card {
14
+ .mdl-card__title {
15
+ color: #fff;
16
+ height: 176px;
17
+ background: url('../img/welcome_card.jpg') center / cover;
18
+ }
19
+
20
+ .mdl-card__supporting-text > span { color: #9F9F9F; }
21
+
22
+ .mdl-card__menu {
23
+ color: #fff;
24
+ }
25
+ }
26
+
27
+ .post-button{
28
+ position: absolute;
29
+ right: 15px;
30
+ bottom: 25px;
31
+ }
32
+
33
+ // Index highlight card
34
+
35
+ .section-highlight {
36
+ position: relative;
37
+ margin: 10px;
38
+
39
+ .mdl-card__supporting-text {
40
+ margin: 40px;
41
+ -webkit-box-flex: 1;
42
+ -webkit-flex-grow: 1;
43
+ -ms-flex-positive: 1;
44
+ flex-grow: 1;
45
+ padding: 0;
46
+ color: inherit;
47
+ width: calc(100% - 80px);
48
+ }
49
+
50
+ .mdl-card__actions {
51
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
52
+ margin: 0;
53
+ padding: 4px 40px;
54
+ color: inherit;
55
+ }
56
+
57
+ header {
58
+ display: -webkit-box;
59
+ display: -webkit-flex;
60
+ display: -ms-flexbox;
61
+ display: flex;
62
+ -webkit-box-align: center;
63
+ -webkit-align-items: center;
64
+ -ms-flex-align: center;
65
+ align-items: center;
66
+ -webkit-box-pack: center;
67
+ -webkit-justify-content: center;
68
+ -ms-flex-pack: center;
69
+ justify-content: center;
70
+ min-height: 200px;
71
+ background: url('../img/welcome_card.jpg') center / cover;
72
+ }
73
+
74
+ button {
75
+ position: absolute;
76
+ z-index: 99;
77
+ top: 8px;
78
+ right: 8px;
79
+ }
80
+
81
+ }
@@ -0,0 +1,40 @@
1
+ //
2
+ // Styles for post
3
+ //
4
+
5
+ .post-ribbon {
6
+ width: 100%;
7
+ height: 40vh;
8
+ background-color: #DDDDDD;
9
+ flex-shrink: 0;
10
+ }
11
+
12
+ .post-main {
13
+ margin-top: -35vh;
14
+ -webkit-flex-shrink: 0;
15
+ -ms-flex-negative: 0;
16
+ flex-shrink: 0;
17
+
18
+ .post-container {
19
+ max-width: 1600px;
20
+ width: calc(100% - 16px);
21
+ margin: 0 auto;
22
+ }
23
+
24
+ .post-section {
25
+ border-radius: 2px;
26
+ padding: 80px 56px;
27
+ margin-bottom: 80px;
28
+
29
+ h3 {
30
+ margin-top: 48px;
31
+ }
32
+ }
33
+
34
+ .post-content {
35
+ img {
36
+ width: 100%;
37
+ height: auto;
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,203 @@
1
+ .highlight {
2
+ background: #282c34;
3
+ color: #abb2bf;
4
+ pre {
5
+ background: #282c34;
6
+ }
7
+ .hll {
8
+ background: #282c34;
9
+ }
10
+ .c {
11
+ color: #5c6370;
12
+ font-style: italic;
13
+ }
14
+ .err {
15
+ color: #960050;
16
+ background-color: #1e0010;
17
+ }
18
+ .k {
19
+ color: #dd672c;
20
+ }
21
+ .l {
22
+ color: #c8ae9d;
23
+ }
24
+ .n {
25
+ color: #abb2bf;
26
+ }
27
+ .o {
28
+ color: #abb2bf;
29
+ }
30
+ .p {
31
+ color: #abb2bf;
32
+ }
33
+ .cm {
34
+ color: #5c6370;
35
+ font-style: italic;
36
+ }
37
+ .cp {
38
+ color: #5c6370;
39
+ font-style: italic;
40
+ }
41
+ .c1 {
42
+ color: #5c6370;
43
+ font-style: italic;
44
+ }
45
+ .cs {
46
+ color: #5c6370;
47
+ font-style: italic;
48
+ }
49
+ .ge {
50
+ font-style: italic;
51
+ }
52
+ .gs {
53
+ font-weight: 700;
54
+ }
55
+ .kc {
56
+ color: #dd672c;
57
+ }
58
+ .kd {
59
+ color: #dd672c;
60
+ }
61
+ .kn {
62
+ color: #dd672c;
63
+ }
64
+ .kp {
65
+ color: #dd672c;
66
+ }
67
+ .kr {
68
+ color: #dd672c;
69
+ }
70
+ .kt {
71
+ color: #dd672c;
72
+ }
73
+ .ld {
74
+ color: #c8ae9d;
75
+ }
76
+ .m {
77
+ color: #d19a66;
78
+ }
79
+ .s {
80
+ color: #c8ae9d;
81
+ }
82
+ .na {
83
+ color: #d19a66;
84
+ }
85
+ .nb {
86
+ color: #e5c07b;
87
+ }
88
+ .nc {
89
+ color: #e5c07b;
90
+ }
91
+ .no {
92
+ color: #e5c07b;
93
+ }
94
+ .nd {
95
+ color: #e5c07b;
96
+ }
97
+ .ni {
98
+ color: #e5c07b;
99
+ }
100
+ .ne {
101
+ color: #e5c07b;
102
+ }
103
+ .nf {
104
+ color: #abb2bf;
105
+ }
106
+ .nl {
107
+ color: #e5c07b;
108
+ }
109
+ .nn {
110
+ color: #abb2bf;
111
+ }
112
+ .nx {
113
+ color: #abb2bf;
114
+ }
115
+ .py {
116
+ color: #e5c07b;
117
+ }
118
+ .nt {
119
+ color: #e06c75;
120
+ }
121
+ .nv {
122
+ color: #e5c07b;
123
+ }
124
+ .ow {
125
+ font-weight: 700;
126
+ }
127
+ .w {
128
+ color: #f8f8f2;
129
+ }
130
+ .mf {
131
+ color: #d19a66;
132
+ }
133
+ .mh {
134
+ color: #d19a66;
135
+ }
136
+ .mi {
137
+ color: #d19a66;
138
+ }
139
+ .mo {
140
+ color: #d19a66;
141
+ }
142
+ .sb {
143
+ color: #c8ae9d;
144
+ }
145
+ .sc {
146
+ color: #c8ae9d;
147
+ }
148
+ .sd {
149
+ color: #c8ae9d;
150
+ }
151
+ .s2 {
152
+ color: #c8ae9d;
153
+ }
154
+ .se {
155
+ color: #c8ae9d;
156
+ }
157
+ .sh {
158
+ color: #c8ae9d;
159
+ }
160
+ .si {
161
+ color: #c8ae9d;
162
+ }
163
+ .sx {
164
+ color: #c8ae9d;
165
+ }
166
+ .sr {
167
+ color: #56b6c2;
168
+ }
169
+ .s1 {
170
+ color: #c8ae9d;
171
+ }
172
+ .ss {
173
+ color: #56b6c2;
174
+ }
175
+ .bp {
176
+ color: #e5c07b;
177
+ }
178
+ .vc {
179
+ color: #e5c07b;
180
+ }
181
+ .vg {
182
+ color: #e5c07b;
183
+ }
184
+ .vi {
185
+ color: #e06c75;
186
+ }
187
+ .il {
188
+ color: #d19a66;
189
+ }
190
+ .gu {
191
+ color: #75715e;
192
+ }
193
+ .gd {
194
+ color: #f92672;
195
+ }
196
+ .gi {
197
+ color: #a6e22e;
198
+ }
199
+ }
200
+ pre.highlight {
201
+ background: #282c34;
202
+ color: #abb2bf;
203
+ }
@@ -0,0 +1,67 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ background: #fff;
6
+ @extend %vertical-rhythm;
7
+
8
+ .c { color: #998; font-style: italic } // Comment
9
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
10
+ .k { font-weight: bold } // Keyword
11
+ .o { font-weight: bold } // Operator
12
+ .cm { color: #998; font-style: italic } // Comment.Multiline
13
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
14
+ .c1 { color: #998; font-style: italic } // Comment.Single
15
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
16
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
17
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
18
+ .ge { font-style: italic } // Generic.Emph
19
+ .gr { color: #a00 } // Generic.Error
20
+ .gh { color: #999 } // Generic.Heading
21
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
22
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
23
+ .go { color: #888 } // Generic.Output
24
+ .gp { color: #555 } // Generic.Prompt
25
+ .gs { font-weight: bold } // Generic.Strong
26
+ .gu { color: #aaa } // Generic.Subheading
27
+ .gt { color: #a00 } // Generic.Traceback
28
+ .kc { font-weight: bold } // Keyword.Constant
29
+ .kd { font-weight: bold } // Keyword.Declaration
30
+ .kp { font-weight: bold } // Keyword.Pseudo
31
+ .kr { font-weight: bold } // Keyword.Reserved
32
+ .kt { color: #458; font-weight: bold } // Keyword.Type
33
+ .m { color: #099 } // Literal.Number
34
+ .s { color: #d14 } // Literal.String
35
+ .na { color: #008080 } // Name.Attribute
36
+ .nb { color: #0086B3 } // Name.Builtin
37
+ .nc { color: #458; font-weight: bold } // Name.Class
38
+ .no { color: #008080 } // Name.Constant
39
+ .ni { color: #800080 } // Name.Entity
40
+ .ne { color: #900; font-weight: bold } // Name.Exception
41
+ .nf { color: #900; font-weight: bold } // Name.Function
42
+ .nn { color: #555 } // Name.Namespace
43
+ .nt { color: #000080 } // Name.Tag
44
+ .nv { color: #008080 } // Name.Variable
45
+ .ow { font-weight: bold } // Operator.Word
46
+ .w { color: #bbb } // Text.Whitespace
47
+ .mf { color: #099 } // Literal.Number.Float
48
+ .mh { color: #099 } // Literal.Number.Hex
49
+ .mi { color: #099 } // Literal.Number.Integer
50
+ .mo { color: #099 } // Literal.Number.Oct
51
+ .sb { color: #d14 } // Literal.String.Backtick
52
+ .sc { color: #d14 } // Literal.String.Char
53
+ .sd { color: #d14 } // Literal.String.Doc
54
+ .s2 { color: #d14 } // Literal.String.Double
55
+ .se { color: #d14 } // Literal.String.Escape
56
+ .sh { color: #d14 } // Literal.String.Heredoc
57
+ .si { color: #d14 } // Literal.String.Interpol
58
+ .sx { color: #d14 } // Literal.String.Other
59
+ .sr { color: #009926 } // Literal.String.Regex
60
+ .s1 { color: #d14 } // Literal.String.Single
61
+ .ss { color: #990073 } // Literal.String.Symbol
62
+ .bp { color: #999 } // Name.Builtin.Pseudo
63
+ .vc { color: #008080 } // Name.Variable.Class
64
+ .vg { color: #008080 } // Name.Variable.Global
65
+ .vi { color: #008080 } // Name.Variable.Instance
66
+ .il { color: #099 } // Literal.Number.Integer.Long
67
+ }
@@ -0,0 +1,76 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+
6
+ background-color: #2b2b2b;
7
+ .hll { background-color: #ffffcc; }
8
+ .c { color: #87ceeb; }
9
+ .err { color: #ffffff; }
10
+ .g { color: #ffffff; }
11
+ .k { color: #f0e68c; }
12
+ .l { color: #ffffff; }
13
+ .n { color: #ffffff; }
14
+ .o { color: #ffffff; }
15
+ .x { color: #ffffff; }
16
+ .p { color: #ffffff; }
17
+ .cm { color: #87ceeb; }
18
+ .cp { color: #cd5c5c; }
19
+ .c1 { color: #87ceeb; }
20
+ .cs { color: #87ceeb; }
21
+ .gd { color: #0000c0; font-weight: bold; background-color: #008080; }
22
+ .ge { color: #c000c0; text-decoration: underline; }
23
+ .gr { color: #c0c0c0; font-weight: bold; background-color: #c00000; }
24
+ .gh { color: #cd5c5c; }
25
+ .gi { color: #ffffff; background-color: #0000c0; }
26
+ .gp { color: #ffffff; }
27
+ .gs { color: #ffffff; }
28
+ .gu { color: #cd5c5c; }
29
+ .gt { color: #c0c0c0; font-weight: bold; background-color: #c00000; }
30
+ .kc { color: #f0e68c; }
31
+ .kd { color: #f0e68c; }
32
+ .kn { color: #f0e68c; }
33
+ .kp { color: #f0e68c; }
34
+ .kr { color: #f0e68c; }
35
+ .kt { color: #bdb76b; }
36
+ .ld { color: #ffffff; }
37
+ .m { color: #ffffff; }
38
+ .s { color: #ffffff; }
39
+ .na { color: #ffffff; }
40
+ .nb { color: #ffffff; }
41
+ .nc { color: #ffffff; }
42
+ .no { color: #ffa0a0; }
43
+ .nd { color: #ffffff; }
44
+ .ni { color: #ffdead; }
45
+ .ne { color: #ffffff; }
46
+ .nf { color: #ffffff; }
47
+ .nl { color: #ffffff; }
48
+ .nn { color: #ffffff; }
49
+ .nx { color: #ffffff; }
50
+ .py { color: #ffffff; }
51
+ .nt { color: #f0e68c; }
52
+ .nv { color: #98fb98; }
53
+ .ow { color: #ffffff; }
54
+ .w { color: #ffffff; }
55
+ .mf { color: #ffffff; }
56
+ .mh { color: #ffffff; }
57
+ .mi { color: #ffffff; }
58
+ .mo { color: #ffffff; }
59
+ .sb { color: #ffffff; }
60
+ .sc { color: #ffffff; }
61
+ .sd { color: #ffffff; }
62
+ .s2 { color: #ffffff; }
63
+ .se { color: #ffffff; }
64
+ .sh { color: #ffffff; }
65
+ .si { color: #ffffff; }
66
+ .sx { color: #ffffff; }
67
+ .sr { color: #ffffff; }
68
+ .s1 { color: #ffffff; }
69
+ .ss { color: #ffffff; }
70
+ .bp { color: #ffffff; }
71
+ .vc { color: #98fb98; }
72
+ .vg { color: #98fb98; }
73
+ .vi { color: #98fb98; }
74
+ .il { color: #ffffff; }
75
+
76
+ }