| 12345678910111213141516171819 |
- /*
- Created on : Feb 15, 2023, 9:52:13 AM
- Author : Ale
- */
- .encabezado { font-family: 'indivisa-text-bold'; margin-bottom: 0.5rem; }
- .encabezado > a { width: 100%; display: flex; }
- .encabezado > a:hover { opacity: 0.5; }
- .encabezado > a > span { height: 40px; display: flex; }
- .encabezado > a > div { overflow: hidden; height: 40px; display: flex; justify-content: start; align-items: center; }
- .encabezado > a > span { width: 40px; clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0% 0%); }
- .encabezado > a > span > i { -webkit-transform: rotate(90deg); -o-transform:rotate(90deg); transform: rotate(90deg); }
- .encabezado > a.collapsed > span:first-of-type { transition: clip-path 2s; clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50% 50%, 0% 0%); }
- .encabezado > a.collapsed > span:last-of-type { transition: clip-path 2s; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 0% 0%); }
- .encabezado > a.collapsed > span > i { -webkit-transform: rotate(0deg); -o-transform:rotate(0deg); transform: rotate(0deg); }
- .contenido { background: var(--light); padding: 1.5rem; margin-bottom: 0.5rem; }
- .contenido > div { margin-bottom: 1rem; position: relative; }
- .contenido > div:last-of-type { margin-bottom: 0; }
- .contenido > div > span.ing-cuadrado { position: absolute; font-size: 50%; top: 7px; left: 4px; }
|
