mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-14 12:24:33 +02:00
Code Issues Releases Wiki Activity

CSS Code Housekeeping (#3026)

Browse Source 
* refactor: Avatar classes refactor
* refactor: Badge classes refactor
* chore: Remove commented dead code
* chore: Remove SignUpModal dead CSS code
Flarum seem to have had some kind of user display in the sign up modal 
on successful sign up, which no longer exists.

https://github.com/flarum/core/blob/v0.1.0-beta/js/forum/src/components/SignUpModal.js#L111
* chore: Deprecate unneeded vendor mixins
* chore: Normalize property values format
Co-authored-by: David Wheatley <hi@davwheat.dev>
* chore: Remove @-webkit-keyframes
* chore: Combine animation properties
* chore: Avoid `all` for transition
* chore: translate3d is no longer necessary for hardware acceleration
* fix: Lost cursor pointer to normalize update
* chore: Use CSS variables for more things
* chore: Remove unecessary overspecification
Co-authored-by: David Wheatley <hi@davwheat.dev>
This commit is contained in:
Sami Mazouz
2021-08-21 19:34:07 +01:00
committed by GitHub
parent 57eb621885
commit af89b23f67
29 changed files with 156 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
less/common/Modal.less
View File

@@ -16,7 +16,7 @@
z-index: @zindex-modal-background;
background-color: @overlay-bg;
opacity: 0;
.transition(0.2s opacity);
transition: opacity 0.2s;
&.in {
opacity: 1;
@@ -37,11 +37,11 @@
// When fading in the modal, animate it to slide down
.Modal {
.scale(0.9);
.transition-transform(0.2s ease-out);
transform: scale(0.9);
transition: transform 0.2s ease-out;
}
&.in .Modal {
.scale(1);
transform: scale(1);
}
}
.modal-open .ModalManager {
@@ -126,7 +126,7 @@
opacity: 0;
pointer-events: none;
border-radius: @border-radius;
.transition(opacity 0.2s);
transition: opacity 0.2s;
&.active {
opacity: 1;
@@ -146,8 +146,8 @@
bottom: 0;
top: 0;
overflow: auto;
.transition-transform(0.2s);
.translate3d(0, 100vh, 0);
transition: transform 0.2s ease-out;
transform: translate(0, 100vh);
&.in {
-webkit-transform: none !important;
@@ -170,7 +170,7 @@
border: 0;
min-height: 100vh;
padding-top: @header-height-phone;
.box-shadow(none);
box-shadow: none;
}
.Modal-header {
padding: 0;
@@ -193,7 +193,7 @@
border: 0;
border-radius: @border-radius;
.box-shadow(0 7px 15px @shadow-color);
box-shadow: 0 7px 15px @shadow-color;
}
.Modal--small {
max-width: 375px;