dom_limpio 0.1.1 → 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|