compass-recipes 0.3.0.alpha.2 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +24 -27
- data/VERSION +1 -1
- data/lib/compass-recipes/sass_extensions.rb +1 -1
- data/stylesheets/_recipes.scss +3 -3
- data/stylesheets/recipes/_background.scss +10 -9
- data/stylesheets/recipes/_color.scss +23 -9
- data/stylesheets/recipes/_font.scss +12 -16
- data/stylesheets/recipes/_icon-font.scss +253 -168
- data/stylesheets/recipes/_image.scss +36 -0
- data/stylesheets/recipes/_media-queries.scss +24 -62
- data/stylesheets/recipes/_text.scss +1 -0
- data/stylesheets/recipes/_ui.scss +2 -2
- data/stylesheets/recipes/_utilities.scss +6 -0
- data/stylesheets/recipes/background/{_cicada.scss → _cicada-stripes.scss} +1 -1
- data/stylesheets/recipes/background/_gradients.scss +25 -16
- data/stylesheets/recipes/background/_metal.scss +57 -0
- data/stylesheets/recipes/color/_scheme.scss +8 -0
- data/stylesheets/recipes/color/scheme/_analog.scss +11 -0
- data/stylesheets/recipes/color/scheme/_complementary.scss +21 -0
- data/stylesheets/recipes/color/scheme/_split.scss +11 -0
- data/stylesheets/recipes/color/scheme/_subtle.scss +21 -0
- data/stylesheets/recipes/color/scheme/_tetra.scss +11 -0
- data/stylesheets/recipes/color/scheme/_triad.scss +11 -0
- data/stylesheets/recipes/effect/_corners-tucked.scss +2 -1
- data/stylesheets/recipes/effect/_folded-corner.scss +3 -3
- data/stylesheets/recipes/effect/_glass.scss +3 -3
- data/stylesheets/recipes/effect/_ribbon.scss +32 -25
- data/stylesheets/recipes/effect/_tape.scss +4 -4
- data/stylesheets/recipes/helper/_gravatar.scss +3 -5
- data/stylesheets/recipes/image/_dimensions.scss +69 -0
- data/stylesheets/recipes/image/_inline.scss +12 -0
- data/stylesheets/recipes/image/_sprite.scss +57 -0
- data/stylesheets/recipes/layout/_vertical-align.scss +19 -60
- data/stylesheets/recipes/layout/vertical-align/_block.scss +67 -0
- data/stylesheets/recipes/media-queries/_orientation.scss +21 -0
- data/stylesheets/recipes/media-queries/_resolution.scss +47 -0
- data/stylesheets/recipes/media-queries/_size.scss +81 -0
- data/stylesheets/recipes/media-queries/size/_height.scss +29 -0
- data/stylesheets/recipes/media-queries/size/_width.scss +31 -0
- data/stylesheets/recipes/shadow/drop/_lifted-corners.scss +39 -35
- data/stylesheets/recipes/shadow/drop/_transform-requirement.scss +3 -3
- data/stylesheets/recipes/shape/polygon/_triangle.scss +92 -64
- data/stylesheets/recipes/text/_gradient.scss +12 -0
- data/stylesheets/recipes/ui/_tooltip.scss +144 -0
- data/stylesheets/recipes/ui/menu/_dropdown.scss +1 -1
- data/stylesheets/recipes/{shared → utilities}/_block-inline-block.scss +0 -0
- data/stylesheets/recipes/{shared → utilities}/_clearfix.scss +0 -0
- data/stylesheets/recipes/{shared → utilities}/_list-inline-block.scss +2 -2
- data/stylesheets/recipes/utilities/_position.scss +13 -0
- data/stylesheets/recipes/utilities/_pseudo-element.scss +23 -0
- data/stylesheets/recipes/utilities/_relative-position.scss +85 -0
- data/templates/gravatar/README.md +36 -0
- data/templates/gravatar/gravatar.js +102 -105
- data/templates/gravatar/manifest.rb +3 -2
- data/templates/icon-fonts/README.md +149 -0
- data/templates/icon-fonts/icons/broccolidry/broccolidry.eot +0 -0
- data/templates/icon-fonts/icons/broccolidry/broccolidry.svg +759 -0
- data/templates/icon-fonts/icons/broccolidry/broccolidry.ttf +0 -0
- data/templates/icon-fonts/icons/broccolidry/broccolidry.woff +0 -0
- data/templates/icon-fonts/icons/broccolidry/license.txt +2 -0
- data/templates/icon-fonts/icons/cuticons/cuticons.eot +0 -0
- data/templates/icon-fonts/icons/cuticons/cuticons.svg +165 -0
- data/templates/icon-fonts/icons/cuticons/cuticons.ttf +0 -0
- data/templates/icon-fonts/icons/cuticons/cuticons.woff +0 -0
- data/templates/icon-fonts/icons/cuticons/license.txt +2 -0
- data/templates/icon-fonts/icons/ecoico/ecoico.eot +0 -0
- data/templates/icon-fonts/icons/ecoico/ecoico.svg +180 -0
- data/templates/icon-fonts/icons/ecoico/ecoico.ttf +0 -0
- data/templates/icon-fonts/icons/ecoico/ecoico.woff +0 -0
- data/templates/icon-fonts/icons/ecoico/license.txt +2 -0
- data/templates/icon-fonts/icons/entypo/entypo.eot +0 -0
- data/templates/icon-fonts/icons/entypo/entypo.svg +792 -0
- data/templates/icon-fonts/icons/entypo/entypo.ttf +0 -0
- data/templates/icon-fonts/icons/entypo/entypo.woff +0 -0
- data/templates/icon-fonts/icons/fontawesome/README.md +18 -0
- data/templates/icon-fonts/icons/fontawesome/fontawesome.eot +0 -0
- data/templates/icon-fonts/icons/fontawesome/fontawesome.svg +255 -0
- data/templates/icon-fonts/icons/fontawesome/fontawesome.ttf +0 -0
- data/templates/icon-fonts/icons/fontawesome/fontawesome.woff +0 -0
- data/fonts/icons/heydings-controls/SIL Open Font License 1.1.txt b/data/templates/icon-fonts/icons/heydings_controls/SIL Open Font License → 1.1.txt +0 -0
- data/{fonts/icons/heydings-controls/heydings_controls-webfont.eot → templates/icon-fonts/icons/heydings_controls/heydings_controls.eot} +0 -0
- data/{fonts/icons/heydings-controls/heydings_controls-webfont.svg → templates/icon-fonts/icons/heydings_controls/heydings_controls.svg} +0 -0
- data/{fonts/icons/heydings-controls/heydings_controls-webfont.ttf → templates/icon-fonts/icons/heydings_controls/heydings_controls.ttf} +0 -0
- data/{fonts/icons/heydings-controls/heydings_controls-webfont.woff → templates/icon-fonts/icons/heydings_controls/heydings_controls.woff} +0 -0
- data/fonts/icons/heydings/SIL Open Font License 1.1.txt b/data/templates/icon-fonts/icons/heydings_icons/SIL Open Font License → 1.1.txt +0 -0
- data/{fonts/icons/heydings/heydings_icons-webfont.eot → templates/icon-fonts/icons/heydings_icons/heydings_icons.eot} +0 -0
- data/{fonts/icons/heydings/heydings_icons-webfont.svg → templates/icon-fonts/icons/heydings_icons/heydings_icons.svg} +0 -0
- data/{fonts/icons/heydings/heydings_icons-webfont.ttf → templates/icon-fonts/icons/heydings_icons/heydings_icons.ttf} +0 -0
- data/{fonts/icons/heydings/heydings_icons-webfont.woff → templates/icon-fonts/icons/heydings_icons/heydings_icons.woff} +0 -0
- data/templates/icon-fonts/icons/icomoon/License.txt +2 -0
- data/templates/icon-fonts/icons/icomoon/icomoon.eot +0 -0
- data/templates/icon-fonts/icons/icomoon/icomoon.svg +1348 -0
- data/templates/icon-fonts/icons/icomoon/icomoon.ttf +0 -0
- data/templates/icon-fonts/icons/icomoon/icomoon.woff +0 -0
- data/fonts/icons/iconic/SIL Open Font License 1.1.txt b/data/templates/icon-fonts/icons/iconic_fill/SIL Open Font License → 1.1.txt +0 -0
- data/templates/icon-fonts/icons/iconic_fill/iconic_fill.eot +0 -0
- data/templates/icon-fonts/icons/iconic_fill/iconic_fill.svg +539 -0
- data/templates/icon-fonts/icons/iconic_fill/iconic_fill.ttf +0 -0
- data/templates/icon-fonts/icons/iconic_fill/iconic_fill.woff +0 -0
- data/templates/icon-fonts/fonts/icons/heydings-controls/SIL Open Font License 1.1.txt b/data/templates/icon-fonts/icons/iconic_stroke/SIL Open Font License → 1.1.txt +0 -0
- data/templates/icon-fonts/icons/iconic_stroke/iconic_stroke.eot +0 -0
- data/templates/icon-fonts/icons/iconic_stroke/iconic_stroke.svg +553 -0
- data/templates/icon-fonts/icons/iconic_stroke/iconic_stroke.ttf +0 -0
- data/templates/icon-fonts/icons/iconic_stroke/iconic_stroke.woff +0 -0
- data/templates/icon-fonts/icons/iconminia/iconminia.eot +0 -0
- data/templates/icon-fonts/icons/iconminia/iconminia.svg +357 -0
- data/templates/icon-fonts/icons/iconminia/iconminia.ttf +0 -0
- data/templates/icon-fonts/icons/iconminia/iconminia.woff +0 -0
- data/templates/icon-fonts/icons/iconminia/license.txt +2 -0
- data/templates/icon-fonts/icons/meteocons/license.txt +2 -0
- data/templates/icon-fonts/icons/meteocons/meteocons.eot +0 -0
- data/templates/icon-fonts/icons/meteocons/meteocons.svg +511 -0
- data/templates/icon-fonts/icons/meteocons/meteocons.ttf +0 -0
- data/templates/icon-fonts/icons/meteocons/meteocons.woff +0 -0
- data/fonts/icons/modern-pictograms/Modern Pictograms SIL OFL Font License 1.1.txt b/data/templates/icon-fonts/icons/modern_pictograms/SIL OFL Font License → 1.1.txt +0 -0
- data/{fonts/icons/modern-pictograms/modernpics-webfont.eot → templates/icon-fonts/icons/modern_pictograms/modern_pictograms.eot} +0 -0
- data/{fonts/icons/modern-pictograms/modernpics-webfont.svg → templates/icon-fonts/icons/modern_pictograms/modern_pictograms.svg} +0 -0
- data/{fonts/icons/modern-pictograms/modernpics-webfont.ttf → templates/icon-fonts/icons/modern_pictograms/modern_pictograms.ttf} +0 -0
- data/{fonts/icons/modern-pictograms/modernpics-webfont.woff → templates/icon-fonts/icons/modern_pictograms/modern_pictograms.woff} +0 -0
- data/templates/icon-fonts/icons/silkcons/license.txt +2 -0
- data/templates/icon-fonts/icons/silkcons/silkcons.eot +0 -0
- data/templates/icon-fonts/icons/silkcons/silkcons.svg +301 -0
- data/templates/icon-fonts/icons/silkcons/silkcons.ttf +0 -0
- data/templates/icon-fonts/icons/silkcons/silkcons.woff +0 -0
- data/{fonts → templates/icon-fonts}/icons/socialico/FFF_EULA_license.pdf +0 -0
- data/{fonts/icons/socialico/socialico-webfont.eot → templates/icon-fonts/icons/socialico/socialico.eot} +0 -0
- data/{fonts/icons/socialico/Socialico-webfont.otf → templates/icon-fonts/icons/socialico/socialico.otf} +0 -0
- data/{fonts/icons/socialico/socialico-webfont.svg → templates/icon-fonts/icons/socialico/socialico.svg} +0 -0
- data/{fonts/icons/socialico/socialico-webfont.ttf → templates/icon-fonts/icons/socialico/socialico.ttf} +0 -0
- data/{fonts/icons/socialico/socialico-webfont.woff → templates/icon-fonts/icons/socialico/socialico.woff} +0 -0
- data/templates/icon-fonts/icons/typicons/license.txt +2 -0
- data/templates/icon-fonts/icons/typicons/typicons.eot +0 -0
- data/templates/icon-fonts/icons/typicons/typicons.svg +329 -0
- data/templates/icon-fonts/icons/typicons/typicons.ttf +0 -0
- data/templates/icon-fonts/icons/typicons/typicons.woff +0 -0
- data/{fonts → templates/icon-fonts}/icons/websymbols/OFL-FAQ.txt +0 -0
- data/{fonts → templates/icon-fonts}/icons/websymbols/OFL.txt +0 -0
- data/{fonts/icons/websymbols/websymbols-regular-webfont.eot → templates/icon-fonts/icons/websymbols/websymbols.eot} +0 -0
- data/{fonts/icons/websymbols/websymbols-regular-webfont.svg → templates/icon-fonts/icons/websymbols/websymbols.svg} +0 -0
- data/{fonts/icons/websymbols/websymbols-regular-webfont.ttf → templates/icon-fonts/icons/websymbols/websymbols.ttf} +0 -0
- data/{fonts/icons/websymbols/websymbols-regular-webfont.woff → templates/icon-fonts/icons/websymbols/websymbols.woff} +0 -0
- data/templates/icon-fonts/icons/wpzoom/license.txt +2 -0
- data/templates/icon-fonts/icons/wpzoom/wpzoom.eot +0 -0
- data/templates/icon-fonts/icons/wpzoom/wpzoom.svg +887 -0
- data/templates/icon-fonts/icons/wpzoom/wpzoom.ttf +0 -0
- data/templates/icon-fonts/icons/wpzoom/wpzoom.woff +0 -0
- data/templates/icon-fonts/manifest.rb +3 -3
- data/templates/media-queries-for-js/README.md +45 -0
- data/templates/media-queries-for-js/manifest.rb +18 -0
- data/templates/media-queries-for-js/media-queries.js +21 -0
- metadata +157 -143
- data/fonts/icons/entypo/entypo-webfont.eot +0 -0
- data/fonts/icons/entypo/entypo-webfont.svg +0 -198
- data/fonts/icons/entypo/entypo-webfont.ttf +0 -0
- data/fonts/icons/entypo/entypo-webfont.woff +0 -0
- data/fonts/icons/heydings-controls/demo.html +0 -33
- data/fonts/icons/heydings-controls/stylesheet.css +0 -16
- data/fonts/icons/heydings/demo.html +0 -33
- data/fonts/icons/heydings/stylesheet.css +0 -16
- data/fonts/icons/icomoon/License.txt +0 -1
- data/fonts/icons/icomoon/Read Me.txt +0 -5
- data/fonts/icons/icomoon/icomoon.eot +0 -0
- data/fonts/icons/icomoon/icomoon.svg +0 -35
- data/fonts/icons/icomoon/icomoon.ttf +0 -0
- data/fonts/icons/icomoon/icomoon.woff +0 -0
- data/fonts/icons/iconic/demo.html +0 -38
- data/fonts/icons/iconic/iconic_fill.eot +0 -0
- data/fonts/icons/iconic/iconic_fill.svg +0 -475
- data/fonts/icons/iconic/iconic_fill.ttf +0 -0
- data/fonts/icons/iconic/iconic_fill.woff +0 -0
- data/fonts/icons/iconic/iconic_stroke.eot +0 -0
- data/fonts/icons/iconic/iconic_stroke.svg +0 -492
- data/fonts/icons/iconic/iconic_stroke.ttf +0 -0
- data/fonts/icons/iconic/iconic_stroke.woff +0 -0
- data/fonts/icons/iconic/stylesheet.css +0 -28
- data/fonts/icons/modern-pictograms/demo.html +0 -33
- data/fonts/icons/modern-pictograms/stylesheet.css +0 -16
- data/lib/compass-recipes/sass_extensions/math.rb +0 -8
- data/stylesheets/recipes/_base.scss +0 -1
- data/stylesheets/recipes/_shared.scss +0 -4
- data/stylesheets/recipes/base/_normalize.scss +0 -587
- data/stylesheets/recipes/shared/_pseudo-element.scss +0 -30
- data/stylesheets/recipes/ui/_helper.scss +0 -1
- data/stylesheets/recipes/ui/helper/_arrow.scss +0 -78
- data/templates/gravatar/getElementsByClassName.js +0 -23
- data/templates/icon-fonts/fonts/icons/entypo/entypo-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/entypo/entypo-webfont.svg +0 -198
- data/templates/icon-fonts/fonts/icons/entypo/entypo-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/entypo/entypo-webfont.woff +0 -0
- data/templates/icon-fonts/fonts/icons/heydings-controls/demo.html +0 -33
- data/templates/icon-fonts/fonts/icons/heydings-controls/heydings_controls-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/heydings-controls/heydings_controls-webfont.svg +0 -85
- data/templates/icon-fonts/fonts/icons/heydings-controls/heydings_controls-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/heydings-controls/heydings_controls-webfont.woff +0 -0
- data/templates/icon-fonts/fonts/icons/heydings-controls/stylesheet.css +0 -16
- data/templates/icon-fonts/fonts/icons/heydings/SIL Open Font License 1.1.txt +0 -91
- data/templates/icon-fonts/fonts/icons/heydings/demo.html +0 -33
- data/templates/icon-fonts/fonts/icons/heydings/heydings_icons-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/heydings/heydings_icons-webfont.svg +0 -94
- data/templates/icon-fonts/fonts/icons/heydings/heydings_icons-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/heydings/heydings_icons-webfont.woff +0 -0
- data/templates/icon-fonts/fonts/icons/heydings/stylesheet.css +0 -16
- data/templates/icon-fonts/fonts/icons/icomoon/License.txt +0 -1
- data/templates/icon-fonts/fonts/icons/icomoon/Read Me.txt +0 -5
- data/templates/icon-fonts/fonts/icons/icomoon/icomoon.eot +0 -0
- data/templates/icon-fonts/fonts/icons/icomoon/icomoon.svg +0 -35
- data/templates/icon-fonts/fonts/icons/icomoon/icomoon.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/icomoon/icomoon.woff +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/SIL Open Font License 1.1.txt +0 -91
- data/templates/icon-fonts/fonts/icons/iconic/demo.html +0 -38
- data/templates/icon-fonts/fonts/icons/iconic/iconic_fill.eot +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/iconic_fill.svg +0 -475
- data/templates/icon-fonts/fonts/icons/iconic/iconic_fill.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/iconic_fill.woff +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/iconic_stroke.eot +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/iconic_stroke.svg +0 -492
- data/templates/icon-fonts/fonts/icons/iconic/iconic_stroke.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/iconic_stroke.woff +0 -0
- data/templates/icon-fonts/fonts/icons/iconic/stylesheet.css +0 -28
- data/templates/icon-fonts/fonts/icons/modern-pictograms/Modern Pictograms SIL OFL Font License 1.1.txt +0 -94
- data/templates/icon-fonts/fonts/icons/modern-pictograms/demo.html +0 -33
- data/templates/icon-fonts/fonts/icons/modern-pictograms/modernpics-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/modern-pictograms/modernpics-webfont.svg +0 -136
- data/templates/icon-fonts/fonts/icons/modern-pictograms/modernpics-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/modern-pictograms/modernpics-webfont.woff +0 -0
- data/templates/icon-fonts/fonts/icons/modern-pictograms/stylesheet.css +0 -16
- data/templates/icon-fonts/fonts/icons/socialico/FFF_EULA_license.pdf +0 -0
- data/templates/icon-fonts/fonts/icons/socialico/Socialico-webfont.otf +0 -0
- data/templates/icon-fonts/fonts/icons/socialico/socialico-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/socialico/socialico-webfont.svg +0 -123
- data/templates/icon-fonts/fonts/icons/socialico/socialico-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/socialico/socialico-webfont.woff +0 -0
- data/templates/icon-fonts/fonts/icons/websymbols/OFL-FAQ.txt +0 -369
- data/templates/icon-fonts/fonts/icons/websymbols/OFL.txt +0 -97
- data/templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.eot +0 -0
- data/templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.svg +0 -108
- data/templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.ttf +0 -0
- data/templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.woff +0 -0
Binary file
|
Binary file
|
@@ -1,28 +0,0 @@
|
|
1
|
-
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 6, 2012 10:43:19 AM America/New_York */
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
@font-face {
|
6
|
-
font-family: 'Untitled1Medium';
|
7
|
-
src: url('iconic_stroke-webfont.eot');
|
8
|
-
src: url('iconic_stroke-webfont.eot?#iefix') format('embedded-opentype'),
|
9
|
-
url('iconic_stroke-webfont.woff') format('woff'),
|
10
|
-
url('iconic_stroke-webfont.ttf') format('truetype'),
|
11
|
-
url('iconic_stroke-webfont.svg#Untitled1Medium') format('svg');
|
12
|
-
font-weight: normal;
|
13
|
-
font-style: normal;
|
14
|
-
|
15
|
-
}
|
16
|
-
|
17
|
-
@font-face {
|
18
|
-
font-family: 'Untitled1Medium';
|
19
|
-
src: url('iconic_fill-webfont.eot');
|
20
|
-
src: url('iconic_fill-webfont.eot?#iefix') format('embedded-opentype'),
|
21
|
-
url('iconic_fill-webfont.woff') format('woff'),
|
22
|
-
url('iconic_fill-webfont.ttf') format('truetype'),
|
23
|
-
url('iconic_fill-webfont.svg#Untitled1Medium') format('svg');
|
24
|
-
font-weight: normal;
|
25
|
-
font-style: normal;
|
26
|
-
|
27
|
-
}
|
28
|
-
|
@@ -1,33 +0,0 @@
|
|
1
|
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
-
|
4
|
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
5
|
-
<head>
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
7
|
-
|
8
|
-
<title>Font Face Demo</title>
|
9
|
-
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
|
10
|
-
<style type="text/css" media="screen">
|
11
|
-
h1.fontface {font: 60px/68px 'ModernPictogramsNormal', Arial, sans-serif;letter-spacing: 0;}
|
12
|
-
|
13
|
-
p.style1 {font: 18px/27px 'ModernPictogramsNormal', Arial, sans-serif;}
|
14
|
-
|
15
|
-
#container {
|
16
|
-
width: 800px;
|
17
|
-
margin-left: auto;
|
18
|
-
margin-right: auto;
|
19
|
-
}
|
20
|
-
</style>
|
21
|
-
</head>
|
22
|
-
|
23
|
-
<body>
|
24
|
-
<div id="container">
|
25
|
-
<h1 class="fontface">Font-face Demo for the Modern Pictograms Font</h1>
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
<p class="style1">Modern Pictograms Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
30
|
-
|
31
|
-
</div>
|
32
|
-
</body>
|
33
|
-
</html>
|
@@ -1,16 +0,0 @@
|
|
1
|
-
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 6, 2012 10:45:18 AM America/New_York */
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
@font-face {
|
6
|
-
font-family: 'ModernPictogramsNormal';
|
7
|
-
src: url('modernpics-webfont.eot');
|
8
|
-
src: url('modernpics-webfont.eot?#iefix') format('embedded-opentype'),
|
9
|
-
url('modernpics-webfont.woff') format('woff'),
|
10
|
-
url('modernpics-webfont.ttf') format('truetype'),
|
11
|
-
url('modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
|
12
|
-
font-weight: normal;
|
13
|
-
font-style: normal;
|
14
|
-
|
15
|
-
}
|
16
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
@import "recipes/base/normalize";
|
@@ -1,587 +0,0 @@
|
|
1
|
-
////
|
2
|
-
// _Normalize.scss
|
3
|
-
// Opposite approche from CSS reset
|
4
|
-
//
|
5
|
-
// Based on normalize.scss commit c1c17352526ef2344a68451f40c8eec7a21ef8da
|
6
|
-
//
|
7
|
-
// @link https://github.com/necolas/normalize.css
|
8
|
-
// @link https://github.com/JohnAlbin/normalize.css-with-sass-or-compass/blob/normalize-with-compass/normalize.scss
|
9
|
-
///
|
10
|
-
|
11
|
-
// normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css
|
12
|
-
|
13
|
-
// =============================================================================
|
14
|
-
// Variables and Imports
|
15
|
-
//
|
16
|
-
// If you have a base partial (and you should), you should probably move these
|
17
|
-
// lines to your base partial.
|
18
|
-
// =============================================================================
|
19
|
-
|
20
|
-
// The base font size.
|
21
|
-
// $base-font-size: 16px; // Overrides default set in Vertical Rhythm partial.
|
22
|
-
|
23
|
-
// The base line height determines the basic unit of vertical rhythm.
|
24
|
-
// $base-line-height: 24px; // Overrides default set in Vertical Rhythm partial.
|
25
|
-
|
26
|
-
// Setting this to false will result in smaller output, but no support for ie6 hacks.
|
27
|
-
// $legacy-support-for-ie6: true; // Overrides default set in Support partial.
|
28
|
-
|
29
|
-
// Setting this to false will result in smaller output, but no support for ie7 hacks.
|
30
|
-
// $legacy-support-for-ie7: true; // Overrides default set in Support partial.
|
31
|
-
|
32
|
-
// The default font family. You should set $base-font-family in your _base partial.
|
33
|
-
$base-font-family: sans-serif !default;
|
34
|
-
|
35
|
-
// After the default variables are set, import the required Compass partials.
|
36
|
-
@import "compass/support";
|
37
|
-
@import "compass/css3/box-sizing";
|
38
|
-
@import "compass/typography/vertical_rhythm";
|
39
|
-
|
40
|
-
|
41
|
-
// =============================================================================
|
42
|
-
// HTML5 display definitions
|
43
|
-
// =============================================================================
|
44
|
-
@mixin base-normalize-html5
|
45
|
-
{
|
46
|
-
//
|
47
|
-
// Corrects block display not defined in IE6/7/8/9 & FF3
|
48
|
-
//
|
49
|
-
|
50
|
-
article,
|
51
|
-
aside,
|
52
|
-
details,
|
53
|
-
figcaption,
|
54
|
-
figure,
|
55
|
-
footer,
|
56
|
-
header,
|
57
|
-
hgroup,
|
58
|
-
nav,
|
59
|
-
section,
|
60
|
-
summary {
|
61
|
-
display: block;
|
62
|
-
}
|
63
|
-
|
64
|
-
//
|
65
|
-
// Corrects inline-block display not defined in IE6/7/8/9 & FF3
|
66
|
-
//
|
67
|
-
|
68
|
-
audio,
|
69
|
-
canvas,
|
70
|
-
video {
|
71
|
-
display: inline-block;
|
72
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
73
|
-
*display: inline;
|
74
|
-
*zoom: 1;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
//
|
79
|
-
// Prevents modern browsers from displaying 'audio' without controls
|
80
|
-
// Remove excess height in iOS5 devices
|
81
|
-
//
|
82
|
-
|
83
|
-
audio:not([controls]) {
|
84
|
-
display: none;
|
85
|
-
height: 0;
|
86
|
-
}
|
87
|
-
|
88
|
-
//
|
89
|
-
// Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
|
90
|
-
// Known issue: no IE6 support
|
91
|
-
//
|
92
|
-
|
93
|
-
[hidden] {
|
94
|
-
display: none;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
|
98
|
-
// =============================================================================
|
99
|
-
// Base
|
100
|
-
// =============================================================================
|
101
|
-
@mixin base-normalize-page
|
102
|
-
{
|
103
|
-
//
|
104
|
-
// 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
|
105
|
-
// http://clagnut.com/blog/348/#c790
|
106
|
-
// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
|
107
|
-
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
108
|
-
//
|
109
|
-
|
110
|
-
html {
|
111
|
-
font-size: 100% * ($base-font-size / 16px); // 1
|
112
|
-
-webkit-text-size-adjust: 100%; // 2
|
113
|
-
-ms-text-size-adjust: 100%; // 2
|
114
|
-
// Establishes a vertical rhythm unit using $base-line-height.
|
115
|
-
@include adjust-leading-to(1);
|
116
|
-
}
|
117
|
-
|
118
|
-
//
|
119
|
-
// Addresses font-family inconsistency between 'textarea' and other form elements.
|
120
|
-
//
|
121
|
-
|
122
|
-
html,
|
123
|
-
button,
|
124
|
-
input,
|
125
|
-
select,
|
126
|
-
textarea {
|
127
|
-
font-family: $base-font-family;
|
128
|
-
}
|
129
|
-
|
130
|
-
//
|
131
|
-
// Addresses margins handled incorrectly in IE6/7
|
132
|
-
//
|
133
|
-
|
134
|
-
body {
|
135
|
-
margin: 0;
|
136
|
-
}
|
137
|
-
}
|
138
|
-
|
139
|
-
// =============================================================================
|
140
|
-
// Links
|
141
|
-
// =============================================================================
|
142
|
-
@mixin base-normalize-links
|
143
|
-
{
|
144
|
-
//
|
145
|
-
// Addresses outline displayed oddly in Chrome
|
146
|
-
//
|
147
|
-
|
148
|
-
a:focus {
|
149
|
-
outline: thin dotted;
|
150
|
-
}
|
151
|
-
|
152
|
-
//
|
153
|
-
// Improves readability when focused and also mouse hovered in all browsers
|
154
|
-
// people.opera.com/patrickl/experiments/keyboard/test
|
155
|
-
//
|
156
|
-
|
157
|
-
a:hover,
|
158
|
-
a:active {
|
159
|
-
outline: 0;
|
160
|
-
}
|
161
|
-
}
|
162
|
-
|
163
|
-
// =============================================================================
|
164
|
-
// Typography
|
165
|
-
// =============================================================================
|
166
|
-
@mixin base-normalize-typography
|
167
|
-
{
|
168
|
-
//
|
169
|
-
// Addresses font sizes and margins set differently in IE6/7
|
170
|
-
// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
|
171
|
-
//
|
172
|
-
|
173
|
-
h1, h2, h3, h4, h5, h6 {
|
174
|
-
// Sets 1 unit of vertical rhythm on the top margin.
|
175
|
-
@include leader(1);
|
176
|
-
// Sets 1 unit of vertical rhythm on the bottom margin.
|
177
|
-
@include trailer(1);
|
178
|
-
}
|
179
|
-
|
180
|
-
h1 {
|
181
|
-
// Sets the font-size and line-height while keeping a proper vertical rhythm.
|
182
|
-
@include adjust-font-size-to( 2 * $base-font-size );
|
183
|
-
}
|
184
|
-
|
185
|
-
h2 {
|
186
|
-
@include adjust-font-size-to( 1.5 * $base-font-size );
|
187
|
-
}
|
188
|
-
|
189
|
-
h3 {
|
190
|
-
@include adjust-font-size-to( 1.17 * $base-font-size );
|
191
|
-
}
|
192
|
-
|
193
|
-
h4 {
|
194
|
-
@include adjust-font-size-to( 1 * $base-font-size );
|
195
|
-
}
|
196
|
-
|
197
|
-
h5 {
|
198
|
-
@include adjust-font-size-to( 0.83 * $base-font-size );
|
199
|
-
}
|
200
|
-
|
201
|
-
h6 {
|
202
|
-
@include adjust-font-size-to( 0.75 * $base-font-size );
|
203
|
-
}
|
204
|
-
|
205
|
-
|
206
|
-
//
|
207
|
-
// Addresses styling not present in IE7/8/9, S5, Chrome
|
208
|
-
//
|
209
|
-
|
210
|
-
abbr[title] {
|
211
|
-
border-bottom: 1px dotted;
|
212
|
-
}
|
213
|
-
|
214
|
-
//
|
215
|
-
// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
|
216
|
-
//
|
217
|
-
|
218
|
-
b,
|
219
|
-
strong {
|
220
|
-
font-weight: bold;
|
221
|
-
}
|
222
|
-
|
223
|
-
blockquote {
|
224
|
-
// Sets 1 unit of vertical rhythm on the top and bottom margin.
|
225
|
-
margin: rhythm(1) 40px;
|
226
|
-
}
|
227
|
-
|
228
|
-
//
|
229
|
-
// Addresses styling not present in S5, Chrome
|
230
|
-
//
|
231
|
-
|
232
|
-
dfn {
|
233
|
-
font-style: italic;
|
234
|
-
}
|
235
|
-
|
236
|
-
//
|
237
|
-
// Addresses styling not present in IE6/7/8/9
|
238
|
-
//
|
239
|
-
|
240
|
-
mark {
|
241
|
-
background: #ff0;
|
242
|
-
color: #000;
|
243
|
-
}
|
244
|
-
|
245
|
-
//
|
246
|
-
// Addresses margins set differently in IE6/7
|
247
|
-
//
|
248
|
-
|
249
|
-
p,
|
250
|
-
pre {
|
251
|
-
// Sets 1 unit of vertical rhythm on the top and bottom margin.
|
252
|
-
margin: rhythm(1) 0;
|
253
|
-
}
|
254
|
-
|
255
|
-
//
|
256
|
-
// Corrects font family set oddly in IE6, S4/5, Chrome
|
257
|
-
// en.wikipedia.org/wiki/User:Davidgothberg/Test59
|
258
|
-
//
|
259
|
-
|
260
|
-
pre,
|
261
|
-
code,
|
262
|
-
kbd,
|
263
|
-
samp {
|
264
|
-
font-family: monospace, serif;
|
265
|
-
@if $legacy-support-for-ie6 {
|
266
|
-
_font-family: 'courier new', monospace;
|
267
|
-
}
|
268
|
-
@include adjust-font-size-to( 1 * $base-font-size );
|
269
|
-
}
|
270
|
-
|
271
|
-
//
|
272
|
-
// Improves readability of pre-formatted text in all browsers
|
273
|
-
//
|
274
|
-
|
275
|
-
pre {
|
276
|
-
white-space: pre;
|
277
|
-
white-space: pre-wrap;
|
278
|
-
word-wrap: break-word;
|
279
|
-
}
|
280
|
-
|
281
|
-
//
|
282
|
-
// 1. Addresses CSS quotes not supported in IE6/7
|
283
|
-
// 2. Addresses quote property not supported in S4
|
284
|
-
//
|
285
|
-
|
286
|
-
// 1
|
287
|
-
|
288
|
-
q {
|
289
|
-
quotes: none;
|
290
|
-
}
|
291
|
-
|
292
|
-
// 2
|
293
|
-
|
294
|
-
q:before,
|
295
|
-
q:after {
|
296
|
-
content: '';
|
297
|
-
content: none;
|
298
|
-
}
|
299
|
-
|
300
|
-
small {
|
301
|
-
font-size: 75%;
|
302
|
-
}
|
303
|
-
|
304
|
-
//
|
305
|
-
// Prevents sub and sup affecting line-height in all browsers
|
306
|
-
// gist.github.com/413930
|
307
|
-
//
|
308
|
-
|
309
|
-
sub,
|
310
|
-
sup {
|
311
|
-
font-size: 75%;
|
312
|
-
line-height: 0;
|
313
|
-
position: relative;
|
314
|
-
vertical-align: baseline;
|
315
|
-
}
|
316
|
-
|
317
|
-
sup {
|
318
|
-
top: -0.5em;
|
319
|
-
}
|
320
|
-
|
321
|
-
sub {
|
322
|
-
bottom: -0.25em;
|
323
|
-
}
|
324
|
-
}
|
325
|
-
|
326
|
-
// =============================================================================
|
327
|
-
// Lists
|
328
|
-
// =============================================================================
|
329
|
-
@mixin base-normalize-lists
|
330
|
-
{
|
331
|
-
//
|
332
|
-
// Addresses margins set differently in IE6/7
|
333
|
-
//
|
334
|
-
|
335
|
-
dl,
|
336
|
-
menu,
|
337
|
-
ol,
|
338
|
-
ul {
|
339
|
-
// Sets 1 unit of vertical rhythm on the top and bottom margin.
|
340
|
-
margin: rhythm(1) 0;
|
341
|
-
}
|
342
|
-
|
343
|
-
dd {
|
344
|
-
margin: 0 0 0 40px;
|
345
|
-
}
|
346
|
-
|
347
|
-
//
|
348
|
-
// Addresses paddings set differently in IE6/7
|
349
|
-
//
|
350
|
-
|
351
|
-
menu,
|
352
|
-
ol,
|
353
|
-
ul {
|
354
|
-
padding: 0 0 0 40px;
|
355
|
-
}
|
356
|
-
|
357
|
-
//
|
358
|
-
// Corrects list images handled incorrectly in IE7
|
359
|
-
//
|
360
|
-
|
361
|
-
nav ul,
|
362
|
-
nav ol {
|
363
|
-
list-style: none;
|
364
|
-
list-style-image: none;
|
365
|
-
}
|
366
|
-
}
|
367
|
-
|
368
|
-
// =============================================================================
|
369
|
-
// Embedded content
|
370
|
-
// =============================================================================
|
371
|
-
@mixin base-normalize-embed
|
372
|
-
{
|
373
|
-
//
|
374
|
-
// 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
|
375
|
-
// 2. Improves image quality when scaled in IE7
|
376
|
-
// code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
|
377
|
-
//
|
378
|
-
|
379
|
-
img {
|
380
|
-
border: 0; // 1
|
381
|
-
-ms-interpolation-mode: bicubic; // 2
|
382
|
-
}
|
383
|
-
|
384
|
-
//
|
385
|
-
// Corrects overflow displayed oddly in IE9
|
386
|
-
//
|
387
|
-
|
388
|
-
svg:not(:root) {
|
389
|
-
overflow: hidden;
|
390
|
-
}
|
391
|
-
}
|
392
|
-
|
393
|
-
// =============================================================================
|
394
|
-
// Figures
|
395
|
-
// =============================================================================
|
396
|
-
@mixin base-normalize-figures
|
397
|
-
{
|
398
|
-
//
|
399
|
-
// Addresses margin not present in IE6/7/8/9, S5, O11
|
400
|
-
//
|
401
|
-
|
402
|
-
figure {
|
403
|
-
margin: 0;
|
404
|
-
}
|
405
|
-
}
|
406
|
-
|
407
|
-
// =============================================================================
|
408
|
-
// Forms
|
409
|
-
// =============================================================================
|
410
|
-
@mixin base-normalize-forms
|
411
|
-
{
|
412
|
-
//
|
413
|
-
// Corrects margin displayed oddly in IE6/7
|
414
|
-
//
|
415
|
-
|
416
|
-
form {
|
417
|
-
margin: 0;
|
418
|
-
}
|
419
|
-
|
420
|
-
//
|
421
|
-
// Define consistent border, margin, and padding
|
422
|
-
//
|
423
|
-
|
424
|
-
fieldset {
|
425
|
-
border-color: #c0c0c0;
|
426
|
-
margin: 0 2px;
|
427
|
-
// Apply borders and padding that keep the vertical rhythm.
|
428
|
-
@include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35);
|
429
|
-
@include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
|
430
|
-
@include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625);
|
431
|
-
@include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625);
|
432
|
-
}
|
433
|
-
|
434
|
-
//
|
435
|
-
// 1. Corrects color not being inherited in IE6/7/8/9
|
436
|
-
// 2. Corrects text not wrapping in FF3
|
437
|
-
// 3. Corrects alignment displayed oddly in IE6/7
|
438
|
-
//
|
439
|
-
|
440
|
-
legend {
|
441
|
-
border: 0; // 1
|
442
|
-
padding: 0;
|
443
|
-
white-space: normal; // 2
|
444
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
445
|
-
*margin-left: -7px; // 3
|
446
|
-
}
|
447
|
-
}
|
448
|
-
|
449
|
-
//
|
450
|
-
// 1. Corrects font size not being inherited in all browsers
|
451
|
-
// 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
|
452
|
-
// 3. Improves appearance and consistency in all browsers
|
453
|
-
//
|
454
|
-
|
455
|
-
button,
|
456
|
-
input,
|
457
|
-
select,
|
458
|
-
textarea {
|
459
|
-
font-size: 100%; // 1
|
460
|
-
margin: 0; // 2
|
461
|
-
vertical-align: baseline; // 3
|
462
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
463
|
-
*vertical-align: middle; // 3
|
464
|
-
}
|
465
|
-
}
|
466
|
-
|
467
|
-
//
|
468
|
-
// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
|
469
|
-
//
|
470
|
-
|
471
|
-
button,
|
472
|
-
input {
|
473
|
-
line-height: normal; // 1
|
474
|
-
}
|
475
|
-
|
476
|
-
//
|
477
|
-
// 1. Improves usability and consistency of cursor style between image-type 'input' and others
|
478
|
-
// 2. Corrects inability to style clickable 'input' types in iOS
|
479
|
-
// 3. Removes inner spacing in IE7 without affecting normal text inputs
|
480
|
-
// Known issue: inner spacing remains in IE6
|
481
|
-
//
|
482
|
-
|
483
|
-
button,
|
484
|
-
input[type="button"],
|
485
|
-
input[type="reset"],
|
486
|
-
input[type="submit"] {
|
487
|
-
cursor: pointer; // 1
|
488
|
-
-webkit-appearance: button; // 2
|
489
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
490
|
-
*overflow: visible; // 3
|
491
|
-
}
|
492
|
-
}
|
493
|
-
|
494
|
-
//
|
495
|
-
// Re-set default cursor for disabled elements
|
496
|
-
//
|
497
|
-
|
498
|
-
button[disabled],
|
499
|
-
input[disabled] {
|
500
|
-
cursor: default;
|
501
|
-
}
|
502
|
-
|
503
|
-
//
|
504
|
-
// 1. Addresses box sizing set to content-box in IE8/9
|
505
|
-
// 2. Removes excess padding in IE8/9
|
506
|
-
// 3. Removes excess padding in IE7
|
507
|
-
// Known issue: excess padding remains in IE6
|
508
|
-
//
|
509
|
-
|
510
|
-
input[type="checkbox"],
|
511
|
-
input[type="radio"] {
|
512
|
-
@include box-sizing(border-box); // 1
|
513
|
-
padding: 0; // 2
|
514
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
515
|
-
*height: 13px; // 3
|
516
|
-
*width: 13px; // 3
|
517
|
-
}
|
518
|
-
}
|
519
|
-
|
520
|
-
//
|
521
|
-
// 1. Addresses appearance set to searchfield in S5, Chrome
|
522
|
-
// 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
|
523
|
-
//
|
524
|
-
|
525
|
-
input[type="search"] {
|
526
|
-
-webkit-appearance: textfield; // 1
|
527
|
-
@include box-sizing(content-box); // 2
|
528
|
-
}
|
529
|
-
|
530
|
-
//
|
531
|
-
// Removes inner padding and search cancel button in S5, Chrome on OS X
|
532
|
-
//
|
533
|
-
|
534
|
-
input[type="search"]::-webkit-search-decoration,
|
535
|
-
input[type="search"]::-webkit-search-cancel-button {
|
536
|
-
-webkit-appearance: none;
|
537
|
-
}
|
538
|
-
|
539
|
-
//
|
540
|
-
// Removes inner padding and border in FF3+
|
541
|
-
// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
542
|
-
//
|
543
|
-
|
544
|
-
button::-moz-focus-inner,
|
545
|
-
input::-moz-focus-inner {
|
546
|
-
border: 0;
|
547
|
-
padding: 0;
|
548
|
-
}
|
549
|
-
|
550
|
-
//
|
551
|
-
// 1. Removes default vertical scrollbar in IE6/7/8/9
|
552
|
-
// 2. Improves readability and alignment in all browsers
|
553
|
-
//
|
554
|
-
|
555
|
-
textarea {
|
556
|
-
overflow: auto; // 1
|
557
|
-
vertical-align: top; // 2
|
558
|
-
}
|
559
|
-
}
|
560
|
-
|
561
|
-
// =============================================================================
|
562
|
-
// Tables
|
563
|
-
// =============================================================================
|
564
|
-
@mixin base-normalize-table
|
565
|
-
{
|
566
|
-
//
|
567
|
-
// Remove most spacing between table cells
|
568
|
-
//
|
569
|
-
|
570
|
-
table {
|
571
|
-
border-collapse: collapse;
|
572
|
-
border-spacing: 0;
|
573
|
-
}
|
574
|
-
}
|
575
|
-
|
576
|
-
@mixin base-normalize
|
577
|
-
{
|
578
|
-
@include base-normalize-html5;
|
579
|
-
@include base-normalize-page;
|
580
|
-
@include base-normalize-links;
|
581
|
-
@include base-normalize-typography;
|
582
|
-
@include base-normalize-lists;
|
583
|
-
@include base-normalize-embed;
|
584
|
-
@include base-normalize-figures;
|
585
|
-
@include base-normalize-forms;
|
586
|
-
@include base-normalize-table;
|
587
|
-
}
|