mirror of
https://github.com/flarum/framework.git
synced 2024-11-29 12:43:52 +08:00
40a6d77e74
- Extract shared Ember components into a “flarum-common” ember-cli addon. This can be used by both the forum + admin Ember apps, keeping things DRY - Move LESS styles into their own top-level directory and do a similar thing (extract common styles) - Add LESS/JS compilation and versioning to PHP (AssetManager) - Set up admin entry point (Theoretical) upgrade instructions: - Delete everything in [app_root]/public - Set up tooling in forum/admin Ember apps (npm install/update, bower install/update) and then build them (ember build) - php artisan vendor:publish - Upgrade flarum/flarum repo (slight change in a config file) - If you need to trigger a LESS/JS recompile, delete the .css/.js files in [app_root]/public/flarum. I set up LiveReload to do this for me when I change files in less/ or ember/ Todo: - Start writing admin app! - Remove bootstrap/font-awesome from repo and instead depend on their composer packages? Maybe? (Bower is not an option here)
62 lines
780 B
Plaintext
Executable File
62 lines
780 B
Plaintext
Executable File
.media {
|
|
// Proper spacing between instances of .media
|
|
margin-top: 15px;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.media,
|
|
.media-body {
|
|
zoom: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-body {
|
|
width: 10000px;
|
|
}
|
|
|
|
.media-object {
|
|
display: block;
|
|
}
|
|
|
|
.media-right,
|
|
.media > .pull-right {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.media-left,
|
|
.media > .pull-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.media-left,
|
|
.media-right,
|
|
.media-body {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.media-middle {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.media-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
// Reset margins on headings for tighter default spacing
|
|
.media-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
// Media list variation
|
|
//
|
|
// Undo default ul/ol styles
|
|
.media-list {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|