#Style


headings: h1
dialog headings h2

warum dialoge extra von dialog views??
- falls irgendwann in popup oder so ändern --> leichter



## feuerwerk
https://jsfiddle.net/dtrooper/AceJJ/

https://codepen.io/whqet/pen/Auzch

# material input

bei error label auch einfärben?? 
- müssten alle labels in material input und dann dicker wegen form rule...
```css
.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
```

#TODO 

- material input disabled style
- date picker (nicht selber machen...)
- time picker (time dropper in react machen)
- material input error stylue + message
- material table center icons & checkboxes
- material text area (add release dialog)
- material table sorting

# sonstigs

https://dribbble.com/circular

2 bars layout


# gradients: 
https://webgradients.com/

youtube card shadow
```css
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
```


https://medium.com/@AmJustSam/how-to-do-css-only-frosted-glass-effect-e2666bafab91


material input css only https://codepen.io/sevilayha/pen/IdGKH


wenn clipboard copy, dann kurz tooltip zeigen (wie bei https://react.semantic-ui.com/elements/icon)


/* TODO maybe also right padding???*/
.material-table--caption-line-padding



center table action icons 


card actions zu durchsichtig...


wenn header actions tabs sind ... wie tabs unterstreichen (material tabs??)



date + time picker

https://github.com/wangzuo/input-moment


# style guidelines machen...

hover style: ...  
clickable style: ...

bei tabellen
symbole vor text...