socialblue.libraries.yml 3.13 KB
Newer Older
1
2
3
4
5
6
# Token based styles for our modern UI.
tokens:
  css:
    theme:
      assets/css/tokens.css: {}

7
8
9
10
11
12
# The SMACSS category "base" is loaded first.
base:
  css:
    base:
      assets/css/base.css: {}

13
14
15
16
brand:
  css:
    theme:
      assets/css/brand.css: { weight: 500}
17
      assets/css/brand--sky.css: { weight: 700}
18

19
## 2. The SMACSS category Component — discrete, reusable UI elements
20

21
### 2.1 Atoms
22
alert:
23
  css:
24
    theme:
25
      assets/css/alert.css: {}
26

27
badge:
28
  css:
29
    theme:
30
      assets/css/badge.css: {}
31

32
button:
33
  css:
34
    theme:
35
36
      assets/css/button.css: {}
      assets/css/waves.css: {}
37
38
  dependencies:
    - socialblue/waves
39

40
41
cards:
  css:
42
    theme:
43
44
45
      assets/css/cards.css: {}

form-controls:
46
  css:
47
    theme:
48
49
      assets/css/form-controls.css: {}

50
list:
51
  css:
52
    theme:
53
      assets/css/list.css: {}
54

55
56
57
58
59
spinner:
  css:
    theme:
      assets/css/spinner.css: {}

60
61
62
waves:
  css:
    theme:
63
      /libraries/node-waves/dist/waves.css: {}
64
  js:
65
    /libraries/node-waves/dist/waves.min.js: { minified: true }
66
67
    assets/js/waves.min.js: { minified: true }

68
### 2.2 Molecules
69
70
71
72
block--informblock:
  css:
    component:
      assets/css/block--informblock.css: {}
73

74
breadcrumb:
75
  css:
76
77
    theme:
      assets/css/breadcrumb.css: {}
78
79

dropdown:
80
  css:
81
    theme:
82
83
84
      assets/css/dropdown.css: {}

file:
85
  css:
86
    theme:
87
88
89
      assets/css/file.css: {}

form-elements:
90
  css:
91
    theme:
92
93
94
      assets/css/form-elements.css: {}

form--datepicker:
95
  css:
96
    theme:
97
98
99
      assets/css/datepicker.css: {}

form--input-groups:
100
  css:
101
    theme:
102
103
104
      assets/css/input-groups.css: {}

form--password:
105
  css:
106
    theme:
107
108
109
      assets/css/password.css: {}

form--timepicker:
110
  css:
111
    theme:
112
113
      assets/css/timepicker.css: {}

114
115
116
117
118
like:
  css:
    theme:
      assets/css/like.css: {}

119
120
121
122
123
nav-book:
  css:
    theme:
      assets/css/nav-book.css: {}

124
125
126
127
128
nav-tabs:
  css:
    theme:
      assets/css/nav-tabs.css: {}

129
navbar:
130
  css:
131
    theme:
132
      assets/css/navbar.css: {}
133
134
135

pagination:
  css:
136
    theme:
137
138
      assets/css/pagination.css: {}

139
140
popover:
  css:
141
    theme:
142
143
      assets/css/popover.css: {}

144
145
146
147
148
select2:
  css:
    theme:
      assets/css/select2.css: {}

149
teaser:
150
  css:
151
    theme:
152
      assets/css/teaser.css: {}
153

Peter Polman's avatar
Peter Polman committed
154
155
156
157
158
tour:
  css:
    theme:
      assets/css/tour.css: {}

159
160
### 2.3 Organisms
comment:
161
  css:
162
    theme:
163
      assets/css/comment.css: {}
164

165
hero:
166
  css:
167
    theme:
168
169
      assets/css/hero.css: {}

170
171
172
173
174
hero--sky:
  css:
    theme:
      assets/css/hero--sky.css: {}

175
176
177
178
179
message:
  css:
    theme:
      assets/css/message.css: {}

180
meta:
181
  css:
182
    theme:
183
184
      assets/css/meta.css: {}

185
186
187
188
189
modal:
  css:
    theme:
      assets/css/modal.css: {}

190
191
192
193
194
offcanvas:
  css:
    theme:
      assets/css/offcanvas.css: {}

195
stream:
196
  css:
197
    theme:
198
      assets/css/stream.css: {}
199
200
201
202
203
204
205
206
207
208
site-footer:
  css:
    theme:
      assets/css/site-footer.css: {}

### 2.4 Templates
page-node:
  css:
    component:
      assets/css/page-node.css: {}
209

210
211
212
213
214
layout:
  css:
    component:
      assets/css/layout.css: {}

215
216
217
color.preview:
  css:
    theme:
218
      color/css/preview-base.css: {}
219
220
      assets/css/preview.css: {}
      color/css/preview.css: {}
221
222
223
  js:
    color/preview.js: {}
  dependencies:
224
    - color/drupal.color