chr 0.1.2 → 0.1.4

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.
@@ -1,5 +1,3 @@
1
- #= require jquery
2
- #= require jquery_ujs
3
1
  #= require ./chr/vendor/jquery.scrollparent
4
2
  #= require ./chr/vendor/jquery.textarea_autosize
5
3
  #= require ./chr/vendor/jquery.typeahead
@@ -28,14 +26,4 @@
28
26
  #= require ./chr/store/_storeRails
29
27
 
30
28
  #= require ./chr/core/_utils
31
- #= require ./chr/core/_chr
32
-
33
- # -------------------------------------
34
- # Settings
35
- # -------------------------------------
36
- $.fx.speeds._default = 200
37
-
38
-
39
-
40
-
41
-
29
+ #= require ./chr/core/_chr
@@ -1,7 +1,16 @@
1
- @import "normalize-rails";
2
1
  @import "bourbon";
3
2
 
3
+ @import "core/settings";
4
+ @import "core/mixins";
5
+ @import "core/icons";
4
6
  @import "core/main";
5
- @import "form/form";
7
+ @import "core/list";
8
+ @import "core/responsive";
6
9
 
7
- @import "core/responsive";
10
+ @import "form/form";
11
+ @import "form/input_checkbox";
12
+ @import "form/input_color";
13
+ @import "form/input_file";
14
+ @import "form/input_list";
15
+ @import "form/input_string";
16
+ @import "form/nested_form";
@@ -6,45 +6,6 @@ html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
6
6
  }
7
7
  html, body, .view { overflow: hidden; } // .module
8
8
 
