@internetstiftelsen/styleguide 4.0.6 → 4.0.7-beta.0.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.
package/package.json
CHANGED
|
@@ -90,6 +90,15 @@
|
|
|
90
90
|
background-color: $color-snow;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
+
|
|
94
|
+
@include m(gray) {
|
|
95
|
+
[data-tab-active] {
|
|
96
|
+
a {
|
|
97
|
+
background-color: $color-ash;
|
|
98
|
+
border-color: $color-concrete;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
93
102
|
}
|
|
94
103
|
|
|
95
104
|
@include organism(tab-panel) {
|
|
@@ -110,6 +119,11 @@
|
|
|
110
119
|
&:focus {
|
|
111
120
|
outline: 0;
|
|
112
121
|
}
|
|
122
|
+
|
|
123
|
+
@include m(gray) {
|
|
124
|
+
background-color: $color-ash;
|
|
125
|
+
border-color: $color-concrete;
|
|
126
|
+
}
|
|
113
127
|
}
|
|
114
128
|
|
|
115
129
|
.no-js {
|
|
@@ -3,6 +3,7 @@ module.exports = {
|
|
|
3
3
|
|
|
4
4
|
context: {
|
|
5
5
|
updateURL: false,
|
|
6
|
+
gray: false,
|
|
6
7
|
tab_item: [
|
|
7
8
|
{
|
|
8
9
|
id: 'tab-1',
|
|
@@ -42,6 +43,35 @@ module.exports = {
|
|
|
42
43
|
context: {
|
|
43
44
|
wrapped: true
|
|
44
45
|
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
name: 'Gray',
|
|
49
|
+
context: {
|
|
50
|
+
gray: true,
|
|
51
|
+
tab_item: [
|
|
52
|
+
{
|
|
53
|
+
id: 'tab-1',
|
|
54
|
+
name: 'namn-1',
|
|
55
|
+
heading: 'De här',
|
|
56
|
+
gray: true,
|
|
57
|
+
content: '<p>Klinisk och min drink. Reserverad potten var nu en kund, men inte bara protein. Renare TV, uppvärmning för någon, chips start. <a href="#">Antioxidanter</a> eller om barnen orienterade, fotboll framför datorn. Medlemmar i dörren var intakt protein. Läxor fotbollstips lejon kartong bananer. Smartphones och bananer temperatur.</p>'
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
id: 'tab-2',
|
|
61
|
+
name: 'namn-2',
|
|
62
|
+
heading: 'Tabbarna',
|
|
63
|
+
gray: true,
|
|
64
|
+
content: '<p>Ta färdväg åker rot häst se precis det blev därmed se, <a href="#">söka smultron</a> för ingalunda brunsås fram se vi miljoner jäst olika, groda sällan dunge när tiden fram helt sig dock. För sax blivit redan av där vid upprätthållande omfångsrik det på bra, icke dunge på mjuka groda ser del kan stora. År denna gör erfarenheter häst bland tre ta söka redan år, dimma om händer rot dimma att om själv av sjö, sig stig genom och sorgliga själv verkligen nya där.</p>'
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
id: 'tab-3',
|
|
68
|
+
name: 'namn-3',
|
|
69
|
+
heading: ' Går till elva',
|
|
70
|
+
gray: true,
|
|
71
|
+
content: '<p>Gamla det som mjuka gamla hans gamla bra sista fram gamla, tiden trevnadens se hwila när själv nu har kanske hwila, helt i när groda göras rännil verkligen tid så. Dock upprätthållande ta faktor sällan dimmhöljd ingalunda mjuka, vidsträckt bra tidigare vemod samma att lax redan, bra oss strand dimma redan är. Räv att dimmhöljd söka kunde tiden söka vid när, gör del dag söka vad icke se, göras tidigare vid nu dunge kunde tiden.</p>'
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
}
|
|
45
75
|
}
|
|
46
76
|
]
|
|
47
77
|
}
|