ama_css 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/ama_css.gemspec +2 -2
- data/app/assets/stylesheets/foundation/base/_elements.scss +0 -2
- data/app/assets/stylesheets/foundation/layout/layout.scss +9 -8
- data/app/assets/stylesheets/foundation/modules/forms.scss +21 -0
- data/app/assets/stylesheets/foundation/modules/module.scss +53 -16
- data/lib/ama_css/version.rb +1 -1
- metadata +5 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e6bd669d6d70de6080bacf477e88c09cf611a26c
|
4
|
+
data.tar.gz: 0a7518b2514350d875e6356c08a46e5a36aa115b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 449ca6edaa39b39fd5d53e93e45ce0f4b5994427e51581db4b58b5e3a4a01ffd9b55d89dfe67a13c4a3041b547b22d430835e41d62cc5d28ea10a28a26108abf
|
7
|
+
data.tar.gz: a2a550233a54f6c633a75b10e8161371f0ce8f1927d9b9509b2d686108e00fd802b60e080a0952f4d735a0ea7bc2f3725e05ec148e26127c26d91d7337e22008
|
data/ama_css.gemspec
CHANGED
@@ -6,8 +6,8 @@ require 'ama_css/version'
|
|
6
6
|
Gem::Specification.new do |spec|
|
7
7
|
spec.name = "ama_css"
|
8
8
|
spec.version = AmaCss::VERSION
|
9
|
-
spec.authors = ["Darko Dosenovic", "Michael van den Beuken", "Ruben Estevez", "Jordan Babe", "Mathieu Gilbert", "Ryan Jones"]
|
10
|
-
spec.email = ["darko.dosenovic@ama.ab.ca", "michael.beuken@gmail.com", "ruben.a.estevez@gmail.com", "jorbabe@gmail.com", "mathieu.gilbert@ama.ab.ca", "ryan.michael.jones@gmail.com"]
|
9
|
+
spec.authors = ["Darko Dosenovic", "Michael van den Beuken", "Ruben Estevez", "Jordan Babe", "Mathieu Gilbert", "Ryan Jones", "Suniel Sambasivan"]
|
10
|
+
spec.email = ["darko.dosenovic@ama.ab.ca", "michael.beuken@gmail.com", "ruben.a.estevez@gmail.com", "jorbabe@gmail.com", "mathieu.gilbert@ama.ab.ca", "ryan.michael.jones@gmail.com", "dravidian7@yahoo.com"]
|
11
11
|
spec.summary = ["CSS used by AMA apps"]
|
12
12
|
spec.description = ["This gem has been created to standardized use of css files for basic AMA applications."]
|
13
13
|
spec.homepage = ""
|
@@ -100,13 +100,14 @@
|
|
100
100
|
}
|
101
101
|
.grid-12,.grid-full{
|
102
102
|
@include outer-container;
|
103
|
-
@include span-columns(12);
|
104
103
|
@include omega;
|
105
104
|
}
|
106
105
|
.grid-full{
|
106
|
+
width:100%;
|
107
107
|
float:none;
|
108
108
|
}
|
109
109
|
.grid-12{
|
110
|
+
@include span-columns(12);
|
110
111
|
@extend %clearance;
|
111
112
|
}
|
112
113
|
%clearance{
|
@@ -115,6 +116,13 @@
|
|
115
116
|
margin-bottom:$base-margin/2;
|
116
117
|
}
|
117
118
|
}
|
119
|
+
.grid-1,.grid-5,.grid-7,.grid-11,.grid-12,.grid-full,.collapse{
|
120
|
+
/*100% width in 6 col grid for mobile - grids 2,3,4,6,10,9,8 don't collapse unless .collapse added to tag*/
|
121
|
+
@include media($mobile) {
|
122
|
+
width:100%;
|
123
|
+
margin-right:0;
|
124
|
+
}
|
125
|
+
}
|
118
126
|
.no-clearance{
|
119
127
|
margin-bottom:0;
|
120
128
|
padding-bottom:0;
|
@@ -165,13 +173,6 @@
|
|
165
173
|
.inline{
|
166
174
|
display:inline-block;
|
167
175
|
}
|
168
|
-
.grid-1,.grid-5,.grid-7,.grid-11,.grid-12,.grid-full,.collapse{
|
169
|
-
/*100% width in 6 col grid for mobile - grids 2,3,4,6,10,9,8 don't collapse unless .collapse added to tag*/
|
170
|
-
@include media($mobile) {
|
171
|
-
@include span-columns(6);
|
172
|
-
margin-right:0;
|
173
|
-
}
|
174
|
-
}
|
175
176
|
.col{
|
176
177
|
display:table-cell;
|
177
178
|
}
|
@@ -15,6 +15,16 @@ label.collection_radio_buttons, label.inline {
|
|
15
15
|
|
16
16
|
.actions{
|
17
17
|
margin:$base-margin/2 0;
|
18
|
+
a, input, button{
|
19
|
+
display: inline-block;
|
20
|
+
margin-right:$base-margin;
|
21
|
+
&:last-child{
|
22
|
+
margin-right:0;
|
23
|
+
}
|
24
|
+
@include media($mobile) {
|
25
|
+
margin-bottom:$base-margin/2;
|
26
|
+
}
|
27
|
+
}
|
18
28
|
}
|
19
29
|
|
20
30
|
.action-link{
|
@@ -154,4 +164,15 @@ fieldset, .fieldset{
|
|
154
164
|
border:1px solid $color-border;
|
155
165
|
@extend %boxRadius-big;
|
156
166
|
padding: $base-padding/2 $base-padding;
|
167
|
+
}
|
168
|
+
|
169
|
+
.form-row{
|
170
|
+
margin:$base-margin 0;
|
171
|
+
}
|
172
|
+
|
173
|
+
.form-dialog{
|
174
|
+
@extend .widget;
|
175
|
+
@extend .centered;
|
176
|
+
@extend .collapse;
|
177
|
+
@extend .grid-4;
|
157
178
|
}
|
@@ -25,26 +25,55 @@
|
|
25
25
|
}
|
26
26
|
.widget{
|
27
27
|
@extend .box;
|
28
|
+
&.outline{
|
29
|
+
border: $color-border $base-border-thickness solid;
|
30
|
+
padding:0;
|
31
|
+
overflow:hidden;
|
32
|
+
h4{
|
33
|
+
margin-top:0;
|
34
|
+
-webkit-border-radius: 0 0 $box-radius-big 0;
|
35
|
+
-moz-border-radius: 0 0 $box-radius-big 0;
|
36
|
+
border-radius: 0 0 $box-radius-big 0;
|
37
|
+
padding:$base-padding/2;
|
38
|
+
color:$color-white;
|
39
|
+
background-color:$color-primary;
|
40
|
+
width:20em;
|
41
|
+
margin-bottom:0;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
&.filled{
|
45
|
+
background-color: lighten($color-primary,70);
|
46
|
+
}
|
47
|
+
&.centered{
|
48
|
+
margin:auto;
|
49
|
+
float:none;
|
50
|
+
border:$border;
|
51
|
+
padding:$base-padding;
|
52
|
+
h1{
|
53
|
+
font-size:1.4em;
|
54
|
+
font-size:1.4rem;
|
55
|
+
}
|
56
|
+
h2{
|
57
|
+
font-size:1.2em;
|
58
|
+
font-size:1.2rem;
|
59
|
+
}
|
60
|
+
}
|
28
61
|
}
|
29
|
-
|
62
|
+
|
63
|
+
.panel{
|
64
|
+
@extend .widget;
|
65
|
+
@extend .grid-full;
|
66
|
+
@extend .collapse;
|
67
|
+
position:relative;
|
30
68
|
border: $border;
|
31
|
-
padding
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
border-radius: 0 0 $box-radius-big 0;
|
38
|
-
padding:$base-padding/2;
|
39
|
-
color:$color-white;
|
40
|
-
background-color:$color-primary;
|
41
|
-
width:20em;
|
42
|
-
margin-bottom:0;
|
69
|
+
padding:$base-padding;
|
70
|
+
margin: $base-margin auto;
|
71
|
+
.item{
|
72
|
+
&:nth-child(2){
|
73
|
+
background: $color-superlight;
|
74
|
+
}
|
43
75
|
}
|
44
76
|
}
|
45
|
-
.widget.filled{
|
46
|
-
background-color: lighten($color-primary,70);
|
47
|
-
}
|
48
77
|
|
49
78
|
.login.front{
|
50
79
|
display:block;
|
@@ -388,4 +417,12 @@ ul.member-info {
|
|
388
417
|
.app-logged-in {
|
389
418
|
font-size: .75em;
|
390
419
|
line-height: 0;
|
420
|
+
}
|
421
|
+
|
422
|
+
.link-back{
|
423
|
+
@extend .align-right;
|
424
|
+
}
|
425
|
+
|
426
|
+
.actions-top{
|
427
|
+
@extend .align-right;
|
391
428
|
}
|
data/lib/ama_css/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ama_css
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Darko Dosenovic
|
@@ -10,10 +10,11 @@ authors:
|
|
10
10
|
- Jordan Babe
|
11
11
|
- Mathieu Gilbert
|
12
12
|
- Ryan Jones
|
13
|
+
- Suniel Sambasivan
|
13
14
|
autorequire:
|
14
15
|
bindir: bin
|
15
16
|
cert_chain: []
|
16
|
-
date: 2014-
|
17
|
+
date: 2014-09-10 00:00:00.000000000 Z
|
17
18
|
dependencies:
|
18
19
|
- !ruby/object:Gem::Dependency
|
19
20
|
name: bundler
|
@@ -80,6 +81,7 @@ email:
|
|
80
81
|
- jorbabe@gmail.com
|
81
82
|
- mathieu.gilbert@ama.ab.ca
|
82
83
|
- ryan.michael.jones@gmail.com
|
84
|
+
- dravidian7@yahoo.com
|
83
85
|
executables: []
|
84
86
|
extensions: []
|
85
87
|
extra_rdoc_files: []
|
@@ -145,7 +147,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
145
147
|
version: '0'
|
146
148
|
requirements: []
|
147
149
|
rubyforge_project:
|
148
|
-
rubygems_version: 2.
|
150
|
+
rubygems_version: 2.4.1
|
149
151
|
signing_key:
|
150
152
|
specification_version: 4
|
151
153
|
summary: "[\"CSS used by AMA apps\"]"
|