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
/
breadcrumb.pcss.css

breadcrumb.pcss.css 1.1 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041 
  1. /**
    2. 

  2.  * @file
    3. 

  3.  * Breadcrumbs.
    4. 

  4.  */
    5. 

  5. 

  6. @import "../base/variables.pcss.css";
    7. 

  7. 

  8. .breadcrumb {
    9. 

  9.   padding: 0;
    10. 

  10.   color: var(--color-text);
    11. 

  11.   font-size: 0.79rem;
    12. 

  12. }
    13. 

  13. 

  14. .breadcrumb__list,
    15. 

  15. [dir="rtl"] .breadcrumb__list {
    16. 

  16.   margin: 0;
    17. 

  17.   padding: 0;
    18. 

  18.   list-style-type: none;
    19. 

  19. }
    20. 

  20. 

  21. .breadcrumb__item,
    22. 

  22. .breadcrumb__link {
    23. 

  23.   display: inline;
    24. 

  24.   text-decoration: none;
    25. 

  25.   color: var(--color-text);
    26. 

  26.   font-weight: bold;
    27. 

  27. }
    28. 

  28. 

  29. .breadcrumb__item + .breadcrumb__item::before {
    30. 

  30.   padding: 0 0.75rem;
    31. 

  31.   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8' height='8' width='5'%3E%3Cpath d='M1.2070312,0.64696878 0.5,1.354 3.1464844,4.0004844 0.5,6.6469688 1.2070312,7.354 4.5605468,4.0004844Z' fill='%23545560'/%3E%3C/svg%3E");
    32. 

  32. }
    33. 

  33. 

  34. [dir="rtl"] .breadcrumb__item + .breadcrumb__item::before {
    35. 

  35.   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8'%3E%3Cpath d='M3.7929688,0.64696878 4.5,1.354 1.8535156,4.0004844 4.5,6.6469688 3.7929688,7.354 0.4394532,4.0004844Z' fill='%23545560'/%3E%3C/svg%3E");
    36. 

  36. }
    37. 

  37. 

  38. .breadcrumb__link:hover,
    39. 

  39. .breadcrumb__link:focus {
    40. 

  40.   text-decoration: none;
    41. 

  41. }
    42.