← Back to branch summary

~dpm/ubuntusnippets/master

« back to all changes in this revision

Viewing changes to ubuntusnippets/static/scss/main.scss

  • Committer: David Planella
  • Date: 2014-11-21 22:13:41 UTC
  • Revision ID: git-v1:d5449c89cb1ecc2895c4787445c5d5abd0fc5482
Initial Ubuntu theming

Show diffs side-by-side

added added

removed removed

Lines of Context:
ubuntusnippets/static/scss/main.scss
1
1
$green: #316241;
2
2
$orange: #ffc656;
 
3
$black: #333;
 
4
$grey: #888;
 
5
$ubuntuorange: #dd4814;
3
6
$red: #CE2929;
4
7
$primary-color: #555;
5
 
$secondary-color: $orange;
 
8
$secondary-color: $grey;
6
9
 
7
10
// We don't need everything from foundation but still want to be able
8
11
// to use certain mixins:
21
24
@import "forms";
22
25
@import "pygments";
23
26
 
 
27
$font-stack: Ubuntu, Arial, 'libra sans', sans-serif;
 
28
 
 
29
h1, h2, h3, h4, h5, h6 {
 
30
    font-family: $font-stack;
 
31
    line-height: 1.3;
 
32
}
 
33
 
24
34
header > .inner, footer, #main {
25
35
    @include grid-row("collapse");
26
36
    margin: auto;
27
37
}
28
38
 
29
39
a {
30
 
    color: $green;
 
40
    color: $ubuntuorange;
31
41
 
32
42
    &:hover {
33
43
        text-decoration: underline;
34
 
        color: $secondary-color;
35
44
    }
36
45
}
37
46
 
84
93
        text-transform: lowercase;
85
94
        font-weight: 300;
86
95
        line-height: rem-calc(50px);
87
 
        color: $green;
 
96
        color: $ubuntuorange;
88
97
        b {
89
98
            font-weight: 400;
90
99
            color: $secondary-color;
102
111
        }
103
112
        line-height: 50px;
104
113
        text-transform: lowercase;
105
 
        font-family: $header-font-family;
 
114
        font-family: $font-stack;
106
115
        ul {
107
116
            list-style: none;
108
117
            padding: 0;
200
209
h1 {
201
210
    @include grid-column(12);
202
211
    margin-bottom: 20px;
203
 
    color: $green;
204
 
    font-weight: 300;
205
212
}
206
213
 
207
214
h2 {
352
359
    }
353
360
}
354
361
 
 
362
body {
 
363
    font-family: $font-stack;
 
364
    font-weight: 300;
 
365
    color: $black;
 
366
}
 
367
 
355
368
footer {
356
369
    padding: 30px 0 30px 0;
357
370
    clear: both;
394
407
 
395
408
a.button:hover {
396
409
    text-decoration: none;
397
 
}
 
 
b'\\ No newline at end of file'
 
410
}