cosmit-suspenders 1.36.11 → 1.36.12

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: fdc956dc5cd1c680d372ca6a800d6e6205d6ab97
4
- data.tar.gz: 28141451d6927789fa8ccc585401d5d1827435c2
3
+ metadata.gz: 7c76a05df88c55cdc1f2558c6ee4e4a70f5afbad
4
+ data.tar.gz: 59e4315fb3dc9ada23239f2ac5341d74231fc097
5
5
  SHA512:
6
- metadata.gz: fe7578fcf6a4a2c4dbf947cfbc8648ef9eba5e093377bfc2b8a111a2888caebf7044055a99b4547beab1ec87c571dee256a45849d043e603c03065589860e17c
7
- data.tar.gz: 9d840f116f0fa276413ca73151da1bb3c8d6b528b65dba2ee64d967b7f8506ddd8ec96e74c0755fd692a3c36cac43236f82de95881f6c32101c13331a4c9bcce
6
+ metadata.gz: acfe592690e30049abf618f63f38fc1fa29eb93becfa9ae8bef7f1e839de40b3dec9752259c94e3d3c5724dbfa497978632d1b5e4af93f1ebbd2f0d1690f0166
7
+ data.tar.gz: 71c0d5702e6bbf17a4f505bb9ddfbe4588e43f1d2a4309e48640918345e27343d21685bba12e41160faeeb167e08721a4b2d97dbafee1ca39788cccdda4138d7
@@ -303,7 +303,7 @@ end
303
303
  def configure_simple_form
304
304
  bundle_command "exec rails generate simple_form:install --bootstrap"
305
305
  inject_into_file "app/assets/javascripts/application.js",
306
- "//= require bootstrap",
306
+ "\n//= require bootstrap",
307
307
  after: "//= require_tree ."
308
308
  end
309
309
 
@@ -360,20 +360,36 @@ end
360
360
  "app/assets/stylesheets/application.scss"
361
361
  end
362
362
 
363
- def setup_colors_stylesheet
364
- copy_file "_colors.scss", "app/assets/stylesheets/variables/_colors.scss"
363
+ def setup_basic_stylesheet_folders
364
+ imports = <<-STYLESHEETS
365
+
366
+ // ==== Variables
367
+ @import 'variables/colors';
368
+ @import 'variables/variables';
369
+ // ==== Base
370
+ @import 'base/base';
371
+ @import 'base/font';
372
+ @import 'base/utility';
373
+ // ==== Components
374
+ @import 'components/navbar';
375
+ @import 'components/title';
376
+ @import 'components/buttons';
377
+ @import 'components/forms';
378
+ STYLESHEETS
365
379
 
366
380
  inject_into_file "app/assets/stylesheets/application.scss",
367
- "\n// ==== Variables\n@import \"variables/colors\";",
381
+ imports,
368
382
  after: '@import "font-awesome";'
383
+
384
+ directory("stylesheets", "app/assets/stylesheets", recursive: true)
369
385
  end
370
386
 
371
387
  def setup_flash_stylesheet
372
388
  copy_file "_flash.scss", "app/assets/stylesheets/componentes/_flash.scss"
373
389
 
374
390
  inject_into_file "app/assets/stylesheets/application.scss",
375
- "\n// ==== Components\n@import \"components/flash\"; ",
376
- after: '@import "variables/colors";'
391
+ "\n@import 'components/flash';",
392
+ after: "@import 'components/forms';"
377
393
  end
378
394
 
379
395
  def setup_default_directories
@@ -35,7 +35,7 @@ module Suspenders
35
35
  invoke :setup_database
36
36
  invoke :setup_devise
37
37
  invoke :setup_stylesheets
38
- invoke :setup_colors_stylesheet
38
+ invoke :setup_basic_stylesheet_folders
39
39
  invoke :setup_flash_stylesheet
40
40
  invoke :setup_initjs
41
41
  invoke :setup_flash_messages
@@ -181,9 +181,9 @@ module Suspenders
181
181
  build :setup_stylesheets
182
182
  end
183
183
 
184
- def setup_colors_stylesheet
185
- say 'Set up colors stylesheet'
186
- build :setup_colors_stylesheet
184
+ def setup_basic_stylesheet_folders
185
+ say 'Set up basic stylesheets folders'
186
+ build :setup_basic_stylesheet_folders
187
187
  end
188
188
 
189
189
  def setup_flash_stylesheet
@@ -1,5 +1,5 @@
1
1
  module Suspenders
2
2
  RAILS_VERSION = "~> 4.2"
3
3
  RUBY_VERSION = IO.read("#{File.dirname(__FILE__)}/../../.ruby-version").strip
4
- VERSION = "1.36.11"
4
+ VERSION = "1.36.12"
5
5
  end
@@ -0,0 +1,23 @@
1
+ // # =================================================================
2
+ // # Base
3
+ // # =================================================================
4
+
5
+ // # Height
6
+ // # =================================================================
7
+ html,
8
+ body,
9
+ .-fullHeight {
10
+ height: 100%;
11
+ }
12
+
13
+ a {
14
+ transition: all .2s;
15
+ }
16
+
17
+ ul {
18
+ list-style: none;
19
+ }
20
+
21
+ hr {
22
+ border-top-color: $gray-blue-light;
23
+ }
@@ -0,0 +1,47 @@
1
+ // # =================================================================
2
+ // # Font
3
+ // # =================================================================
4
+
5
+ // # Base
6
+ // # =================================================================
7
+ :root {
8
+ font-size: 100%;
9
+ -webkit-hyphens: auto;
10
+ -moz-hyphens: auto;
11
+ -ms-hyphens: auto;
12
+ hyphens: auto;
13
+ text-rendering: optimizeLegibility;
14
+ -webkit-text-size-adjust: 100%;
15
+ -ms-text-size-adjust: 100%;
16
+ text-size-adjust: 100%;
17
+ }
18
+
19
+ body {
20
+ color: $black;
21
+ font-family: 'Lato', sans-serif;
22
+ font-size: 16px;
23
+ font-weight: 400;
24
+ line-height: 1.6;
25
+ }
26
+
27
+ // # Headings
28
+ // # =================================================================
29
+ h1,
30
+ h2,
31
+ h3,
32
+ h4,
33
+ h5,
34
+ h6 {
35
+ line-height: 1.25;
36
+ font-weight: 700;
37
+ margin-bottom: 0.5em;
38
+ }
39
+
40
+ h1 { font-size: 28px; font-size: 1.75rem; }
41
+ h2 { font-size: 21px; font-size: 1.321rem; }
42
+ h3 { font-size: 18px; font-size: 1.125rem; }
43
+ h4 { font-size: 16px; font-size: 1rem; }
44
+ h5 { font-size: 14px; font-size: 0.875rem; }
45
+ h6 { font-size: 12px; font-size: 0.75rem; }
46
+
47
+ .small { font-size: 85% }
@@ -0,0 +1,188 @@
1
+ // # =================================================================
2
+ // # Utilities
3
+ // # =================================================================
4
+
5
+ // # Alignment
6
+ // # =================================================================
7
+ .u-alignBoth {
8
+ position: absolute;
9
+ top: 50%;
10
+ left: 50%;
11
+ transform: translate(-50%, -50%);
12
+ }
13
+
14
+ .u-verticalAlign {
15
+ position: absolute;
16
+ top: 50%;
17
+ transform: translateY(-50%);
18
+ width: 100%;
19
+ }
20
+
21
+ // # Generate classes from 5 to 100 with 5 step difference
22
+ // # Example
23
+ // # .u-marginLft5, .u-marginLft10, .u-marginLft15
24
+ @for $value from 5 through ceil(100) {
25
+ .u-marginLft#{$value} {
26
+ margin-left: #{$value}px !important;
27
+ }
28
+
29
+ .u-marginRgt#{$value} {
30
+ margin-right: #{$value}px !important;
31
+ }
32
+
33
+ .u-marginBot#{$value} {
34
+ margin-bottom: #{$value}px !important;
35
+ }
36
+
37
+ .u-marginTop#{$value} {
38
+ margin-top: #{$value}px !important;
39
+ }
40
+
41
+ .u-paddingLft#{$value} {
42
+ padding-left: #{$value}px !important;
43
+ }
44
+
45
+ .u-paddingRgt#{$value} {
46
+ padding-right: #{$value}px !important;
47
+ }
48
+
49
+ .u-paddingBot#{$value} {
50
+ padding-bottom: #{$value}px !important;
51
+ }
52
+
53
+ .u-paddingTop#{$value} {
54
+ padding-top: #{$value}px !important;
55
+ }
56
+ }
57
+
58
+ // # Layout
59
+ // # =================================================================
60
+ .u-clearfix {
61
+ *zoom: 1; // Old IEs
62
+
63
+ &:before,
64
+ &:after {
65
+ content: " ";
66
+ display: table;
67
+ }
68
+
69
+ &:after {
70
+ clear: both;
71
+ }
72
+ }
73
+
74
+ .u-floatLft {
75
+ float: left !important;
76
+ }
77
+
78
+ .u-floatRgt {
79
+ float: right !important;
80
+ }
81
+
82
+ .u-noMargin {
83
+ margin: 0;
84
+ }
85
+
86
+ .u-noPadding {
87
+ padding: 0;
88
+ }
89
+
90
+ .u-centered {
91
+ float: none;
92
+ margin-left: auto;
93
+ margin-right: auto;
94
+ }
95
+
96
+ // # Text alignment
97
+ // # =================================================================
98
+ .u-textRgt {
99
+ text-align: right !important;
100
+ }
101
+
102
+ .u-textLft {
103
+ text-align: left !important;
104
+ }
105
+
106
+ .u-textCenter {
107
+ text-align: center !important;
108
+ }
109
+
110
+ .u-textTruncate {
111
+ max-width: 100%;
112
+ overflow: hidden !important;
113
+ text-overflow: ellipsis !important;
114
+ white-space: nowrap !important;
115
+ word-wrap: normal !important;
116
+ }
117
+
118
+ // # Text Transform
119
+ // # =================================================================
120
+ .u-textUp {
121
+ text-transform: uppercase !important;
122
+ }
123
+
124
+ .u-textLow {
125
+ text-transform: lowercase;
126
+ }
127
+
128
+ .u-textCap {
129
+ text-transform: capitalize;
130
+ }
131
+
132
+ .u-textNone {
133
+ text-transform: none;
134
+ }
135
+
136
+ // # Text Color
137
+ // # =================================================================
138
+ .u-textBlue {
139
+ color: $brand;
140
+ }
141
+
142
+ .u-textWhite {
143
+ color: white;
144
+ }
145
+
146
+ .u-textGray {
147
+ color: $gray-blue-dark;
148
+ }
149
+
150
+ .u-textGray-light {
151
+ color: #999;
152
+ }
153
+
154
+ // # Link
155
+ // # =================================================================
156
+ .u-link {
157
+ color: $brand;
158
+
159
+ &:hover,
160
+ &:focus {
161
+ color: $brand;
162
+ }
163
+ }
164
+
165
+ .u-linkInverse {
166
+ color: $gray;
167
+
168
+ &:hover,
169
+ &:focus {
170
+ color: $brand;
171
+ }
172
+ }
173
+
174
+ // # Misc
175
+ // # =================================================================
176
+ .u-imageReplace {
177
+ font: 0/0 a;
178
+ text-shadow: none;
179
+ color: transparent;
180
+ }
181
+
182
+ .u-circle {
183
+ border-radius: 50%;
184
+ }
185
+
186
+ .u-hide {
187
+ display: none;
188
+ }
@@ -0,0 +1,53 @@
1
+ // # =================================================================
2
+ // # Buttons
3
+ // # =================================================================
4
+
5
+ // # Base
6
+ // # =================================================================
7
+ .btn {
8
+ border: 0;
9
+ white-space: normal;
10
+ transition: all .2s;
11
+
12
+ // # Sizes
13
+ // # ===========
14
+ &.-md {
15
+ padding: 8px 15px;
16
+ font-size: 1rem;
17
+ }
18
+
19
+ &.-lg {
20
+ padding: 10px 20px;
21
+ font-size: 1.125rem;
22
+ }
23
+
24
+ // # Modifiers
25
+ // # ===========
26
+ &.-block {
27
+ width: 100%;
28
+ display: block;
29
+ }
30
+
31
+ // # Colors
32
+ // # ===========
33
+ &.-primary {
34
+ background-color: $brand;
35
+ color: white;
36
+
37
+ &:hover,
38
+ &:focus {
39
+ background-color: darken($brand, 20%);
40
+ }
41
+ }
42
+
43
+ &.-default {
44
+ background-color: #f2f2f2;
45
+ color: $gray;
46
+
47
+ &:hover,
48
+ &:focus {
49
+ background-color: #ccc;
50
+ color: $black;
51
+ }
52
+ }
53
+ }
@@ -0,0 +1,46 @@
1
+ // # =================================================================
2
+ // # Form
3
+ // # =================================================================
4
+
5
+ // # General
6
+ // # =================================================================
7
+ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
8
+ select,
9
+ textarea,
10
+ button[data-toggle="dropdown"] {
11
+ appearance: none;
12
+ background-color: white;
13
+ border: 2px solid $gray-blue-light !important;
14
+ border-radius: $globalRadius !important;
15
+ box-shadow: none !important;
16
+ box-sizing: border-box;
17
+ outline: 0;
18
+ padding: 5px 10px;
19
+ min-height: 45px;
20
+ width: 100%;
21
+
22
+ &.-block {
23
+ width: 100% !important;
24
+ }
25
+ }
26
+
27
+ ::placeholder {
28
+ color: #ccc !important;
29
+ }
30
+
31
+ // # Textarea
32
+ // # =================================================================
33
+ textarea {
34
+ background-color: white;
35
+ min-height: 80px;
36
+ width: 100%;
37
+
38
+ &:active,
39
+ &:focus {
40
+ border: 2px solid $brand !important;
41
+ }
42
+
43
+ &.-big {
44
+ min-height: 260px;
45
+ }
46
+ }
@@ -0,0 +1,78 @@
1
+ // # =================================================================
2
+ // # Navbar
3
+ // # =================================================================
4
+ .navbar {
5
+ border: none;
6
+ height: 45px;
7
+ min-height: auto;
8
+ margin-bottom: 0;
9
+ z-index: 1000;
10
+
11
+ .navbar-brand {
12
+ color: white;
13
+ height: 45px;
14
+ padding: 11px 15px 14px;
15
+ font-weight: 700;
16
+
17
+ &:hover,
18
+ &:focus {
19
+ color: lighten($brand, 30%);
20
+ transition: all .2s;
21
+ }
22
+ }
23
+ }
24
+
25
+ .navbar-default {
26
+ border-radius: 0;
27
+ background-color: $brand;
28
+
29
+ .navbar-nav > li > a {
30
+ color: white;
31
+ padding: 6px 13px 7px;
32
+ margin-top: 5px;
33
+ margin-left: 5px;
34
+
35
+ &:hover,
36
+ &:focus {
37
+ background-color: lighten($brand, 10%);
38
+ border-radius: $globalRadius;
39
+ color: white;
40
+ }
41
+
42
+ &.active {
43
+ background-color: darken($brand, 10%);
44
+ border-radius: $globalRadius;
45
+ }
46
+ }
47
+
48
+ .navbar-toggle {
49
+ border: 0;
50
+ padding: 11px 10px;
51
+ margin-bottom: 0;
52
+ margin-top: 4px;
53
+
54
+ .icon-bar {
55
+ background-color: white;
56
+ }
57
+
58
+ &:hover,
59
+ &:focus {
60
+ background-color: lighten($brand, 10%);
61
+ }
62
+ }
63
+
64
+ .navbar-collapse {
65
+ background-color: $brand;
66
+ border: 0;
67
+ }
68
+ }
69
+
70
+ .navbar-right {
71
+ margin-right: 0;
72
+ }
73
+
74
+ @media (max-width: 768px) {
75
+ .navbar-default .navbar-nav > li > a {
76
+ margin: 0px 5px 2px 5px;
77
+ }
78
+ }
@@ -0,0 +1,19 @@
1
+ // # =================================================================
2
+ // # Titles
3
+ // # =================================================================
4
+
5
+ .pageTitle {
6
+ display: table;
7
+ width: 100%;
8
+
9
+ h1,
10
+ .btn {
11
+ display: table-cell;
12
+ vertical-align: middle;
13
+ }
14
+
15
+ h1 {
16
+ color: $brand;
17
+ margin-bottom: 0;
18
+ }
19
+ }
@@ -0,0 +1,23 @@
1
+ // # =================================================================
2
+ // # Colors
3
+ // # =================================================================
4
+
5
+ // # Brand
6
+ // # =================================================================
7
+ $brand: #259af4;
8
+
9
+ // # General
10
+ // # =================================================================
11
+ $black: #424242;
12
+
13
+ // =========== Grays
14
+ $gray-blue-lighter: #f6f8f9;
15
+ $gray-blue-light: #dce0e3;
16
+ $gray-blue: #a7adb1;
17
+ $gray: #9e9e9f;
18
+ $gray-medium: #666;
19
+ $gray-blue-medium: #879096;
20
+ $gray-blue-dark: #70777b;
21
+
22
+ // =========== Blue
23
+ $blue-light: #e0eefd;
@@ -0,0 +1 @@
1
+ $globalRadius: 5px;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: cosmit-suspenders
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.36.11
4
+ version: 1.36.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - COSMIT
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-06-07 00:00:00.000000000 Z
11
+ date: 2016-06-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -177,6 +177,15 @@ files:
177
177
  - templates/shoulda_matchers_config_rspec.rb
178
178
  - templates/spec_helper.rb
179
179
  - templates/staging.rb
180
+ - templates/stylesheets/base/_base.scss
181
+ - templates/stylesheets/base/_font.scss
182
+ - templates/stylesheets/base/_utility.scss
183
+ - templates/stylesheets/components/_buttons.scss
184
+ - templates/stylesheets/components/_forms.scss
185
+ - templates/stylesheets/components/_navbar.scss
186
+ - templates/stylesheets/components/_title.scss
187
+ - templates/stylesheets/variables/_colors.scss
188
+ - templates/stylesheets/variables/_variables.scss
180
189
  - templates/suspenders_gitignore
181
190
  - templates/suspenders_layout.html.slim
182
191
  homepage: https://github.com/COSMITdev/suspenders