Home Explore Help
Sign In
kevin
/
Popsu-coloque
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: c11935cb48
Branches Tags
Popsu-coloque
/
web
/
core
/
themes
/
claro
/
css
/
components
/
tablesort-indicator.pcss.css

tablesort-indicator.pcss.css 2.0 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546 
  1. /**
    2. 

  2.  * @file
    3. 

  3.  * Tablesort indicator styles.
    4. 

  4.  */
    5. 

  5. 

  6. .tablesort {
    7. 

  7.   position: absolute;
    8. 

  8.   top: 50%;
    9. 

  9.   right: 1rem;
    10. 

  10.   width: 0.875rem; /* 14px */
    11. 

  11.   height: 1rem; /* 16px */
    12. 

  12.   margin-top: -0.5rem; /* -8px */
    13. 

  13.   opacity: 0.5;
    14. 

  14.   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1.75,0.25v1.5h10.5v-1.5z m0,3v1.5h7.5v-1.5z m0,3v1.5h4.5v-1.5z' fill='%23222330'/%3E%3C/svg%3E") no-repeat 0 50%;
    15. 

  15.   background-size: auto;
    16. 

  16. }
    17. 

  17. /* stylelint-disable-next-line selector-type-no-unknown */
    18. 

  18. _:-ms-fullscreen, /* Only IE 11 */
    19. 

  19. .tablesort {
    20. 

  20.   position: static;
    21. 

  21.   float: right;
    22. 

  22.   margin-top: 0.125rem; /* 2px */
    23. 

  23.   margin-right: -1.5rem; /* -24px */
    24. 

  24. }
    25. 

  25. [dir="rtl"] .tablesort {
    26. 

  26.   right: auto;
    27. 

  27.   left: 1rem; /* 16px */
    28. 

  28.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m12.25,0.25v1.5H1.75v-1.5z m0,3v1.5h-7.5v-1.5z m0,3v1.5h-4.5v-1.5z' fill='%23222330'/%3E%3C/svg%3E");
    29. 

  29. }
    30. 

  30. /* stylelint-disable-next-line selector-type-no-unknown */
    31. 

  31. _:-ms-fullscreen, /* Only IE 11 */
    32. 

  32. [dir="rtl"] .tablesort {
    33. 

  33.   float: left;
    34. 

  34.   margin-right: 0;
    35. 

  35.   margin-left: -1.5rem; /* -24px */
    36. 

  36. }
    37. 

  37. .tablesort--asc,
    38. 

  38. [dir="rtl"] .tablesort--asc {
    39. 

  39.   opacity: 1;
    40. 

  40.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3E%3Cpath d='M 5 0.43945312 L 0.71875 4.71875 L 1.78125 5.78125 L 4.25 3.3125 L 4.25 11.25 L 5.75 11.25 L 5.75 3.3125 L 8.21875 5.78125 L 9.28125 4.71875 L 5 0.43945312 z' fill='%23004adc'/%3E%3C/svg%3E");
    41. 

  41. }
    42. 

  42. .tablesort--desc,
    43. 

  43. [dir="rtl"] .tablesort--desc {
    44. 

  44.   opacity: 1;
    45. 

  45.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3E%3Cpath d='M 4.25 0.75 L 4.25 8.6875 L 1.78125 6.21875 L 0.71875 7.28125 L 5 11.560547 L 9.28125 7.28125 L 8.21875 6.21875 L 5.75 8.6875 L 5.75 0.75 L 4.25 0.75 z' fill='%23004adc'/%3E%3C/svg%3E");
    46. 

  46. }
    47.