mod-base 1.0.3-beta.4 → 1.0.3-beta.6

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.3-beta.4",
3
+ "version": "1.0.3-beta.6",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
@@ -5,11 +5,12 @@
5
5
  .visually-hidden {
6
6
  border: 0;
7
7
  clip: rect(0,0,0,0);
8
- height: 1px;
9
- margin: -1px;
10
- overflow: hidden;
11
- padding: 0;
12
- white-space: nowrap;
8
+ display: block;
9
+ height: 1px;
10
+ margin: -1px;
11
+ overflow: hidden;
12
+ padding: 0;
13
+ white-space: nowrap;
13
14
  width: 1px;
14
15
  }
15
16
 
@@ -26,14 +26,14 @@
26
26
 
27
27
  @mixin body($font-family, $font-weight: 400) {
28
28
  @include font($font-family, $font-weight);
29
- @include font-size(1rem);
30
- line-height: 1.5;
29
+ @include font-size(1rem, 1.125rem);
30
+ line-height: 1.35;
31
31
  }
32
32
 
33
33
  @mixin disclaimer($font-family, $font-weight: 400) {
34
34
  @include font($font-family, $font-weight);
35
35
  @include font-size(.75rem);
36
- line-height: 1.15;
36
+ line-height: 1.35;
37
37
  }
38
38
 
39
39
  @mixin button($font-family, $font-weight: 700) {
@@ -44,6 +44,6 @@
44
44
 
45
45
  @mixin form-element($font-family, $font-weight: 400) {
46
46
  @include font($font-family, $font-weight);
47
- @include font-size(1rem);
47
+ @include font-size(1rem, 1.125rem);
48
48
  line-height: 1.25;
49
49
  }
@@ -125,6 +125,15 @@ section {
125
125
  display: block;
126
126
  }
127
127
 
128
+ a,
129
+ button,
130
+ input,
131
+ select,
132
+ textarea {
133
+ appearance: none;
134
+ outline: none !important;
135
+ }
136
+
128
137
  button,
129
138
  select {
130
139
  cursor: pointer;
@@ -0,0 +1,3 @@
1
+ $base-body-color: $color-charcoal8;
2
+ $base-font-family: 'Roboto', sans-serif;
3
+ $base-transition: all .15s ease-in-out;
@@ -6,3 +6,4 @@
6
6
  @import 'flex';
7
7
  @import 'fonts';
8
8
  @import 'grid';
9
+ @import 'variables';