@teseor/css 1.0.0 → 1.1.0

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 (4) hide show
  1. package/dist/compiled.css +11 -0
  2. package/dist/index.css +11 -0
  3. package/package.json +1 -1
  4. package/src/02-base/typography/typography.scss +16 -0
package/dist/compiled.css CHANGED
@@ -326,6 +326,17 @@
326
326
  padding: 0;
327
327
  background: none;
328
328
  }
329
+ a {
330
+ text-decoration: underline;
331
+ color: var(--ui-color-primary);
332
+ transition: color var(--ui-duration-fast) var(--ui-ease-default);
333
+ }
334
+ a:hover {
335
+ color: var(--ui-color-primary-hover);
336
+ }
337
+ a:visited {
338
+ color: var(--ui-color-primary);
339
+ }
329
340
  @media (width < 45.625rem) {
330
341
  h1 {
331
342
  font-size: var(--ui-font-size-2xl);
package/dist/index.css CHANGED
@@ -315,6 +315,17 @@
315
315
  padding: 0;
316
316
  background: none;
317
317
  }
318
+ a {
319
+ text-decoration: underline;
320
+ color: var(--ui-color-primary);
321
+ transition: color var(--ui-duration-fast) var(--ui-ease-default);
322
+ }
323
+ a:hover {
324
+ color: var(--ui-color-primary-hover);
325
+ }
326
+ a:visited {
327
+ color: var(--ui-color-primary);
328
+ }
318
329
  @media (width < 45.625rem) {
319
330
  h1 {
320
331
  font-size: var(--ui-font-size-2xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teseor/css",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "CSS library - reset, primitives, components, utilities",
5
5
  "license": "MIT",
6
6
  "author": "letanure",
package/src/02-base/typography/typography.scss CHANGED
@@ -103,6 +103,22 @@
103
103
  background: none;
104
104
  }
105
105
 
106
+ // Links - inherit design system colors
107
+ a {
108
+ text-decoration: underline;
109
+ color: var(--ui-color-primary);
110
+
111
+ transition: color var(--ui-duration-fast) var(--ui-ease-default);
112
+
113
+ &:hover {
114
+ color: var(--ui-color-primary-hover);
115
+ }
116
+
117
+ &:visited {
118
+ color: var(--ui-color-primary);
119
+ }
120
+ }
121
+
106
122
  // ==========================================================================
107
123
  // RESPONSIVE BREAKPOINTS
108
124
  // ==========================================================================