1
0
mirror of https://github.com/flarum/core.git synced 2025-08-02 14:37:49 +02:00

Major CSS revamp

- Get rid of Bootstrap (except we still rely on some JS)
- Use BEM class names
- Rework variables/theme config
- Fix various bugs, including some on mobile

The CSS is still not ideal – it needs to be cleaned up some more. But
that can be a focus for after beta.
This commit is contained in:
Toby Zerner
2015-07-17 14:47:49 +09:30
parent 76678f72f2
commit a9ded36b57
206 changed files with 4337 additions and 8830 deletions

View File

@@ -6,7 +6,7 @@ import Modal from 'flarum/components/Modal';
*/
export default class ChangePasswordModal extends Modal {
className() {
return 'modal-sm change-password-modal';
return 'ChangePasswordModal Modal--small';
}
title() {
@@ -15,11 +15,11 @@ export default class ChangePasswordModal extends Modal {
content() {
return (
<div className="modal-body">
<div className="form-centered">
<p className="help-text">Click the button below and check your email for a link to change your password.</p>
<div className="form-group">
<button type="submit" className="btn btn-primary btn-block" disabled={this.loading}>Send Password Reset Email</button>
<div className="Modal-body">
<div className="Form Form--centered">
<p className="helpText">Click the button below and check your email for a link to change your password.</p>
<div className="Form-group">
<button type="submit" className="Button Button--primary Button--block" disabled={this.loading}>Send Password Reset Email</button>
</div>
</div>
</div>