[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 // Disable animation if transitions are disabled 2 3 // scss-docs-start progress-keyframes 4 @if $enable-transitions { 5 @keyframes progress-bar-stripes { 6 0% { background-position-x: $progress-height; } 7 } 8 } 9 // scss-docs-end progress-keyframes 10 11 .progress { 12 display: flex; 13 height: $progress-height; 14 overflow: hidden; // force rounded corners by cropping it 15 @include font-size($progress-font-size); 16 background-color: $progress-bg; 17 @include border-radius($progress-border-radius); 18 @include box-shadow($progress-box-shadow); 19 } 20 21 .progress-bar { 22 display: flex; 23 flex-direction: column; 24 justify-content: center; 25 overflow: hidden; 26 color: $progress-bar-color; 27 text-align: center; 28 white-space: nowrap; 29 background-color: $progress-bar-bg; 30 @include transition($progress-bar-transition); 31 } 32 33 .progress-bar-striped { 34 @include gradient-striped(); 35 background-size: $progress-height $progress-height; 36 } 37 38 @if $enable-transitions { 39 .progress-bar-animated { 40 animation: $progress-bar-animation-timing progress-bar-stripes; 41 42 @if $enable-reduced-motion { 43 @media (prefers-reduced-motion: reduce) { 44 animation: none; 45 } 46 } 47 } 48 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |