concen 0.2.4 → 0.2.5
Sign up to get free protection for your applications and to get access to all the features.
- data/Gemfile +0 -3
- data/Gemfile.lock +0 -9
- data/LICENSE +1 -1
- data/README.md +23 -1
- data/app/assets/stylesheets/concen/application.css.sass +14 -16
- data/app/assets/stylesheets/concen/compass/_css3.scss +17 -0
- data/app/assets/stylesheets/concen/compass/_layout.scss +3 -0
- data/app/assets/stylesheets/concen/compass/_reset-legacy.scss +3 -0
- data/app/assets/stylesheets/concen/compass/_reset.scss +3 -0
- data/app/assets/stylesheets/concen/compass/_support.scss +36 -0
- data/app/assets/stylesheets/concen/compass/_typography.scss +4 -0
- data/app/assets/stylesheets/concen/compass/_utilities.scss +9 -0
- data/app/assets/stylesheets/concen/compass/css3/_appearance.scss +13 -0
- data/app/assets/stylesheets/concen/compass/css3/_background-clip.scss +43 -0
- data/app/assets/stylesheets/concen/compass/css3/_background-origin.scss +42 -0
- data/app/assets/stylesheets/concen/compass/css3/_background-size.scss +26 -0
- data/app/assets/stylesheets/concen/compass/css3/_border-radius.scss +135 -0
- data/app/assets/stylesheets/concen/compass/css3/_box-shadow.scss +93 -0
- data/app/assets/stylesheets/concen/compass/css3/_box-sizing.scss +13 -0
- data/app/assets/stylesheets/concen/compass/css3/_box.scss +111 -0
- data/app/assets/stylesheets/concen/compass/css3/_columns.scss +60 -0
- data/app/assets/stylesheets/concen/compass/css3/_font-face.scss +63 -0
- data/app/assets/stylesheets/concen/compass/css3/_gradient.scss +99 -0
- data/app/assets/stylesheets/concen/compass/css3/_images.scss +132 -0
- data/app/assets/stylesheets/concen/compass/css3/_inline-block.scss +16 -0
- data/app/assets/stylesheets/concen/compass/css3/_opacity.scss +19 -0
- data/app/assets/stylesheets/concen/compass/css3/_pie.scss +73 -0
- data/app/assets/stylesheets/concen/compass/css3/_shared.scss +38 -0
- data/app/assets/stylesheets/concen/compass/css3/_text-shadow.scss +62 -0
- data/app/assets/stylesheets/concen/compass/css3/_transform-legacy.scss +87 -0
- data/app/assets/stylesheets/concen/compass/css3/_transform.scss +598 -0
- data/app/assets/stylesheets/concen/compass/css3/_transition.scss +119 -0
- data/app/assets/stylesheets/concen/compass/layout/_grid-background.scss +178 -0
- data/app/assets/stylesheets/concen/compass/layout/_sticky-footer.scss +23 -0
- data/app/assets/stylesheets/concen/compass/layout/_stretching.scss +24 -0
- data/app/assets/stylesheets/concen/compass/reset/_utilities-legacy.scss +135 -0
- data/app/assets/stylesheets/concen/compass/reset/_utilities.scss +140 -0
- data/app/assets/stylesheets/concen/compass/typography/_links.scss +3 -0
- data/app/assets/stylesheets/concen/compass/typography/_lists.scss +4 -0
- data/app/assets/stylesheets/concen/compass/typography/_text.scss +4 -0
- data/app/assets/stylesheets/concen/compass/typography/_vertical_rhythm.scss +193 -0
- data/app/assets/stylesheets/concen/compass/typography/links/_hover-link.scss +5 -0
- data/app/assets/stylesheets/concen/compass/typography/links/_link-colors.scss +28 -0
- data/app/assets/stylesheets/concen/compass/typography/links/_unstyled-link.scss +7 -0
- data/app/assets/stylesheets/concen/compass/typography/lists/_bullets.scss +34 -0
- data/app/assets/stylesheets/concen/compass/typography/lists/_horizontal-list.scss +61 -0
- data/app/assets/stylesheets/concen/compass/typography/lists/_inline-block-list.scss +47 -0
- data/app/assets/stylesheets/concen/compass/typography/lists/_inline-list.scss +44 -0
- data/app/assets/stylesheets/concen/compass/typography/text/_ellipsis.scss +25 -0
- data/app/assets/stylesheets/concen/compass/typography/text/_force-wrap.scss +12 -0
- data/app/assets/stylesheets/concen/compass/typography/text/_nowrap.scss +2 -0
- data/app/assets/stylesheets/concen/compass/typography/text/_replacement.scss +34 -0
- data/app/assets/stylesheets/concen/compass/utilities/_color.scss +1 -0
- data/app/assets/stylesheets/concen/compass/utilities/_general.scss +6 -0
- data/app/assets/stylesheets/concen/compass/utilities/_links.scss +5 -0
- data/app/assets/stylesheets/concen/compass/utilities/_lists.scss +6 -0
- data/app/assets/stylesheets/concen/compass/utilities/_print.scss +17 -0
- data/app/assets/stylesheets/concen/compass/utilities/_sprites.scss +1 -0
- data/app/assets/stylesheets/concen/compass/utilities/_tables.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/_text.scss +5 -0
- data/app/assets/stylesheets/concen/compass/utilities/color/_contrast.scss +28 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_clearfix.scss +44 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_float.scss +30 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_hacks.scss +46 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_min.scss +16 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_reset.scss +2 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_tabs.scss +1 -0
- data/app/assets/stylesheets/concen/compass/utilities/general/_tag-cloud.scss +18 -0
- data/app/assets/stylesheets/concen/compass/utilities/links/_hover-link.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/links/_link-colors.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/links/_unstyled-link.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/lists/_bullets.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/lists/_horizontal-list.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/lists/_inline-block-list.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/lists/_inline-list.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/sprites/_base.scss +66 -0
- data/app/assets/stylesheets/concen/compass/utilities/sprites/_sprite-img.scss +56 -0
- data/app/assets/stylesheets/concen/compass/utilities/tables/_alternating-rows-and-columns.scss +20 -0
- data/app/assets/stylesheets/concen/compass/utilities/tables/_borders.scss +33 -0
- data/app/assets/stylesheets/concen/compass/utilities/tables/_scaffolding.scss +9 -0
- data/app/assets/stylesheets/concen/compass/utilities/text/_ellipsis.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/text/_nowrap.scss +3 -0
- data/app/assets/stylesheets/concen/compass/utilities/text/_replacement.scss +3 -0
- data/app/assets/stylesheets/concen/partials/_base.sass +4 -4
- data/app/assets/stylesheets/concen/partials/_variables.sass +5 -5
- data/app/helpers/concen/application_helper.rb +0 -6
- data/app/models/concen/page.rb +12 -3
- data/app/views/concen/grid_files/_form.html.erb +23 -0
- data/app/views/concen/grid_files/edit.html.erb +10 -0
- data/app/views/concen/pages/_file_list.erb +11 -0
- data/app/views/concen/pages/_files.erb +32 -0
- data/app/views/concen/pages/_form.html.erb +26 -0
- data/app/views/concen/pages/_nested_list.html.erb +22 -0
- data/app/views/concen/pages/edit.html.erb +19 -0
- data/app/views/concen/pages/index.html.erb +12 -0
- data/app/views/concen/pages/new.html.erb +10 -0
- data/app/views/concen/performances/_runtimes.html.erb +8 -0
- data/app/views/concen/performances/show.html.erb +40 -0
- data/app/views/concen/sessions/new.html.erb +17 -0
- data/app/views/concen/statuses/_server.html.erb +34 -0
- data/app/views/concen/statuses/show.html.erb +27 -0
- data/app/views/concen/traffics/_pages.html.erb +8 -0
- data/app/views/concen/traffics/_referrals.html.erb +12 -0
- data/app/views/concen/traffics/show.html.erb +40 -0
- data/app/views/concen/users/_form.html.erb +42 -0
- data/app/views/concen/users/{_password_reset.html.haml → _password_reset.html.erb} +0 -0
- data/app/views/concen/users/_settings.html.erb +23 -0
- data/app/views/concen/users/edit.html.erb +12 -0
- data/app/views/concen/users/index.html.erb +40 -0
- data/app/views/concen/users/new.html.erb +6 -0
- data/app/views/concen/users/new_invite.html.erb +24 -0
- data/app/views/concen/users/new_reset_password.html.erb +24 -0
- data/app/views/layouts/concen/{_additional_header_links.haml → _additional_header_links.html.erb} +0 -0
- data/app/views/layouts/concen/_header.html.erb +24 -0
- data/app/views/layouts/concen/{maintenance.html.haml → _iphone.html.erb} +0 -0
- data/app/views/layouts/concen/application.html.erb +42 -0
- data/app/views/layouts/concen/maintenance.html.erb +0 -0
- data/concen.gemspec +0 -2
- data/lib/concen/engine.rb +0 -1
- data/lib/concen/version.rb +1 -1
- data/test/support/raw_text/smartypants.html +1 -1
- data/test/support/raw_text/smartypants.txt +1 -1
- metadata +130 -74
- data/app/views/concen/grid_files/_form.html.haml +0 -15
- data/app/views/concen/grid_files/edit.html.haml +0 -7
- data/app/views/concen/pages/_file_list.haml +0 -7
- data/app/views/concen/pages/_files.haml +0 -24
- data/app/views/concen/pages/_form.html.haml +0 -17
- data/app/views/concen/pages/_nested_list.html.haml +0 -15
- data/app/views/concen/pages/edit.html.haml +0 -13
- data/app/views/concen/pages/index.html.haml +0 -12
- data/app/views/concen/pages/new.html.haml +0 -7
- data/app/views/concen/performances/_runtimes.html.haml +0 -5
- data/app/views/concen/performances/show.html.haml +0 -27
- data/app/views/concen/sessions/new.html.haml +0 -12
- data/app/views/concen/statuses/_server.html.haml +0 -19
- data/app/views/concen/statuses/show.html.haml +0 -18
- data/app/views/concen/traffics/_pages.html.haml +0 -5
- data/app/views/concen/traffics/_referrals.html.haml +0 -9
- data/app/views/concen/traffics/show.html.haml +0 -27
- data/app/views/concen/users/_form.html.haml +0 -29
- data/app/views/concen/users/_settings.html.haml +0 -15
- data/app/views/concen/users/edit.html.haml +0 -9
- data/app/views/concen/users/index.html.haml +0 -32
- data/app/views/concen/users/new.html.haml +0 -4
- data/app/views/concen/users/new_invite.html.haml +0 -15
- data/app/views/concen/users/new_reset_password.html.haml +0 -15
- data/app/views/layouts/concen/_header.html.haml +0 -18
- data/app/views/layouts/concen/_iphone.html.haml +0 -6
- data/app/views/layouts/concen/application.html.haml +0 -33
@@ -0,0 +1,47 @@
|
|
1
|
+
// Inline-Block list layout module.
|
2
|
+
//
|
3
|
+
// Easy mode using simple descendant li selectors:
|
4
|
+
//
|
5
|
+
// ul.nav
|
6
|
+
// +inline-block-list
|
7
|
+
//
|
8
|
+
// Advanced mode:
|
9
|
+
// If you need to target the list items using a different selector then use
|
10
|
+
// +inline-block-list-container on your ul/ol and +inline-block-list-item on your li.
|
11
|
+
// This may help when working on layouts involving nested lists. For example:
|
12
|
+
//
|
13
|
+
// ul.nav
|
14
|
+
// +inline-block-list-container
|
15
|
+
// > li
|
16
|
+
// +inline-block-list-item
|
17
|
+
|
18
|
+
@import "bullets";
|
19
|
+
@import "horizontal-list";
|
20
|
+
@import "compass/utilities/general/float";
|
21
|
+
@import "compass/css3/inline-block";
|
22
|
+
|
23
|
+
// Can be mixed into any selector that target a ul or ol that is meant
|
24
|
+
// to have an inline-block layout. Used to implement +inline-block-list.
|
25
|
+
@mixin inline-block-list-container {
|
26
|
+
@include horizontal-list-container; }
|
27
|
+
|
28
|
+
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
29
|
+
// Used to implement +inline-block-list.
|
30
|
+
|
31
|
+
@mixin inline-block-list-item($padding: false) {
|
32
|
+
@include no-bullet;
|
33
|
+
@include inline-block;
|
34
|
+
white-space: nowrap;
|
35
|
+
@if $padding {
|
36
|
+
padding: {
|
37
|
+
left: $padding;
|
38
|
+
right: $padding;
|
39
|
+
};
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
// A list(ol,ul) that is layed out such that the elements are inline-block and won't wrap.
|
44
|
+
@mixin inline-block-list($padding: false) {
|
45
|
+
@include inline-block-list-container;
|
46
|
+
li {
|
47
|
+
@include inline-block-list-item($padding); } }
|
@@ -0,0 +1,44 @@
|
|
1
|
+
// makes a list inline.
|
2
|
+
|
3
|
+
@mixin inline-list {
|
4
|
+
list-style-type: none;
|
5
|
+
&, & li {
|
6
|
+
margin: 0px;
|
7
|
+
padding: 0px;
|
8
|
+
display: inline;
|
9
|
+
}
|
10
|
+
}
|
11
|
+
|
12
|
+
// makes an inline list delimited with the passed string.
|
13
|
+
// Defaults to making a comma-separated list.
|
14
|
+
//
|
15
|
+
// Please make note of the browser support issues before using this mixin:
|
16
|
+
//
|
17
|
+
// use of `content` and `:after` is not fully supported in all browsers.
|
18
|
+
// See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15)
|
19
|
+
//
|
20
|
+
// `:last-child` is not fully supported.
|
21
|
+
// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).
|
22
|
+
//
|
23
|
+
// IE8 ignores rules that are included on the same line as :last-child
|
24
|
+
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
25
|
+
|
26
|
+
@mixin delimited-list($separator: ", ") {
|
27
|
+
@include inline-list;
|
28
|
+
li {
|
29
|
+
&:after { content: $separator; }
|
30
|
+
&:last-child {
|
31
|
+
&:after { content: ""; }
|
32
|
+
}
|
33
|
+
&.last {
|
34
|
+
&:after { content: ""; }
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
// See [delimited-list](#mixin-delimited-list)
|
40
|
+
// @deprecated
|
41
|
+
@mixin comma-delimited-list {
|
42
|
+
@warn "comma-delimited-list is deprecated. Please use delimited-list instead.";
|
43
|
+
@include delimited-list;
|
44
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
@import "compass/css3/shared";
|
2
|
+
|
3
|
+
// To get full firefox support, you must install the ellipsis pattern:
|
4
|
+
//
|
5
|
+
// compass install compass/ellipsis
|
6
|
+
$use-mozilla-ellipsis-binding: false !default;
|
7
|
+
|
8
|
+
// This technique, by [Justin Maxwell](http://code404.com/), was originally
|
9
|
+
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
10
|
+
// Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/).
|
11
|
+
@mixin ellipsis($no-wrap: true) {
|
12
|
+
@if $no-wrap { white-space: nowrap; }
|
13
|
+
overflow: hidden;
|
14
|
+
@include experimental(text-overflow, ellipsis,
|
15
|
+
not -moz,
|
16
|
+
not -webkit,
|
17
|
+
-o,
|
18
|
+
-ms,
|
19
|
+
not -khtml,
|
20
|
+
official
|
21
|
+
);
|
22
|
+
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
23
|
+
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
24
|
+
}
|
25
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
// Prevent long urls and text from breaking layouts
|
2
|
+
// [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
|
3
|
+
@mixin force-wrap {
|
4
|
+
white-space: pre; // CSS 2.0
|
5
|
+
white-space: pre-wrap; // CSS 2.1
|
6
|
+
white-space: pre-line; // CSS 3.0
|
7
|
+
white-space: -pre-wrap; // Opera 4-6
|
8
|
+
white-space: -o-pre-wrap; // Opera 7
|
9
|
+
white-space: -moz-pre-wrap; // Mozilla
|
10
|
+
white-space: -hp-pre-wrap; // HP Printers
|
11
|
+
word-wrap: break-word; // IE 5+
|
12
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
// Hides html text and replaces it with an image.
|
2
|
+
// If you use this on an inline element, you will need to change the display to block or inline-block.
|
3
|
+
// Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height.
|
4
|
+
//
|
5
|
+
// Parameters:
|
6
|
+
//
|
7
|
+
// * `img` -- the relative path from the project image directory to the image.
|
8
|
+
// * `x` -- the x position of the background image.
|
9
|
+
// * `y` -- the y position of the background image.
|
10
|
+
@mixin replace-text($img, $x: 50%, $y: 50%) {
|
11
|
+
@include hide-text;
|
12
|
+
background: {
|
13
|
+
image: image-url($img);
|
14
|
+
repeat: no-repeat;
|
15
|
+
position: $x $y;
|
16
|
+
};
|
17
|
+
}
|
18
|
+
|
19
|
+
// Like the `replace-text` mixin, but also sets the width
|
20
|
+
// and height of the element according the dimensions of the image.
|
21
|
+
@mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%) {
|
22
|
+
@include replace-text($img, $x, $y);
|
23
|
+
width: image-width($img);
|
24
|
+
height: image-height($img);
|
25
|
+
}
|
26
|
+
|
27
|
+
// Hides text in an element so you can see the background.
|
28
|
+
@mixin hide-text {
|
29
|
+
$approximate_em_value: 12px / 1em;
|
30
|
+
$wider_than_any_screen: -9999em;
|
31
|
+
text-indent: $wider_than_any_screen * $approximate_em_value;
|
32
|
+
overflow: hidden;
|
33
|
+
text-align: left;
|
34
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "color/contrast";
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// Classes that are useful for controlling what gets printed.
|
2
|
+
// You must mix `+print-utilities` into your print stylesheet
|
3
|
+
// and `+print-utilities(screen)` into your screen stylesheet.
|
4
|
+
// Note: these aren't semantic.
|
5
|
+
@mixin print-utilities($media: print) {
|
6
|
+
@if $media == print {
|
7
|
+
.noprint, .no-print { display: none; }
|
8
|
+
#{elements-of-type(block)} {
|
9
|
+
&.print-only { display: block; }
|
10
|
+
}
|
11
|
+
#{elements-of-type(inline)} {
|
12
|
+
&.print-only { display: inline; }
|
13
|
+
}
|
14
|
+
} @else {
|
15
|
+
.print-only { display: none; }
|
16
|
+
}
|
17
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "sprites/sprite-img";
|
@@ -0,0 +1,28 @@
|
|
1
|
+
$contrasted-dark-default: #000 !default;
|
2
|
+
$contrasted-light-default: #fff !default;
|
3
|
+
$contrasted-lightness-threshold: 30% !default;
|
4
|
+
|
5
|
+
// Returns the `$light` color when the `$color` is dark
|
6
|
+
// and the `$dark` color when the `$color` is light.
|
7
|
+
// The `$threshold` is a percent between `0%` and `100%` and it determines
|
8
|
+
// when the lightness of `$color` changes from "dark" to "light".
|
9
|
+
@function contrast-color(
|
10
|
+
$color,
|
11
|
+
$dark: $contrasted-dark-default,
|
12
|
+
$light: $contrasted-light-default,
|
13
|
+
$threshold: $contrasted-lightness-threshold
|
14
|
+
) {
|
15
|
+
@return if(lightness($color) < $threshold, $light, $dark)
|
16
|
+
}
|
17
|
+
|
18
|
+
// Sets the specified background color and calculates a dark or light contrasted text color.
|
19
|
+
// The arguments are passed through to the [contrast-color function](#function-contrast-color).
|
20
|
+
@mixin contrasted(
|
21
|
+
$background-color,
|
22
|
+
$dark: $contrasted-dark-default,
|
23
|
+
$light: $contrasted-light-default,
|
24
|
+
$threshold: $contrasted-lightness-threshold
|
25
|
+
) {
|
26
|
+
background-color: $background-color;
|
27
|
+
color: contrast-color($background-color, $dark, $light, $threshold);
|
28
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
// @doc off
|
2
|
+
// Extends the bottom of the element to enclose any floats it contains.
|
3
|
+
// @doc on
|
4
|
+
|
5
|
+
@import "hacks";
|
6
|
+
|
7
|
+
// This basic method is preferred for the usual case, when positioned
|
8
|
+
// content will not show outside the bounds of the container.
|
9
|
+
//
|
10
|
+
// Recommendations include using this in conjunction with a width.
|
11
|
+
// Credit: [quirksmode.org](http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html)
|
12
|
+
@mixin clearfix {
|
13
|
+
overflow: hidden;
|
14
|
+
@include has-layout;
|
15
|
+
}
|
16
|
+
|
17
|
+
// This older method from Position Is Everything called
|
18
|
+
// [Easy Clearing](http://www.positioniseverything.net/easyclearing.html)
|
19
|
+
// has the advantage of allowing positioned elements to hang
|
20
|
+
// outside the bounds of the container at the expense of more tricky CSS.
|
21
|
+
@mixin legacy-pie-clearfix {
|
22
|
+
&:after {
|
23
|
+
content : "\0020";
|
24
|
+
display : block;
|
25
|
+
height : 0;
|
26
|
+
clear : both;
|
27
|
+
overflow : hidden;
|
28
|
+
visibility : hidden;
|
29
|
+
}
|
30
|
+
@include has-layout;
|
31
|
+
}
|
32
|
+
|
33
|
+
// This is an updated version of the PIE clearfix method that reduces the amount of CSS output.
|
34
|
+
// If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead.
|
35
|
+
//
|
36
|
+
// Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
|
37
|
+
@mixin pie-clearfix {
|
38
|
+
&:after {
|
39
|
+
content: "";
|
40
|
+
display: table;
|
41
|
+
clear: both;
|
42
|
+
}
|
43
|
+
@include has-layout;
|
44
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
// Implementation of float:left with fix for the
|
2
|
+
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
3
|
+
@mixin float-left {
|
4
|
+
@include float(left); }
|
5
|
+
|
6
|
+
// Implementation of float:right with fix for the
|
7
|
+
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
8
|
+
@mixin float-right {
|
9
|
+
@include float(right); }
|
10
|
+
|
11
|
+
// Direction independent float mixin that fixes the
|
12
|
+
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
13
|
+
@mixin float($side: left) {
|
14
|
+
display: inline;
|
15
|
+
float: unquote($side); }
|
16
|
+
|
17
|
+
// Resets floated elements back to their default of `float: none` and defaults
|
18
|
+
// to `display: block` unless you pass `inline` as an argument
|
19
|
+
//
|
20
|
+
// Usage Example:
|
21
|
+
//
|
22
|
+
// body.homepage
|
23
|
+
// #footer li
|
24
|
+
// +float-left
|
25
|
+
// body.signup
|
26
|
+
// #footer li
|
27
|
+
// +reset-float
|
28
|
+
@mixin reset-float($display: block) {
|
29
|
+
float: none;
|
30
|
+
display: $display; }
|
@@ -0,0 +1,46 @@
|
|
1
|
+
@import "compass/support";
|
2
|
+
|
3
|
+
// The `zoom` approach generates less CSS but does not validate.
|
4
|
+
// Set this to `block` to use the display-property to hack the
|
5
|
+
// element to gain layout.
|
6
|
+
$default-has-layout-approach: zoom !default;
|
7
|
+
|
8
|
+
// This mixin causes an element matching the selector
|
9
|
+
// to gain the "hasLayout" property in internet explorer.
|
10
|
+
// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
|
11
|
+
@mixin has-layout($approach: $default-has-layout-approach) {
|
12
|
+
@if $legacy-support-for-ie {
|
13
|
+
@if $approach == zoom {
|
14
|
+
@include has-layout-zoom;
|
15
|
+
} @else if $approach == block {
|
16
|
+
@include has-layout-block;
|
17
|
+
} @else {
|
18
|
+
@warn "Unknown has-layout approach: #{$approach}";
|
19
|
+
@include has-layout-zoom;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
24
|
+
@mixin has-layout-zoom {
|
25
|
+
@if $legacy-support-for-ie {
|
26
|
+
*zoom: 1;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
@mixin has-layout-block {
|
31
|
+
@if $legacy-support-for-ie {
|
32
|
+
// This makes ie6 get layout
|
33
|
+
display: inline-block;
|
34
|
+
// and this puts it back to block
|
35
|
+
& { display: block; }
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
// A hack to supply IE6 (and below) with a different property value.
|
40
|
+
// [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
|
41
|
+
@mixin bang-hack($property, $value, $ie6-value) {
|
42
|
+
@if $legacy-support-for-ie6 {
|
43
|
+
#{$property}: #{$value} !important;
|
44
|
+
#{$property}: #{$ie6-value};
|
45
|
+
}
|
46
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
@import "hacks";
|
2
|
+
|
3
|
+
//**
|
4
|
+
// Cross browser min-height mixin.
|
5
|
+
@mixin min-height($value) {
|
6
|
+
@include hacked-minimum(height, $value); }
|
7
|
+
|
8
|
+
//**
|
9
|
+
// Cross browser min-width mixin.
|
10
|
+
@mixin min-width($value) {
|
11
|
+
@include hacked-minimum(width, $value); }
|
12
|
+
|
13
|
+
// @private This mixin is not meant to be used directly.
|
14
|
+
@mixin hacked-minimum($property, $value) {
|
15
|
+
min-#{$property}: $value;
|
16
|
+
@include bang-hack($property, auto, $value); }
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1,18 @@
|
|
1
|
+
// Emits styles for a tag cloud
|
2
|
+
@mixin tag-cloud($base-size: 1em) {
|
3
|
+
font-size: $base-size;
|
4
|
+
line-height: 1.2 * $base-size;
|
5
|
+
.xxs, .xs, .s, .l, .xl, .xxl {
|
6
|
+
line-height: 1.2 * $base-size; }
|
7
|
+
.xxs {
|
8
|
+
font-size: $base-size / 2; }
|
9
|
+
.xs {
|
10
|
+
font-size: 2 * $base-size / 3; }
|
11
|
+
.s {
|
12
|
+
font-size: 3 * $base-size / 4; }
|
13
|
+
.l {
|
14
|
+
font-size: 4 * $base-size / 3; }
|
15
|
+
.xl {
|
16
|
+
font-size: 3 * $base-size / 2; }
|
17
|
+
.xxl {
|
18
|
+
font-size: 2 * $base-size; } }
|