blob: 7c3f6da415e2699411f09d41e404ab94f710cf79 (
plain)
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
|
<?php
require_once('css_shadow.php');
$blue = css_shadow::draw_border(array('width'=>.02,
'xdrop'=>.03,
'ydrop'=>.02,
'steps'=>10,
'color'=>'#0000FF'));
$white = css_shadow::draw_border(array('left' =>.04, 'top' =>.04,
'right'=>.03, 'bottom'=>.03,
'xdrop'=>.05,
'ydrop'=>.04,
'steps'=>10,
'color'=>'#FFFFFF'));
?>
@import url('http://fonts.googleapis.com/css?family=Anton');
@mixin transform($arg) {
transform: $arg;
-webkit-transform: $arg;
-khtml-transform: $arg;
-moz-transform: $arg;
-ms-transform: $arg;
-o-transform: $arg;
}
// We define these as classes, not mixins because @extend'ing them will result in
// smaller CSS than @include'ing them.
.logo {
font-family: Anton, sans-serif;
font-style: oblique;
font-variant: small-caps;
font-weight: normal;
color: #FFFF00;
@include transform(skewX(-20deg));
.lower {
text-transform: none;
}
text-transform: uppercase;
line-height: 1em;
}
.logo-white {
@extend .logo;
text-shadow: <?php echo "\n$blue$white"; ?> 0 0 #000000;
}
.logo-nowhite {
@extend .logo;
text-shadow: <?php echo "\n$blue"; ?> 0 0 #000000;
}
|
