@igo2/sdg-core 1.0.0-next.70 → 1.0.0-next.72

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/layout/_breakpoints.scss +2 -0
  3. package/src/typography/typography.scss +22 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igo2/sdg-core",
3
- "version": "1.0.0-next.70",
3
+ "version": "1.0.0-next.72",
4
4
  "license": "LiLiQ-R",
5
5
  "repository": {
6
6
  "type": "git",
package/src/layout/_breakpoints.scss CHANGED
@@ -44,6 +44,8 @@ $breakpoints: (
44
44
  )
45
45
  );
46
46
 
47
+ $max-content-width: 825px;
48
+
47
49
  $devices: (
48
50
  mobile: 'small',
49
51
  mobile-landscape: 'medium',
package/src/typography/typography.scss CHANGED
@@ -47,7 +47,6 @@ $font-color: colors.$blue-dark;
47
47
  }
48
48
 
49
49
  a {
50
- font-family: $font-family-text;
51
50
  word-break: break-word;
52
51
  overflow-wrap: break-word;
53
52
  cursor: pointer;
@@ -55,25 +54,42 @@ $font-color: colors.$blue-dark;
55
54
  text-decoration: underline;
56
55
  background-color: transparent;
57
56
  width: fit-content;
57
+ max-inline-size: breakpoints.$max-content-width;
58
58
  }
59
59
 
60
60
  a:hover {
61
61
  text-decoration: none;
62
62
  }
63
63
 
64
+ button {
65
+ font-family: $font-family-text;
66
+ }
67
+
64
68
  p,
65
69
  ul,
66
- li,
70
+ ol,
67
71
  u,
68
72
  .text {
69
- font-family: $font-family-text;
70
73
  color: $font-color;
71
74
  font-size: 16px;
72
75
  line-height: 24px;
76
+ max-inline-size: breakpoints.$max-content-width;
73
77
  }
74
78
 
75
- p {
79
+ ul,
80
+ ol {
81
+ margin-top: 0;
76
82
  margin-bottom: 24px;
83
+ padding-left: 16px;
84
+ }
85
+
86
+ p {
87
+ margin-bottom: 24px !important;
88
+ }
89
+
90
+ li {
91
+ margin-top: 16px;
92
+ margin-bottom: 16px;
77
93
  }
78
94
 
79
95
  strong {
@@ -94,6 +110,7 @@ $font-color: colors.$blue-dark;
94
110
  .h6 {
95
111
  font-family: $font-family-title !important;
96
112
  color: $font-color;
113
+ max-inline-size: breakpoints.$max-content-width;
97
114
  }
98
115
 
99
116
  h1 {
@@ -150,7 +167,7 @@ $font-color: colors.$blue-dark;
150
167
  font-size: 18px;
151
168
  line-height: 28px;
152
169
  font-weight: 600;
153
- max-width: 82.5rem;
170
+ max-width: breakpoints.$max-content-width;
154
171
  padding-bottom: 24px;
155
172
  }
156
173
  }