소스 검색

feat(style): remove fade-in animation from widget pages

Make pages appear to load faster, consistent with removal of fade-in animation from other pages.
George Cushen 4 년 전
부모
커밋
4ef2aa3e55
1개의 변경된 파일4개의 추가작업 그리고 14개의 파일을 삭제
  1. 4 14
      wowchemy/assets/scss/wowchemy/_widgets.scss

+ 4 - 14
wowchemy/assets/scss/wowchemy/_widgets.scss

@@ -2,21 +2,11 @@
  *  Page Builder: sections and widgets
  **************************************************/
 
-@keyframes intro {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
 .home-section {
-  position: relative;  // Required for component positioning within section.
   background-color: $sta-home-section-odd;
+  position: relative;  // Required for component positioning within section.
   padding: 110px 0 110px 0;
-  animation: intro 0.3s both;
-  animation-delay: 0.15s;
+  z-index: 0;  // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background.
 }
 
 // Responsive fullscreen option for widgets
@@ -225,7 +215,7 @@ a.hero-cta-alt:hover {
  *  Slider Widget
  **************************************************/
 
-/* Clear `.home-section` as padding and animation interferes with Slider's layout and animations. */
+/* Clear `.home-section` as any padding or animation interferes with Slider's layout and animations. */
 .home-section.wg-slider {
   padding: 0;
   animation: none;
@@ -233,7 +223,7 @@ a.hero-cta-alt:hover {
 }
 
 /* The Slider widget reuses the Hero widget's `.wg-hero` class.
- * We must remove the `animation` and `clear` in this instance or
+ * We must remove any `animation` and `clear` (although Hero no longer sets `clear: both`) in this instance or
  * multiple slides can be `.active` at once. */
 .carousel-inner .wg-hero {
   animation: none;