alom 0.1.0 → 0.1.1

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: 6bfb69cdccdfd6d6620f914907d06f160f29c111
4
- data.tar.gz: 3a4bed55afc5580d7a3e17aa8afda1fdd127b334
3
+ metadata.gz: d4f37a1317225111fb71f3f38522b17f2649dc12
4
+ data.tar.gz: 8b83d0471e469dda91a2d6ac501199172daac9c7
5
5
  SHA512:
6
- metadata.gz: b4b3e26935d61cbfd9ab4e52e9ef195e03d87505312fe6c06363d3688934dad759d5f3aac33445a2d733a0d0d0b8e833137cb67749d50ab2449bf816dfe09f93
7
- data.tar.gz: '09c61e5cc004daa6d28b3cc4f5d119278001d2987911df3a83dd1d16a083e14574645679a736e7c919b2e226a487b6e91e385a0678e7f6b07d32be061b4f9270'
6
+ metadata.gz: eff775193fcf4c1d573ad4609d1d3bc2f3749f67021dffe91f12541bb43f4949d72515665cb94db826bb3b07d8d9e74b0fc8ff741dce810d003c7fc683b505eb
7
+ data.tar.gz: c194e99237d24ec8eddd9a1e11e833ead822863ab1e77568dc07f8ebb4c5c22d8b56d55f38db8c5e3d6405bba38d41220a843e42b7a7cf069a1bbdf6a952056f
data/lib/alom/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Alom
2
- VERSION = "0.1.0"
2
+ VERSION = "0.1.1"
3
3
  end
@@ -24,6 +24,19 @@
24
24
  @return ($target / $container) * 100%;
25
25
  }
26
26
 
27
+ //############################################//
28
+ //##### Pixels to Percentage Function ######//
29
+ //###########################################//
30
+ //Example background: image('logo.png');
31
+
32
+ @function asset($type, $file) {
33
+ @return url($asset-base-path + '/' + $type + '/' + $file);
34
+ }
35
+
36
+ @function image($file) {
37
+ @return asset('images', $file);
38
+ }
39
+
27
40
  //############################################//
28
41
  //####### Get next value on maps ########/////
29
42
  //###########################################//
@@ -1,25 +1,7 @@
1
- //############################################//
2
- //############# General Reset ##############//
3
- //###########################################//
4
-
5
- * {
6
- -webkit-tap-highlight-color: rgba(255,255,255,0);
7
- -webkit-tap-highlight-color: transparent;
8
- box-sizing: border-box;
9
- }
10
-
11
- *:before,
12
- *:after {
13
- box-sizing: inherit;
14
- }
15
-
16
- html {
17
- -moz-osx-font-smoothing: grayscale;
18
- -webkit-font-smoothing: antialiased;
19
- text-rendering: optimizeLegibility;
20
- overflow-x: hidden;
21
- overflow-y: scroll;
22
- }
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v2.0 | 20110126
3
+ License: none (public domain)
4
+ */
23
5
 
24
6
  html, body, div, span, applet, object, iframe,
25
7
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@@ -36,151 +18,31 @@ menu, nav, output, ruby, section, summary,
36
18
  time, mark, audio, video {
37
19
  margin: 0;
38
20
  padding: 0;
21
+ border: 0;
39
22
  font-size: 100%;
40
23
  font: inherit;
41
24
  vertical-align: baseline;
42
25
  }
43
-
44
- a {
45
- background-color: transparent;
46
- color: inherit;
47
- display: inline-block;
48
- text-decoration: none;
49
- -webkit-text-decoration-skip: objects;
50
-
51
- &:focus,
52
- &:hover,
53
- &:active {
54
- outline: 0;
55
- cursor: pointer;
56
- }
57
- }
58
-
59
- article,
60
- aside,
61
- details,
62
- figcaption,
63
- figure,
64
- footer,
65
- header,
66
- main,
67
- menu,
68
- nav,
69
- section,
70
- summary {
71
- display: block;
72
- }
73
-
74
- html {
75
- -ms-text-size-adjust: 100%;
76
- -webkit-text-size-adjust: 100%;
77
- }
78
-
79
- //############################################//
80
- //############## Forms Reset ###############//
81
- //###########################################//
82
-
83
- input[type="text"],
84
- input[type="email"],
85
- input[type="number"],
86
- input[type="password"],
87
- input[type="button"],
88
- fieldset {
89
- appearance: none;
90
- &:focus {
91
- outline: 0;
92
- }
93
- }
94
-
95
- input[type="radio"],
96
- input[type="checkbox"] {
97
- margin: 0;
98
- outline: 0;
99
- padding: 0;
100
- }
101
-
102
- input::-ms-clear {
103
- display: none;
104
- }
105
-
106
- input[type="number"],
107
- [type="search"] {
108
- -moz-appearance: textfield;
109
- }
110
-
111
- [type="number"]::-webkit-inner-spin-button,
112
- [type="number"]::-webkit-outer-spin-button {
113
- height: auto;
26
+ /* HTML5 display-role reset for older browsers */
27
+ article, aside, details, figcaption, figure,
28
+ footer, header, hgroup, menu, nav, section {
29
+ display: block;
114
30
  }
115
-
116
- select:-moz-focusring {
117
- color: transparent;
118
- text-shadow: 0 0 0 #000;
31
+ body {
32
+ line-height: 1;
119
33
  }
120
-
121
- button,
122
- input[type="submit"] {
123
- outline: 0;
124
- background: 0;
125
-
126
- &:hover,
127
- &:active,
128
- &:focus {
129
- cursor: pointer;
130
- }
131
- }
132
-
133
- textarea {
134
- border: 1px solid;
135
- resize: none;
136
- outline: 0;
137
- overflow: auto;
138
- }
139
-
140
- //############################################//
141
- //############## Media Reset ###############//
142
- //###########################################//
143
-
144
-
145
- ul {
34
+ ol, ul {
146
35
  list-style: none;
147
36
  }
148
-
149
37
  blockquote, q {
150
38
  quotes: none;
151
39
  }
152
-
153
40
  blockquote:before, blockquote:after,
154
41
  q:before, q:after {
155
42
  content: '';
156
43
  content: none;
157
44
  }
158
-
159
45
  table {
160
46
  border-collapse: collapse;
161
47
  border-spacing: 0;
162
48
  }
163
-
164
- audio,
165
- canvas,
166
- progress,
167
- video {
168
- display: inline-block;
169
- }
170
-
171
- img,
172
- embed,
173
- object,
174
- audio,
175
- video {
176
- height: auto;
177
- max-width: 100%;
178
- }
179
-
180
- iframe {
181
- border: 0
182
- }
183
-
184
- svg:not(:root) {
185
- overflow: hidden;
186
- }
@@ -82,6 +82,10 @@ $displays: 'block', 'flex', 'inline', 'inline-block', 'inline-flex', 'table', 'n
82
82
  }
83
83
  }
84
84
 
85
+ &.wrap {
86
+ flex-wrap: wrap;
87
+ }
88
+
85
89
  &.vertical:not(.is-column) {
86
90
  align-items: center;
87
91
 
@@ -13,14 +13,14 @@ $asset-base-path: '../assets' !default;
13
13
  //Grid settings
14
14
  $number-of-columns: 12 !default;
15
15
  $offset-columns: $number-of-columns !default;
16
- $grid-break: 768px !default;
16
+ $grid-break: 768px;
17
17
 
18
18
  //Responsive Breakpints
19
- $small: 768px !default;
20
- $medium: 1024px !default;
21
- $large: 1140px !default;
22
- $wide: 4096px !default;
19
+ $small: 768px;
20
+ $medium: 1024px;
21
+ $large: 1140px;
22
+ $wide: 4096px;
23
23
 
24
24
  //Test
25
- $test-color: rgba(255, 0, 0, .1) !default;
26
- $test-border: rgba(255, 0, 0, 1) !default;
25
+ $test-color: rgba(255, 0, 0, .1);
26
+ $test-border: rgba(255, 0, 0, 1);
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: alom
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Abraham Kuri
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-07-25 00:00:00.000000000 Z
11
+ date: 2017-10-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -102,7 +102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
102
102
  version: '0'
103
103
  requirements: []
104
104
  rubyforge_project:
105
- rubygems_version: 2.6.12
105
+ rubygems_version: 2.6.14
106
106
  signing_key:
107
107
  specification_version: 4
108
108
  summary: A Ruby wrapper to use Alom on Rails