@sb1/ffe-buttons 19.0.8 → 19.0.10

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.
@@ -8,9 +8,9 @@
8
8
  display: flex;
9
9
  font-family: var(--ffe-g-font);
10
10
  justify-content: center;
11
- line-height: 1.2;
11
+ line-height: 1.5; // 16 * 1.5 = 24(height of ffe-icons size md)
12
12
  overflow: hidden;
13
- padding: calc(var(--ffe-spacing-xs) + 2px) var(--ffe-spacing-md); // The + 2px is ensure button is 44px after we made a change to line-height.
13
+ padding: var(--ffe-spacing-xs) var(--ffe-spacing-md);
14
14
  position: relative;
15
15
  text-align: center;
16
16
  text-decoration: none;
@@ -95,11 +95,15 @@
95
95
  }
96
96
 
97
97
  .ffe-inline-button--tertiary {
98
+ --icon-size-md: 1.5rem; // 24px
99
+ --border-width: 1px;
100
+
98
101
  align-content: center;
99
102
  color: var(--ffe-v-button-tertiary-color);
100
103
  flex-wrap: wrap;
101
- padding: var(--ffe-spacing-xs) calc(var(--ffe-spacing-sm) + 1px);
104
+ padding: var(--ffe-spacing-xs) calc(var(--ffe-spacing-sm));
102
105
  border: 2px solid transparent;
106
+ line-height: calc(var(--icon-size-md) - var(--border-width));
103
107
 
104
108
  .ffe-inline-button__icon {
105
109
  color: var(--ffe-v-button-tertiary-color);
@@ -107,7 +111,7 @@
107
111
 
108
112
  .ffe-inline-button__label {
109
113
  &::after {
110
- border-bottom: solid 1px currentcolor;
114
+ border-bottom: solid var(--border-width) currentcolor;
111
115
  content: ' ';
112
116
  display: block;
113
117
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-buttons",
3
- "version": "19.0.8",
3
+ "version": "19.0.10",
4
4
  "license": "MIT",
5
5
  "author": "SpareBank1",
6
6
  "files": [
@@ -23,5 +23,5 @@
23
23
  "publishConfig": {
24
24
  "access": "public"
25
25
  },
26
- "gitHead": "9e7c6de56ed486307a17d6c90c3f565c66f94eb1"
26
+ "gitHead": "4c7045ba2011bf7edc841ae248ddf27dff516a83"
27
27
  }