flexy 1.1 → 1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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: []
|