discourse/app/assets/stylesheets/mobile/_index.scss
chapoi f72899401d
UX: refactor .d-modal to use BEM and improve styling (#23967)
This PR refactors the following:
* leaving all the CSS applied to the old `modal-body` classes in their respective files
* made  new clean styling for `.d-modal` and refactored the template to use the new BEM classes
  * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes  
  * use standardised max-sizes with modifiers `-large` and `-max`
  * lighter backdrop,
  * min-width to prevent puny modals
  * other styling changes regarding padding, close button,…
* pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS
* pulled out login and create account modal styling into their own file, cause it's such a big override 
* removed old general login.scss file for mobile & desktop
* only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 10:14:47 +00:00

35 lines
746 B
SCSS

@import "admin_badges";
@import "admin_customize";
@import "admin_report_counters";
@import "admin_report_table";
@import "admin_report";
@import "admin_reports";
@import "alert";
@import "buttons";
@import "compose";
@import "dashboard";
@import "directory";
@import "discourse";
@import "edit-category";
@import "emoji";
@import "group";
@import "header";
@import "invite-signup";
@import "lightbox";
@import "menu-panel";
@import "login-modal";
@import "modal";
@import "new-user";
@import "onebox";
@import "personal-message";
@import "push-notifications-mobile";
@import "reviewables";
@import "search";
@import "tagging";
@import "topic-list";
@import "topic-post";
@import "topic";
@import "upload";
@import "user-badges";
@import "user";