flexy 1.1 → 1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/flexy.rb +3 -3
- data/stylesheets/_flexy.scss +15 -21
- data/templates/project/{flexy-demo.scss → _flexy-demo.scss} +0 -3
- data/templates/project/manifest.rb +2 -2
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b9f0d2e69330f759d410a2912d4acebd5de2540e
|
|
4
|
+
data.tar.gz: e51b05b765e9c4f244846f9a4797868461eabdf1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 974fe793e1dc387b19030c8864e7e21f2de6e8e8a443bd4775bc0fd26bebe9b84ff85956914a71ffc4944ea3e13a281081782ddc29f92c64fda301909bddc971
|
|
7
|
+
data.tar.gz: a009c7414124c56b2960e3d2b63638f491275190d0d342399721397e659da7de7969139c99938dbb1271658a963a42127035001142a1c74bb1dd8762144aee87
|
data/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
A simple Flexbox Compass extension
|
|
2
2
|
==================================
|
|
3
3
|
|
|
4
|
-
Open [
|
|
4
|
+
Open [_flexy-demo.scss](https://github.com/Guilh/Flexy/blob/master/templates/project/flexy-demo.scss) for examples of how to use Flexy.
|
data/lib/flexy.rb
CHANGED
|
@@ -16,9 +16,9 @@ Compass::Frameworks.register('flexy', :path => extension_path)
|
|
|
16
16
|
# Version is a number. If a version contains alphas, it will be created as
|
|
17
17
|
# a prerelease version
|
|
18
18
|
# Date is in the form of YYYY-MM-DD
|
|
19
|
-
module
|
|
20
|
-
VERSION = "1.
|
|
21
|
-
DATE = "2014-06-
|
|
19
|
+
module Flexy
|
|
20
|
+
VERSION = "1.2"
|
|
21
|
+
DATE = "2014-06-12"
|
|
22
22
|
end
|
|
23
23
|
|
|
24
24
|
# This is where any custom SassScript should be placed. The functions will be
|
data/stylesheets/_flexy.scss
CHANGED
|
@@ -1,34 +1,28 @@
|
|
|
1
1
|
@import "compass/css3/shared";
|
|
2
2
|
|
|
3
3
|
$flexy-support: not -moz, -webkit, not -o, not -ms, official !default;
|
|
4
|
-
$flexy-breakpoint: 769px !default;
|
|
5
4
|
|
|
6
5
|
@mixin flexy(
|
|
7
6
|
$el: li,
|
|
8
|
-
$direction:
|
|
9
|
-
$align:
|
|
10
|
-
$justify:
|
|
11
|
-
$flex:
|
|
12
|
-
|
|
7
|
+
$direction: null,
|
|
8
|
+
$align: null,
|
|
9
|
+
$justify: null,
|
|
10
|
+
$flex: null) {
|
|
11
|
+
// Establish the flex formatting context
|
|
12
|
+
@include experimental-value(display,flex,$flexy-support...);
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
// Set the default flex-direction
|
|
15
|
+
@include experimental(flex-direction,$direction,$flexy-support...);
|
|
15
16
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// Set the default flex-direction
|
|
20
|
-
@include experimental(flex-direction,$direction,$flexy-support...);
|
|
17
|
+
// Align flex items
|
|
18
|
+
@include experimental(align-items,$align,$flexy-support...);
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
// Define the flex container alignment
|
|
21
|
+
@include experimental(justify-content,$justify,$flexy-support...);
|
|
24
22
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
// Grow all flex items
|
|
29
|
-
& > #{$el} {
|
|
30
|
-
@include experimental(flex,$flex,$flexy-support...);
|
|
31
|
-
}
|
|
23
|
+
// Grow all flex items
|
|
24
|
+
& > #{$el} {
|
|
25
|
+
@include experimental(flex,$flex,$flexy-support...);
|
|
32
26
|
}
|
|
33
27
|
}
|
|
34
28
|
@mixin flexy-grow($item, $amt) {
|
|
@@ -9,9 +9,6 @@
|
|
|
9
9
|
// Config variable for setting flexbox support
|
|
10
10
|
$flexy-support: not -moz, -webkit, not -o, not -ms, official;
|
|
11
11
|
|
|
12
|
-
// Config variable for setting flexbox media query breakpoint. The default value is 769px.
|
|
13
|
-
$flexy-breakpoint: 769px;
|
|
14
|
-
|
|
15
12
|
//////////////////////////////
|
|
16
13
|
// Flexy Mixins /////////////
|
|
17
14
|
////////////////////////////
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
# Description
|
|
2
|
-
description "A simple
|
|
2
|
+
description "A simple Flexbox Compass extension."
|
|
3
3
|
|
|
4
4
|
# Stylesheet Import
|
|
5
|
-
file '
|
|
5
|
+
file '_flexy-demo.scss', :like => :stylesheet, :media => 'screen, projection'
|
|
6
6
|
|
|
7
7
|
# General File Import
|
|
8
8
|
# file 'README.md', :to => "README.md"
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flexy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '1.
|
|
4
|
+
version: '1.2'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Guil Hernandez
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-06-
|
|
11
|
+
date: 2014-06-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -49,9 +49,9 @@ files:
|
|
|
49
49
|
- README.md
|
|
50
50
|
- lib/flexy.rb
|
|
51
51
|
- stylesheets/_flexy.scss
|
|
52
|
-
- templates/project/
|
|
52
|
+
- templates/project/_flexy-demo.scss
|
|
53
53
|
- templates/project/manifest.rb
|
|
54
|
-
homepage:
|
|
54
|
+
homepage: https://github.com/Guilh/Flexy
|
|
55
55
|
licenses: []
|
|
56
56
|
metadata: {}
|
|
57
57
|
post_install_message:
|
|
@@ -73,5 +73,5 @@ rubyforge_project: flexy
|
|
|
73
73
|
rubygems_version: 2.2.2
|
|
74
74
|
signing_key:
|
|
75
75
|
specification_version: 4
|
|
76
|
-
summary: Using Flexbox has never been easier
|
|
76
|
+
summary: Using Flexbox has never been easier!
|
|
77
77
|
test_files: []
|