9
- /* Settings ---------------------------------------------------------------- */
10
- $positiveColor: rgb( 74,135,238) !default;
11
- $stableColor: rgb(178,178,178) !default;
12
- $lightColor: rgb(210,210,210) !default;
13
- $assertiveColor: rgb(239, 78, 58) !default;
14
- $neutralColor: rgb(246,246,246) !default;
15
- $contrastColor: rgb(230,230,230) !default;
16
- $white: rgb(255,255,255) !default;
17
- $black: #333 !default;
18
-
19
- /* Mixins ------------------------------------------------------------------ */
20
- @mixin absolutePosition($coordinates: null null null null) {
21
- position: absolute; top: nth($coordinates, 1); right: nth($coordinates, 2); bottom: nth($coordinates, 3); left: nth($coordinates, 4); }
22
-
23
- @mixin truncate {
24
- text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
25
-
26
- @mixin user-select-none {
27
- -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
28
- }
29
-
30
- @mixin border($color) {
31
- &:after { content: ''; display: block; height: 1px; //width: 100%;
32
- background-color: $color; @include position(absolute, 0px 0px null 1em); }
33
- }
34
-
35
- @mixin noBorder { &:after { display: none; } }
36
-
37
- @mixin customScrollbar {
38
- &::-webkit-scrollbar { width: 6px; background-color: $neutralColor; }
39
- &::-webkit-scrollbar-thumb { background-color: $contrastColor; border-radius: 3px; }
40
- }
41
-
42
- @mixin scrollable { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
43
-
44
- /* Imports ----------------------------------------------------------------- */
45
- @import "icons";
46
- @import "list";
47
-
48
9
  /* Menu -------------------------------------------------------------------- */
49
10
  .menu:before { content: 'CHR'; font-weight: 800; color: $contrastColor; line-height: 2.7;
50
11
  position: absolute; display: block; margin-top: -2.7em; padding-left: 1em;
@@ -0,0 +1,24 @@
1
+ /* Mixins ------------------------------------------------------------------ */
2
+ @mixin absolutePosition($coordinates: null null null null) {
3
+ position: absolute; top: nth($coordinates, 1); right: nth($coordinates, 2); bottom: nth($coordinates, 3); left: nth($coordinates, 4); }
4
+
5
+ @mixin truncate {
6
+ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
7
+
8
+ @mixin user-select-none {
9
+ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
10
+ }
11
+
12
+ @mixin border($color) {
13
+ &:after { content: ''; display: block; height: 1px; //width: 100%;
14
+ background-color: $color; @include position(absolute, 0px 0px null 1em); }
15
+ }
16
+
17
+ @mixin noBorder { &:after { display: none; } }
18
+
19
+ @mixin customScrollbar {
20
+ &::-webkit-scrollbar { width: 6px; background-color: $neutralColor; }
21
+ &::-webkit-scrollbar-thumb { background-color: $contrastColor; border-radius: 3px; }
22
+ }
23
+
24
+ @mixin scrollable { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
@@ -0,0 +1,9 @@
1
+ /* Settings ---------------------------------------------------------------- */
2
+ $positiveColor: rgb( 74,135,238) !default;
3
+ $stableColor: rgb(178,178,178) !default;
4
+ $lightColor: rgb(210,210,210) !default;
5
+ $assertiveColor: rgb(239, 78, 58) !default;
6
+ $neutralColor: rgb(246,246,246) !default;
7
+ $contrastColor: rgb(230,230,230) !default;
8
+ $white: rgb(255,255,255) !default;
9
+ $black: #333 !default;
@@ -33,15 +33,6 @@
33
33
  @include absolutePosition(.4em .8em inherit inherit);
34
34
  }
35
35
  }
36
-
37
- /* Imports --------------------------------------------------------------- */
38
- @import "input_checkbox";
39
- @import "input_color";
40
- @import "input_file";
41
- @import "input_list";
42
- @import "input_string";
43
- @import "input_text";
44
- @import "nested_form";
45
36
  }
46
37
 
47
38
 
@@ -1,5 +1,5 @@
1
1
  /* Checkbox ---------------------------------------------------------------- */
2
- .input-checkbox {
2
+ .view .input-checkbox {
3
3
  padding: .8em 1em 1em;
4
4
 
5
5
  input { display: inline; width: auto; margin-right: .5em; }
@@ -7,8 +7,8 @@
7
7
  }
8
8
 
9
9
  /* Switch ------------------------------------------------------------------ */
10
- .input-switch { padding-top: .75em; }
11
- .input-switch .switch {
10
+ .view .input-switch { padding-top: .75em; }
11
+ .view .input-switch .switch {
12
12
  float: right;
13
13
  margin-top: -1.8em;
14
14
 
@@ -1,5 +1,5 @@
1
1
  /* Color ------------------------------------------------------------------- */
2
- .input-color {
2
+ .view .input-color {
3
3
  position: relative;
4
4
  padding-left: 4.75em;
5
5
 
@@ -1,6 +1,6 @@
1
1
  /* File & Image ------------------------------------------------------------ */
2
- .input-file,
3
- .input-image {
2
+ .view .input-file,
3
+ .view .input-image {
4
4
  min-height: 102px; // NOTE: calculated based on image thumbnail size
5
5
 
6
6
  a { color: $positiveColor; @include truncate; }
@@ -15,7 +15,7 @@
15
15
  }
16
16
  }
17
17
 
18
- .input-image:not(.empty) {
18
+ .view .input-image:not(.empty) {
19
19
  padding-left: 6.5em;
20
20
  position: relative;
21
21
  img {
@@ -1,5 +1,5 @@
1
1
  /* List -------------------------------------------------------------------- */
2
- .input-list {
2
+ .view .input-list {
3
3
  input { padding-left: 2em; margin-top: .1em; }
4
4
  ul { line-height: 1.5; margin: 0 0 0 2em; list-style: none; padding: 0; }
5
5
  ul li { @include user-select-none; position: relative; }
@@ -16,7 +16,7 @@
16
16
  }
17
17
  }
18
18
 
19
- .input-list {
19
+ .view .input-list {
20
20
  .twitter-typeahead { width: 100%; }
21
21
  .twitter-typeahead:after {
22
22
  content: '+';
@@ -1,4 +1,4 @@
1
- .input-string {
1
+ .view .input-string {
2
2
  .twitter-typeahead { width: 100%; }
3
3
  .tt-suggestions { padding: .1em .5em; margin: 0 0 0 -.5em; background: rgba(255,255,255, .95); }
4
4
  .tt-suggestion { cursor: pointer; opacity: .5;
@@ -1,5 +1,5 @@
1
1
  /* Nested Form ------------------------------------------------------------- */
2
- .nested-forms {
2
+ .view .nested-forms {
3
3
  & > .label { margin-bottom: .25em; }
4
4
  & > ul { margin: 0; padding: 0; }
5
5
  & > ul > li { list-style-type: none; margin-top: 1em; @include position(relative); border: 1px solid $neutralColor; }
@@ -9,12 +9,12 @@
9
9
  & > ul li.reorderable > .input-stacked:first-child { padding-left: 2.4em; }
10
10
  }
11
11
 
12
- .nested-form-new {
12
+ .view .nested-form-new {
13
13
  color: $positiveColor; margin-top: .75em; display: inline-block; font-size: .9em;
14
14
  &:hover { opacity: .5; }
15
15
  }
16
16
 
17
- .nested-form-delete {
17
+ .view .nested-form-delete {
18
18
  @include position(absolute, .35em .3em null null); border-radius: 1em;
19
19
  @include hide-text; width: 1.5em; height: 1.5em; background-color: rgba(0,0,0,.05);
20
20
  &:before { content: '\00d7'; color: $stableColor; line-height: 1.35em; width: 1.5em; text-align: center; }
@@ -0,0 +1,36 @@
1
+ {
2
+ "name": "chr",
3
+ "version": "0.1.4",
4
+ "homepage": "https://github.com/slate-studio/chr",
5
+ "authors": [
6
+ "Slate Studio (http://www.slatestudio.com)"
7
+ ],
8
+ "license": "MIT",
9
+ "description": "A simple and lightweight library for building data management web apps",
10
+ "main": "app/assets/stylesheets/_chr.scss, app/assets/javascripts/chr-dist.js",
11
+ "keywords": [
12
+ "library",
13
+ "javascript",
14
+ "application",
15
+ "cms",
16
+ "rest"
17
+ ],
18
+ "ignore": [
19
+ "**/.*",
20
+ "lib",
21
+ "chr.gemspec",
22
+ "Gemfile",
23
+ "Gemfile.lock",
24
+ "Gruntfile.coffee",
25
+ "package.json",
26
+ "Rakefile"
27
+ ],
28
+ "repository": {
29
+ "type": "git",
30
+ "url": "https://github.com/slate-studio/chr.git"
31
+ },
32
+ "dependencies": {
33
+ "bourbon": ">=4.0",
34
+ "normalize-scss": ">=3.0"
35
+ }
36
+ }
@@ -14,8 +14,7 @@ Gem::Specification.new do |s|
14
14
  s.description = <<-DESC
15
15
  Character is a library written in CoffeeScript with a help of jQuery that allows to
16
16
  build data management web applications like CMS, news reader, email client etc. in a
17
- very fast and flexible way. It's responsive by default and supports a few data stores
18
- out of the box: Rails, Firebase and localStorage.
17
+ very fast and flexible way. It's responsive by default and is data source independent.
19
18
  DESC
20
19
 
21
20
  s.rubyforge_project = 'chr'
@@ -24,7 +23,6 @@ out of the box: Rails, Firebase and localStorage.
24
23
  s.require_paths = ['lib']
25
24
 
26
25
  s.add_dependency('bourbon', '>= 3.2')
27
- s.add_dependency('jquery-rails', '>= 3.1')
28
26
  s.add_dependency('coffee-rails', '>= 4.0')
29
27
  s.add_dependency('normalize-rails', '>= 3.0')
30
28
  end
@@ -1,3 +1,3 @@
1
1
  module Chr
2
- VERSION = "0.1.2"
2
+ VERSION = "0.1.4"
3
3
  end
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "chr",
3
+ "version": "0.1.4",
4
+ "devDependencies": {
5
+ "grunt": "^0.4.5",
6
+ "grunt-contrib-clean": "^0.6.0",
7
+ "grunt-contrib-coffee": "^0.13.0",
8
+ "grunt-contrib-concat": "^0.5.1"
9
+ }
10
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: chr
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alexander Kravets
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-03-05 00:00:00.000000000 Z
11
+ date: 2015-03-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bourbon
@@ -24,20 +24,6 @@ dependencies:
24
24
  - - ">="
25
25
  - !ruby/object:Gem::Version
26
26
  version: '3.2'
27
- - !ruby/object:Gem::Dependency
28
- name: jquery-rails
29
- requirement: !ruby/object:Gem::Requirement
30
- requirements:
31
- - - ">="
32
- - !ruby/object:Gem::Version
33
- version: '3.1'
34
- type: :runtime
35
- prerelease: false
36
- version_requirements: !ruby/object:Gem::Requirement
37
- requirements:
38
- - - ">="
39
- - !ruby/object:Gem::Version
40
- version: '3.1'
41
27
  - !ruby/object:Gem::Dependency
42
28
  name: coffee-rails
43
29
  requirement: !ruby/object:Gem::Requirement
@@ -69,8 +55,7 @@ dependencies:
69
55
  description: |
70
56
  Character is a library written in CoffeeScript with a help of jQuery that allows to
71
57
  build data management web applications like CMS, news reader, email client etc. in a
72
- very fast and flexible way. It's responsive by default and supports a few data stores
73
- out of the box: Rails, Firebase and localStorage.
58
+ very fast and flexible way. It's responsive by default and is data source independent.
74
59
  email: alex@slatestudio.com
75
60
  executables: []
76
61
  extensions: []
@@ -79,9 +64,11 @@ files:
79
64
  - ".gitignore"
80
65
  - CONTRIBUTING.md
81
66
  - Gemfile
67
+ - Gruntfile.coffee
82
68
  - LICENSE.md
83
69
  - README.md
84
70
  - Rakefile
71
+ - app/assets/javascripts/chr-dist.js
85
72
  - app/assets/javascripts/chr.coffee
86
73
  - app/assets/javascripts/chr/core/_chr.coffee
87
74
  - app/assets/javascripts/chr/core/_item.coffee
@@ -112,19 +99,22 @@ files:
112
99
  - app/assets/stylesheets/core/_icons.scss
113
100
  - app/assets/stylesheets/core/_list.scss
114
101
  - app/assets/stylesheets/core/_main.scss
102
+ - app/assets/stylesheets/core/_mixins.scss
115
103
  - app/assets/stylesheets/core/_responsive.scss
104
+ - app/assets/stylesheets/core/_settings.scss
116
105
  - app/assets/stylesheets/form/_form.scss
117
106
  - app/assets/stylesheets/form/_input_checkbox.scss
118
107
  - app/assets/stylesheets/form/_input_color.scss
119
108
  - app/assets/stylesheets/form/_input_file.scss
120
109
  - app/assets/stylesheets/form/_input_list.scss
121
110
  - app/assets/stylesheets/form/_input_string.scss
122
- - app/assets/stylesheets/form/_input_text.scss
123
111
  - app/assets/stylesheets/form/_nested_form.scss
112
+ - bower.json
124
113
  - chr.gemspec
125
114
  - lib/chr.rb
126
115
  - lib/chr/engine.rb
127
116
  - lib/chr/version.rb
117
+ - package.json
128
118
  homepage: http://slatestudio.com
129
119
  licenses:
130
120
  - MIT
@@ -1,48 +0,0 @@
1
- /* CodeMirror --------------------------------------------------------------- */
2
- .input-html .CodeMirror {
3
- border: 1px solid $contrastColor;
4
- height: auto;
5
- }
6
-
7
- /* Redactor ---------------------------------------------------------------- */
8
- .input-redactor {
9
- .redactor-box { margin-bottom: 0; }
10
- .redactor-toolbar { box-shadow: none; border-bottom: 2px solid $contrastColor; }
11
- .redactor-editor { border: 1px solid $contrastColor; border-top: 0; }
12
- }
13
-
14
- .redactor-box textarea { background: $white; color: $black; }
15
-
16
- .redactor-box-fullscreen {
17
- .redactor-toolbar { box-shadow: none; border-bottom: 2px solid $contrastColor; }
18
- .redactor-placeholder:after { content: ''; }
19
- .redactor-editor { padding-bottom: 5em; border: none; }
20
- }
21
-
22
- .redactor-placeholder:after { color: $lightColor!important; }
23
-
24
- /* Modals: Files & Images -------------------------------------------------- */
25
-
26
- #redactor-modal-close { text-align: center; top: 5px; right: 5px; color: $stableColor; }
27
- #redactor-modal-close:hover { color: $black; }
28
-
29
- #redactor-modal header { padding: 1.25em 2em 1.25em; font-size: 14px; }
30
- #redactor-modal section { padding: .5em 2em 2em; }
31
-
32
- #redactor-modal-tabber a { border-color: $contrastColor; color: $black; }
33
- #redactor-modal-tabber a:hover { background-color: $positiveColor; border-color: $positiveColor; color: $white; }
34
- #redactor-modal-tabber a.active { cursor: default; background-color: $contrastColor; border-color: $contrastColor; color: $black; }
35
-
36
- #redactor-modal label { margin: 20px 0 5px 0 !important; color: $stableColor; }
37
- #redactor-modal input[type="text"] { box-shadow: none; border-color: $contrastColor; }
38
- #redactor-modal input[type="text"]:focus { border-color: $positiveColor; box-shadow: none; }
39
-
40
- #redactor-modal #redactor-modal-list { overflow: auto; margin: 0; max-height: 374px; }
41
- #redactor-modal #redactor-modal-list li { border-bottom-color: $contrastColor; }
42
- #redactor-modal #redactor-modal-list a:hover { background-color: $neutralColor; }
43
-
44
- #redactor-modal-images-list { overflow: auto; height: 368px; margin: 1.5em 0 0; padding: 0; list-style: none; }
45
- #redactor-modal-images-list li { float: left; margin: 0 1px 1px 0; width: 75px; height: 75px; display: inline-block; }
46
-
47
- #redactor-modal-tabber + #redactor-modal-image-droparea { margin-top: 1.5em; }
48
- #redactor-modal-image-droparea #redactor-droparea { padding: 172px 20px; }