Mercurial > libervia-templates
comparison sat_templates/templates/default/static/photo.css @ 166:178f55b825b7
small refactoring/redesign, better BEM integration:
- blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file.
- better noscript handling, dynamic elements are created using "magic" classes (dom_update.js)
- using better icons for older/newer messages
- better state handling, classes now use "state_XXX"
- more classes now use BEM convention
- menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites
- better styles.css organisation
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 03 Oct 2018 21:00:24 +0200 |
parents | e9f0a4215e46 |
children | f1188ce8dd17 |
comparison
equal
deleted
inserted
replaced
165:9e8d9d754337 | 166:178f55b825b7 |
---|---|
1 @import 'blog.css'; /* needed for comments */ | |
2 | |
3 .album { | 1 .album { |
4 display: flex; | 2 display: flex; |
5 flex-wrap: wrap; | 3 flex-wrap: wrap; |
6 } | 4 } |
7 | 5 |
36 } | 34 } |
37 | 35 |
38 .comments__count { | 36 .comments__count { |
39 font-weight: bold; | 37 font-weight: bold; |
40 } | 38 } |
41 | |
42 .panel-drawer { | |
43 max-height: 0; | |
44 opacity: 0; | |
45 transition: max-height 1s, opacity 2s; | |
46 overflow: hidden; | |
47 } | |
48 | |
49 .panel-drawer.clicked { | |
50 opacity: 1; | |
51 } |