dom_limpio 0.1.1 → 0.1.3
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/assets/stylesheets/dom-limpio-example.scss +9 -0
- data/assets/stylesheets/dom-limpio.scss +3 -9
- data/assets/stylesheets/dom-limpio/_forms.scss +62 -54
- data/assets/stylesheets/dom-limpio/_layout.scss +1 -1
- data/assets/stylesheets/dom-limpio/_type.scss +135 -134
- data/assets/stylesheets/site-type/_sample.scss +80 -80
- data/assets/stylesheets/site-type/_variables.scss +23 -23
- data/assets/stylesheets/site-type/_weft.scss +25 -25
- data/lib/dom_limpio.rb +37 -37
- data/lib/dom_limpio/engine.rb +10 -10
- data/lib/dom_limpio/version.rb +3 -3
- data/package.json +36 -0
- 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: b50e6b5e1ab5d4a277101727206281cac28f94c7
|
|
4
|
+
data.tar.gz: 9488355f71b52d178c5e7bcdcccd90cf91c20999
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fb5dcd1390d4c2cca01f10cbd12ba3a8df9acdf043e35e52b933cfabedb17f116cf2066b2182b5da19785af4007852ef4c7450352e0a4c01f63d9c8936f770ba
|
|
7
|
+
data.tar.gz: 4fea99f45669a0e471fb7f42b592ece60ebcfc923e7cf9de81014a0a63c7e1dbe1b28064583dc347971573ee8d06a10c7f859d7c0036404191fc185264966848
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* Include the modules your need for your project */
|
|
2
|
+
@import "dom-limpio/layout"; // Base layout reset
|
|
3
|
+
@import "dom-limpio/type"; // Typography reset
|
|
4
|
+
@import "dom-limpio/forms"; // Form reset
|
|
5
|
+
|
|
6
|
+
/* Define generice type styles for the project here */
|
|
7
|
+
@import "site-type/variables"; // Common variables
|
|
8
|
+
@import "site-type/weft"; // External font
|
|
9
|
+
@import "site-type/sample"; // Generic type styles for your site
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
@import "dom-limpio/
|
|
3
|
-
@import "dom-limpio/
|
|
4
|
-
@import "dom-limpio/forms"; // Form reset
|
|
5
|
-
|
|
6
|
-
/* Define generice type styles for the project here */
|
|
7
|
-
@import "site-type/variables"; // Common variables
|
|
8
|
-
@import "site-type/weft"; // External font
|
|
9
|
-
@import "site-type/sample"; // Generic type styles for your site
|
|
1
|
+
@import "dom-limpio/layout"; // Base layout reset
|
|
2
|
+
@import "dom-limpio/type"; // Typography reset
|
|
3
|
+
@import "dom-limpio/forms"; // Form reset
|
|
@@ -1,54 +1,62 @@
|
|
|
1
|
-
//
|
|
2
|
-
// General forms
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
button, input, select, textarea, fieldset, legend, label, select {
|
|
6
|
-
font: 400 1em/1.35 inherit;
|
|
7
|
-
text-align: left;
|
|
8
|
-
text-transform: none;
|
|
9
|
-
white-space: normal;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
button,
|
|
13
|
-
input,
|
|
14
|
-
optgroup,
|
|
15
|
-
select,
|
|
16
|
-
textarea {
|
|
17
|
-
color: inherit;
|
|
18
|
-
font: inherit;
|
|
19
|
-
margin: 0;
|
|
20
|
-
border-radius: 0;
|
|
21
|
-
-webkit-appearance: none;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
input, select {
|
|
25
|
-
line-height: normal;
|
|
26
|
-
vertical-align: middle;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
&::-webkit-
|
|
33
|
-
-
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
1
|
+
//
|
|
2
|
+
// General forms
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
button, input, select, textarea, fieldset, legend, label, select {
|
|
6
|
+
font: 400 1em/1.35 inherit;
|
|
7
|
+
text-align: left;
|
|
8
|
+
text-transform: none;
|
|
9
|
+
white-space: normal;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
button,
|
|
13
|
+
input,
|
|
14
|
+
optgroup,
|
|
15
|
+
select,
|
|
16
|
+
textarea {
|
|
17
|
+
color: inherit;
|
|
18
|
+
font: inherit;
|
|
19
|
+
margin: 0;
|
|
20
|
+
border-radius: 0;
|
|
21
|
+
-webkit-appearance: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
input, select {
|
|
25
|
+
line-height: normal;
|
|
26
|
+
vertical-align: middle;
|
|
27
|
+
/* Remove webkit focus border */
|
|
28
|
+
&:focus {
|
|
29
|
+
outline: 0;
|
|
30
|
+
}
|
|
31
|
+
/* Fix webkit placeholder vertical position */
|
|
32
|
+
&::-webkit-input-placeholder {
|
|
33
|
+
line-height: normal;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
input[type="search"] {
|
|
38
|
+
-webkit-appearance: textfield;
|
|
39
|
+
&::-webkit-search-cancel-button,
|
|
40
|
+
&::-webkit-search-decoration {
|
|
41
|
+
-webkit-appearance: none;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
button,
|
|
46
|
+
input[type="submit"] {
|
|
47
|
+
-webkit-appearance: button;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
button::-moz-focus-inner,
|
|
51
|
+
input::-moz-focus-inner {
|
|
52
|
+
border: 0;
|
|
53
|
+
padding: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
optgroup {
|
|
57
|
+
font-weight: 700;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
textarea {
|
|
61
|
+
overflow: auto;
|
|
62
|
+
}
|
|
@@ -1,134 +1,135 @@
|
|
|
1
|
-
html {
|
|
2
|
-
-ms-text-size-adjust: 100%;
|
|
3
|
-
-webkit-text-size-adjust: 100%;
|
|
4
|
-
|
|
5
|
-
-webkit-font-smoothing: antialiased;
|
|
6
|
-
-moz-osx-font-smoothing: grayscale;
|
|
7
|
-
text-rendering: optimizeLegibility;
|
|
8
|
-
// font-variant-ligatures: none;
|
|
9
|
-
// font-feature-settings: none;
|
|
10
|
-
font: 400 1em/1.35 serif;
|
|
11
|
-
text-align: left;
|
|
12
|
-
vertical-align: baseline;
|
|
13
|
-
color: #333;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
// Genral properties
|
|
17
|
-
body,
|
|
18
|
-
ol, ul, li,
|
|
19
|
-
dl, dt, dd,
|
|
20
|
-
address,
|
|
21
|
-
abbr, dfn,
|
|
22
|
-
blockquote, pre, code, kbd, samp, cite, q,
|
|
23
|
-
figcaption,
|
|
24
|
-
sub, sup, small,
|
|
25
|
-
p, h1, h2, h3, h4, h5, h6 {
|
|
26
|
-
font-family: inherit;
|
|
27
|
-
font-size: inherit;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
white-space: pre
|
|
71
|
-
white-space: pre-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
&:
|
|
79
|
-
|
|
80
|
-
content:
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
//
|
|
106
|
-
//
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
&:
|
|
112
|
-
&:
|
|
113
|
-
&:
|
|
114
|
-
&:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
//
|
|
126
|
-
//
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
list-style
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
/*
|
|
134
|
-
/*
|
|
1
|
+
html {
|
|
2
|
+
-ms-text-size-adjust: 100%;
|
|
3
|
+
-webkit-text-size-adjust: 100%;
|
|
4
|
+
|
|
5
|
+
-webkit-font-smoothing: antialiased;
|
|
6
|
+
-moz-osx-font-smoothing: grayscale;
|
|
7
|
+
text-rendering: optimizeLegibility;
|
|
8
|
+
// font-variant-ligatures: none;
|
|
9
|
+
// font-feature-settings: none;
|
|
10
|
+
font: 400 1em/1.35 serif;
|
|
11
|
+
text-align: left;
|
|
12
|
+
vertical-align: baseline;
|
|
13
|
+
color: #333;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// Genral properties
|
|
17
|
+
body,
|
|
18
|
+
ol, ul, li,
|
|
19
|
+
dl, dt, dd,
|
|
20
|
+
address,
|
|
21
|
+
abbr, dfn,
|
|
22
|
+
blockquote, pre, code, kbd, samp, cite, q,
|
|
23
|
+
figcaption,
|
|
24
|
+
sub, sup, small,
|
|
25
|
+
p, h1, h2, h3, h4, h5, h6 {
|
|
26
|
+
font-family: inherit;
|
|
27
|
+
font-size: inherit;
|
|
28
|
+
font-weight: inherit;
|
|
29
|
+
line-height: inherit;
|
|
30
|
+
text-align: inherit;
|
|
31
|
+
vertical-align: inherit;
|
|
32
|
+
color: inherit;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// Reset of type elements
|
|
36
|
+
|
|
37
|
+
b,
|
|
38
|
+
strong {
|
|
39
|
+
font-weight: 700;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
i,
|
|
43
|
+
em,
|
|
44
|
+
dfn {
|
|
45
|
+
font-style: italic;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
abbr[title], dfn[title] {
|
|
49
|
+
border-bottom: 1px dotted;
|
|
50
|
+
cursor: help;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
del {
|
|
54
|
+
text-decoration: line-through;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
mark {
|
|
58
|
+
background: #fcf8e3;
|
|
59
|
+
color: #000;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
pre,
|
|
63
|
+
code,
|
|
64
|
+
kbd,
|
|
65
|
+
samp {
|
|
66
|
+
font: monospace;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
pre {
|
|
70
|
+
white-space: pre; /* CSS2 */
|
|
71
|
+
white-space: pre-wrap; /* CSS 2.1 */
|
|
72
|
+
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
|
|
73
|
+
word-wrap: break-word; /* IE */
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
blockquote, q {
|
|
77
|
+
quotes: none;
|
|
78
|
+
&:before,
|
|
79
|
+
&:after {
|
|
80
|
+
content: '';
|
|
81
|
+
content: none;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
small {
|
|
86
|
+
font-size: 75%;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
sub,
|
|
90
|
+
sup {
|
|
91
|
+
font-size: 75%;
|
|
92
|
+
line-height: 0;
|
|
93
|
+
position: relative;
|
|
94
|
+
vertical-align: baseline;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
sup {
|
|
98
|
+
top: -0.5em;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
sub {
|
|
102
|
+
bottom: -0.25em;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
//
|
|
106
|
+
// Links por defecto
|
|
107
|
+
//
|
|
108
|
+
|
|
109
|
+
a {
|
|
110
|
+
background-color: transparent; /* remove IE 10 grey bg on :active */
|
|
111
|
+
&:link,
|
|
112
|
+
&:visited,
|
|
113
|
+
&:active,
|
|
114
|
+
&:hover,
|
|
115
|
+
&:focus {
|
|
116
|
+
outline: 0;
|
|
117
|
+
}
|
|
118
|
+
// Remove system styles for phone links on iOS
|
|
119
|
+
&[href^="tel"] {
|
|
120
|
+
color: inherit;
|
|
121
|
+
text-decoration: none;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
//
|
|
126
|
+
// Listas
|
|
127
|
+
//
|
|
128
|
+
ul, ol, li {
|
|
129
|
+
list-style: none;
|
|
130
|
+
list-style-image: none;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* ESTILOS POR DEFECTO */
|
|
134
|
+
/* ul li { list-style: disc outside; } */
|
|
135
|
+
/* ol li { list-style: decimal outside; } */
|
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Default styles to the site
|
|
3
|
-
// If you want to define some defaulst yo the whole site do it here
|
|
4
|
-
|
|
5
|
-
// General text elements
|
|
6
|
-
|
|
7
|
-
body,
|
|
8
|
-
ol, ul, li,
|
|
9
|
-
dl, dt, dd,
|
|
10
|
-
address,
|
|
11
|
-
abbr, dfn,
|
|
12
|
-
blockquote, pre, code, kbd, samp, cite, q,
|
|
13
|
-
figcaption,
|
|
14
|
-
sub, sup, small,
|
|
15
|
-
p, h1, h2, h3, h4, h5, h6 {
|
|
16
|
-
font: $dl-font-general;
|
|
17
|
-
@if $dl-add-rem-units {
|
|
18
|
-
font-size: #{$dl-f-size/16}rem;
|
|
19
|
-
}
|
|
20
|
-
color: $dl-f-color;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// h1,
|
|
24
|
-
.h1 {
|
|
25
|
-
$size: 36; // px
|
|
26
|
-
font-size: #{$size}px;
|
|
27
|
-
@if $dl-add-rem-units {
|
|
28
|
-
font-size: #{$size/16}rem;
|
|
29
|
-
}
|
|
30
|
-
line-height: 120%;
|
|
31
|
-
|
|
32
|
-
// Responsive sample, you need to include your mixin
|
|
33
|
-
/*@include media($tablet) {
|
|
34
|
-
& {
|
|
35
|
-
font-size: 24px;
|
|
36
|
-
}
|
|
37
|
-
}*/
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// h2,
|
|
41
|
-
.h2 {
|
|
42
|
-
$size: 24; // px
|
|
43
|
-
font-size: #{$size}px;
|
|
44
|
-
@if $dl-add-rem-units {
|
|
45
|
-
font-size: #{$size/16}rem;
|
|
46
|
-
}
|
|
47
|
-
line-height: 125%;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
// h3,
|
|
51
|
-
.h3 {
|
|
52
|
-
$size: 18; // px
|
|
53
|
-
font: normal 400 #{$size}px/130% Helvetica, Arial, sans-serif;
|
|
54
|
-
@if $dl-add-rem-units {
|
|
55
|
-
font-size: #{$size/16}rem;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
a {
|
|
60
|
-
text-decoration: underline;
|
|
61
|
-
&:hover {
|
|
62
|
-
text-decoration: none;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
// Responsive adjustement in end
|
|
67
|
-
|
|
68
|
-
//
|
|
69
|
-
// Tablet
|
|
70
|
-
//
|
|
71
|
-
/*@include media($tablet) {
|
|
72
|
-
|
|
73
|
-
}*/
|
|
74
|
-
|
|
75
|
-
//
|
|
76
|
-
// Mobile
|
|
77
|
-
//
|
|
78
|
-
/*@include media($mobile) {
|
|
79
|
-
|
|
80
|
-
}*/
|
|
1
|
+
//
|
|
2
|
+
// Default styles to the site
|
|
3
|
+
// If you want to define some defaulst yo the whole site do it here
|
|
4
|
+
|
|
5
|
+
// General text elements
|
|
6
|
+
|
|
7
|
+
body,
|
|
8
|
+
ol, ul, li,
|
|
9
|
+
dl, dt, dd,
|
|
10
|
+
address,
|
|
11
|
+
abbr, dfn,
|
|
12
|
+
blockquote, pre, code, kbd, samp, cite, q,
|
|
13
|
+
figcaption,
|
|
14
|
+
sub, sup, small,
|
|
15
|
+
p, h1, h2, h3, h4, h5, h6 {
|
|
16
|
+
font: $dl-font-general;
|
|
17
|
+
@if $dl-add-rem-units {
|
|
18
|
+
font-size: #{$dl-f-size/16}rem;
|
|
19
|
+
}
|
|
20
|
+
color: $dl-f-color;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// h1,
|
|
24
|
+
.h1 {
|
|
25
|
+
$size: 36; // px
|
|
26
|
+
font-size: #{$size}px;
|
|
27
|
+
@if $dl-add-rem-units {
|
|
28
|
+
font-size: #{$size/16}rem;
|
|
29
|
+
}
|
|
30
|
+
line-height: 120%;
|
|
31
|
+
|
|
32
|
+
// Responsive sample, you need to include your mixin
|
|
33
|
+
/*@include media($tablet) {
|
|
34
|
+
& {
|
|
35
|
+
font-size: 24px;
|
|
36
|
+
}
|
|
37
|
+
}*/
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// h2,
|
|
41
|
+
.h2 {
|
|
42
|
+
$size: 24; // px
|
|
43
|
+
font-size: #{$size}px;
|
|
44
|
+
@if $dl-add-rem-units {
|
|
45
|
+
font-size: #{$size/16}rem;
|
|
46
|
+
}
|
|
47
|
+
line-height: 125%;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// h3,
|
|
51
|
+
.h3 {
|
|
52
|
+
$size: 18; // px
|
|
53
|
+
font: normal 400 #{$size}px/130% Helvetica, Arial, sans-serif;
|
|
54
|
+
@if $dl-add-rem-units {
|
|
55
|
+
font-size: #{$size/16}rem;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
a {
|
|
60
|
+
text-decoration: underline;
|
|
61
|
+
&:hover {
|
|
62
|
+
text-decoration: none;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Responsive adjustement in end
|
|
67
|
+
|
|
68
|
+
//
|
|
69
|
+
// Tablet
|
|
70
|
+
//
|
|
71
|
+
/*@include media($tablet) {
|
|
72
|
+
|
|
73
|
+
}*/
|
|
74
|
+
|
|
75
|
+
//
|
|
76
|
+
// Mobile
|
|
77
|
+
//
|
|
78
|
+
/*@include media($mobile) {
|
|
79
|
+
|
|
80
|
+
}*/
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Tipografia
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
// Config settings
|
|
6
|
-
$dl-add-rem-units: true !default;
|
|
7
|
-
|
|
8
|
-
// Default forn properties
|
|
9
|
-
$dl-f-size: 16 !default; // px
|
|
10
|
-
$dl-f-line-height: 135% !default; // Unit you want
|
|
11
|
-
$dl-f-color: #333 !default;
|
|
12
|
-
|
|
13
|
-
// Families only
|
|
14
|
-
// font-family: $dl-fam-general;
|
|
15
|
-
$dl-fam-general: 'Times New Roman', Times, serif !default;
|
|
16
|
-
$dl-fam-other: Helvetica, Arial, sans-serif !default;
|
|
17
|
-
$dl-fam-mono: monospace !default;
|
|
18
|
-
|
|
19
|
-
// Font declarations
|
|
20
|
-
// font: $dl-font-general;
|
|
21
|
-
$dl-font-general: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-general;
|
|
22
|
-
$dl-font-other: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-other;
|
|
23
|
-
$dl-font-mono: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-mono;
|
|
1
|
+
//
|
|
2
|
+
// Tipografia
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
// Config settings
|
|
6
|
+
$dl-add-rem-units: true !default;
|
|
7
|
+
|
|
8
|
+
// Default forn properties
|
|
9
|
+
$dl-f-size: 16 !default; // px
|
|
10
|
+
$dl-f-line-height: 135% !default; // Unit you want
|
|
11
|
+
$dl-f-color: #333 !default;
|
|
12
|
+
|
|
13
|
+
// Families only
|
|
14
|
+
// font-family: $dl-fam-general;
|
|
15
|
+
$dl-fam-general: 'Times New Roman', Times, serif !default;
|
|
16
|
+
$dl-fam-other: Helvetica, Arial, sans-serif !default;
|
|
17
|
+
$dl-fam-mono: monospace !default;
|
|
18
|
+
|
|
19
|
+
// Font declarations
|
|
20
|
+
// font: $dl-font-general;
|
|
21
|
+
$dl-font-general: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-general;
|
|
22
|
+
$dl-font-other: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-other;
|
|
23
|
+
$dl-font-mono: normal 400 #{$dl-f-size}px/#{$dl-f-line-height} $dl-fam-mono;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
//
|
|
2
|
-
// WEFT Web Embedding Font technologies
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
/* @font-face {
|
|
6
|
-
font-family: 'LucidaGrandeRegular';
|
|
7
|
-
src: url('lucida_grande-webfont.eot');
|
|
8
|
-
src: url('lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
|
|
9
|
-
url('lucida_grande-webfont.woff') format('woff'),
|
|
10
|
-
url('lucida_grande-webfont.ttf') format('truetype'),
|
|
11
|
-
url('lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
|
|
12
|
-
font-weight: normal;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@font-face {
|
|
17
|
-
font-family: 'LucidaGrandeBold';
|
|
18
|
-
src: url('lucida_grande_bold-webfont.eot');
|
|
19
|
-
src: url('lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'),
|
|
20
|
-
url('lucida_grande_bold-webfont.woff') format('woff'),
|
|
21
|
-
url('lucida_grande_bold-webfont.ttf') format('truetype'),
|
|
22
|
-
url('lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg');
|
|
23
|
-
font-weight: bold;
|
|
24
|
-
font-style: normal;
|
|
25
|
-
} */
|
|
1
|
+
//
|
|
2
|
+
// WEFT Web Embedding Font technologies
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
/* @font-face {
|
|
6
|
+
font-family: 'LucidaGrandeRegular';
|
|
7
|
+
src: url('lucida_grande-webfont.eot');
|
|
8
|
+
src: url('lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
|
|
9
|
+
url('lucida_grande-webfont.woff') format('woff'),
|
|
10
|
+
url('lucida_grande-webfont.ttf') format('truetype'),
|
|
11
|
+
url('lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
|
|
12
|
+
font-weight: normal;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@font-face {
|
|
17
|
+
font-family: 'LucidaGrandeBold';
|
|
18
|
+
src: url('lucida_grande_bold-webfont.eot');
|
|
19
|
+
src: url('lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'),
|
|
20
|
+
url('lucida_grande_bold-webfont.woff') format('woff'),
|
|
21
|
+
url('lucida_grande_bold-webfont.ttf') format('truetype'),
|
|
22
|
+
url('lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg');
|
|
23
|
+
font-weight: bold;
|
|
24
|
+
font-style: normal;
|
|
25
|
+
} */
|
data/lib/dom_limpio.rb
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
module DomLimpio
|
|
2
|
-
class << self
|
|
3
|
-
def load!
|
|
4
|
-
if defined?(::Rails)
|
|
5
|
-
register_rails_engine
|
|
6
|
-
elsif defined?(::Sprockets)
|
|
7
|
-
register_sprockets
|
|
8
|
-
end
|
|
9
|
-
configure_sass
|
|
10
|
-
end
|
|
11
|
-
|
|
12
|
-
def assets_path
|
|
13
|
-
@gem_path ||= File.expand_path "../assets", File.dirname(__FILE__)
|
|
14
|
-
end
|
|
15
|
-
|
|
16
|
-
def stylesheets_path
|
|
17
|
-
File.join assets_path, 'stylesheets'
|
|
18
|
-
end
|
|
19
|
-
|
|
20
|
-
private
|
|
21
|
-
|
|
22
|
-
def configure_sass
|
|
23
|
-
require 'sass'
|
|
24
|
-
::Sass.load_paths << stylesheets_path
|
|
25
|
-
end
|
|
26
|
-
|
|
27
|
-
def register_rails_engine
|
|
28
|
-
require "dom_limpio/engine"
|
|
29
|
-
end
|
|
30
|
-
|
|
31
|
-
def register_sprockets
|
|
32
|
-
Sprockets.append_path(stylesheets_path)
|
|
33
|
-
end
|
|
34
|
-
end
|
|
35
|
-
end
|
|
36
|
-
|
|
37
|
-
DomLimpio.load!
|
|
1
|
+
module DomLimpio
|
|
2
|
+
class << self
|
|
3
|
+
def load!
|
|
4
|
+
if defined?(::Rails)
|
|
5
|
+
register_rails_engine
|
|
6
|
+
elsif defined?(::Sprockets)
|
|
7
|
+
register_sprockets
|
|
8
|
+
end
|
|
9
|
+
configure_sass
|
|
10
|
+
end
|
|
11
|
+
|
|
12
|
+
def assets_path
|
|
13
|
+
@gem_path ||= File.expand_path "../assets", File.dirname(__FILE__)
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def stylesheets_path
|
|
17
|
+
File.join assets_path, 'stylesheets'
|
|
18
|
+
end
|
|
19
|
+
|
|
20
|
+
private
|
|
21
|
+
|
|
22
|
+
def configure_sass
|
|
23
|
+
require 'sass'
|
|
24
|
+
::Sass.load_paths << stylesheets_path
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
def register_rails_engine
|
|
28
|
+
require "dom_limpio/engine"
|
|
29
|
+
end
|
|
30
|
+
|
|
31
|
+
def register_sprockets
|
|
32
|
+
Sprockets.append_path(stylesheets_path)
|
|
33
|
+
end
|
|
34
|
+
end
|
|
35
|
+
end
|
|
36
|
+
|
|
37
|
+
DomLimpio.load!
|
data/lib/dom_limpio/engine.rb
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
module DomLimpio
|
|
2
|
-
module Rails
|
|
3
|
-
class Engine < ::Rails::Engine
|
|
4
|
-
initializer 'dom-limpio' do |app|
|
|
5
|
-
app.config.assets.paths << DomLimpio.stylesheets_path
|
|
6
|
-
app.middleware.use ::ActionDispatch::Static, DomLimpio.assets_path
|
|
7
|
-
end
|
|
8
|
-
end
|
|
9
|
-
end
|
|
10
|
-
end
|
|
1
|
+
module DomLimpio
|
|
2
|
+
module Rails
|
|
3
|
+
class Engine < ::Rails::Engine
|
|
4
|
+
initializer 'dom-limpio' do |app|
|
|
5
|
+
app.config.assets.paths << DomLimpio.stylesheets_path
|
|
6
|
+
app.middleware.use ::ActionDispatch::Static, DomLimpio.assets_path
|
|
7
|
+
end
|
|
8
|
+
end
|
|
9
|
+
end
|
|
10
|
+
end
|
data/lib/dom_limpio/version.rb
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
module DomLimpio
|
|
2
|
-
VERSION = "0.1.
|
|
3
|
-
end
|
|
1
|
+
module DomLimpio
|
|
2
|
+
VERSION = "0.1.3"
|
|
3
|
+
end
|
data/package.json
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "dom-limpio",
|
|
3
|
+
"version": "0.1.2",
|
|
4
|
+
"description": "CSS hard styles reset",
|
|
5
|
+
"main": "assets/stylesheets/dom-limpio.scss",
|
|
6
|
+
"style": "assets/stylesheets/dom-limpio.scss",
|
|
7
|
+
"eyeglass": {
|
|
8
|
+
"sassDir": "assets/stylesheets",
|
|
9
|
+
"exports": false,
|
|
10
|
+
"name": "dom-limpio",
|
|
11
|
+
"needs": "*"
|
|
12
|
+
},
|
|
13
|
+
"scripts": {
|
|
14
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/carloscabo/dom-limpio.git"
|
|
19
|
+
},
|
|
20
|
+
"keywords": [
|
|
21
|
+
"sass",
|
|
22
|
+
"css",
|
|
23
|
+
"normalize",
|
|
24
|
+
"reset",
|
|
25
|
+
"eyeglass"
|
|
26
|
+
],
|
|
27
|
+
"author": "Carlos Cabo <carloscabo@gmail.com> (http://carloscabo.com)",
|
|
28
|
+
"contributors": [
|
|
29
|
+
"Victor Ortiz <kespers@gmail.com> (http://vortizhe.me)"
|
|
30
|
+
],
|
|
31
|
+
"license": "MIT",
|
|
32
|
+
"bugs": {
|
|
33
|
+
"url": "https://github.com/carloscabo/dom-limpio/issues"
|
|
34
|
+
},
|
|
35
|
+
"homepage": "https://github.com/carloscabo/dom-limpio#readme"
|
|
36
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: dom_limpio
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- carloscabo
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2017-10-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -52,6 +52,7 @@ files:
|
|
|
52
52
|
- LICENSE.txt
|
|
53
53
|
- README.md
|
|
54
54
|
- Rakefile
|
|
55
|
+
- assets/stylesheets/dom-limpio-example.scss
|
|
55
56
|
- assets/stylesheets/dom-limpio.scss
|
|
56
57
|
- assets/stylesheets/dom-limpio/_forms.scss
|
|
57
58
|
- assets/stylesheets/dom-limpio/_layout.scss
|
|
@@ -65,6 +66,7 @@ files:
|
|
|
65
66
|
- lib/dom_limpio.rb
|
|
66
67
|
- lib/dom_limpio/engine.rb
|
|
67
68
|
- lib/dom_limpio/version.rb
|
|
69
|
+
- package.json
|
|
68
70
|
homepage: https://github.com/carloscabo/dom-limpio
|
|
69
71
|
licenses:
|
|
70
72
|
- MIT
|
|
@@ -85,7 +87,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
85
87
|
version: '0'
|
|
86
88
|
requirements: []
|
|
87
89
|
rubyforge_project:
|
|
88
|
-
rubygems_version: 2.5.
|
|
90
|
+
rubygems_version: 2.5.2
|
|
89
91
|
signing_key:
|
|
90
92
|
specification_version: 4
|
|
91
93
|
summary: Custom layout / form / typography reset in SASS
|