4 molecules Molecules
Source:
00-config/_variables.scss
, line 21
4.3 molecules.files File styles
There are two styles of displaying files. One style is showing files as attachments with articles. The other style is when files are in forms (edit mode).
Source:
03-molecules/file/file.scss
, line 1
4.3.1 molecules.files.node File in node
The display of files in nodes is done with small cards (emphasis layer).
The cards must be placed in a grid .files__grid
. The element consists of the file name (max 3 lines truncated), the file type and file size.
Source:
03-molecules/file/file.scss
, line 10
4.3.2 molecules.files.form File in form
Files in forms need to be able to changed easily. For example for images their is a preview shown when editing content. For file attachments the file molecule is part of the multiple file upload widget where multiple rows can be added.
Markup
Vestibulum id ligula porta felis euismod semper.pdf
40.14 KB
Source:
03-molecules/file/file.scss
, line 21