mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-12 16:15:12 +00:00
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.
This commit is contained in:
1 parent
6ff8f5c3ee
commit
4ef2aa3e55
1 file changed
+4
-14
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user