mod-base 1.0.3 → 1.0.5-beta.1

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/styles/base/_built-in-classes.scss +16 -5
  3. package/src/styles/base/_reset.scss +14 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.3",
3
+ "version": "1.0.5-beta.1",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/base/_built-in-classes.scss CHANGED
@@ -14,6 +14,17 @@
14
14
  width: 1px;
15
15
  }
16
16
 
17
+ /**
18
+ * Text align center & right
19
+ */
20
+ .text-align-center {
21
+ text-align: center;
22
+ }
23
+
24
+ .text-align-right {
25
+ text-align: right;
26
+ }
27
+
17
28
  /**
18
29
  * Show an element based on screen size;
19
30
  * Hidden class should be added in comibnation with a visible class —
@@ -24,12 +35,12 @@
24
35
  .visible-md-up,
25
36
  .visible-lg-up,
26
37
  .visible-xl-up,
27
- .visible-xxl-up,
38
+ .visible-2xl-up,
28
39
  .visible-sm, /* Add with .hidden class to show for that breakpoint only */
29
40
  .visible-md,
30
41
  .visible-lg,
31
42
  .visible-xl,
32
- .visible-xxl {
43
+ .visible-2xl {
33
44
  display: none;
34
45
  }
35
46
 
@@ -78,13 +89,13 @@
78
89
  }
79
90
  }
80
91
 
81
- @include breakpoint-xxl {
92
+ @include breakpoint-2xl {
82
93
  .visible-xl {
83
94
  display: none;
84
95
  }
85
96
 
86
- .visible-xxl-up,
87
- .visible-xxl {
97
+ .visible-2xl-up,
98
+ .visible-2xl {
88
99
  display: block;
89
100
  }
90
101
  }
package/src/styles/base/_reset.scss CHANGED
@@ -134,15 +134,6 @@ section {
134
134
  display: block;
135
135
  }
136
136
 
137
- a,
138
- button,
139
- input,
140
- select,
141
- textarea {
142
- appearance: none;
143
- outline: none !important;
144
- }
145
-
146
137
  button,
147
138
  select {
148
139
  cursor: pointer;
@@ -169,6 +160,20 @@ table {
169
160
  border-spacing: 0;
170
161
  }
171
162
 
163
+ a,
164
+ button,
165
+ input,
166
+ select,
167
+ textarea {
168
+ appearance: none;
169
+ outline: none !important;
170
+ }
171
+
172
+ img {
173
+ border: 0;
174
+ vertical-align: middle;
175
+ }
176
+
172
177
  *,
173
178
  :after,
174
179
  :before {