@internetstiftelsen/styleguide 5.1.16 → 5.1.17-beta.0.2
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
|
@@ -76,12 +76,32 @@
|
|
|
76
76
|
word-break: normal !important;
|
|
77
77
|
hyphens: none !important;
|
|
78
78
|
overflow-wrap: normal !important;
|
|
79
|
+
background-color: transparent;
|
|
80
|
+
appearance: none;
|
|
81
|
+
|
|
82
|
+
&::after {
|
|
83
|
+
display: none;
|
|
84
|
+
content: attr(data-tooltip);
|
|
85
|
+
}
|
|
79
86
|
|
|
80
87
|
&:hover,
|
|
81
88
|
&:focus {
|
|
82
89
|
border: 0 !important;
|
|
83
90
|
background-color: transparent !important;
|
|
84
91
|
text-decoration: underline !important;
|
|
92
|
+
|
|
93
|
+
&::after {
|
|
94
|
+
display: block;
|
|
95
|
+
position: absolute;
|
|
96
|
+
background-color: colors.$color-cyberspace;
|
|
97
|
+
color: colors.$color-snow;
|
|
98
|
+
padding: func.rhythm(0.5) func.rhythm(1);
|
|
99
|
+
border-radius: var.$border-radius;
|
|
100
|
+
white-space: nowrap;
|
|
101
|
+
z-index: func.z_index(foreground);
|
|
102
|
+
font-size: var.$size-medium;
|
|
103
|
+
font-family: var.$font-family-base;
|
|
104
|
+
}
|
|
85
105
|
}
|
|
86
106
|
}
|
|
87
107
|
|
|
@@ -93,7 +113,6 @@
|
|
|
93
113
|
|
|
94
114
|
@include breakpoint.bp-up(md) {
|
|
95
115
|
hyphens: none;
|
|
96
|
-
padding-right: func.rhythm(2);
|
|
97
116
|
}
|
|
98
117
|
|
|
99
118
|
> img {
|
|
@@ -111,11 +130,22 @@
|
|
|
111
130
|
}
|
|
112
131
|
}
|
|
113
132
|
}
|
|
133
|
+
|
|
134
|
+
@include bem.e(servicename) {
|
|
135
|
+
max-width: 15ch;
|
|
136
|
+
text-overflow: ellipsis;
|
|
137
|
+
overflow:hidden;
|
|
138
|
+
white-space: nowrap;
|
|
139
|
+
}
|
|
114
140
|
}
|
|
115
141
|
|
|
116
142
|
@include bem.e(first-col) {
|
|
117
143
|
width: 100px;
|
|
118
144
|
|
|
145
|
+
&:is(td) {
|
|
146
|
+
text-align: center !important;
|
|
147
|
+
}
|
|
148
|
+
|
|
119
149
|
@include breakpoint.bp-up(md) {
|
|
120
150
|
width: 130px;
|
|
121
151
|
}
|