node.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/components/content/node.css
  2. 9 core/profiles/demo_umami/themes/umami/css/classy/components/node.css
  3. 9 core/themes/seven/css/components/node.css
  4. 9 core/themes/seven/css/classy/components/node.css
  5. 9 core/themes/claro/css/components/node.css
  6. 9 core/themes/claro/css/classy/components/node.css
  7. 9 core/themes/bartik/css/components/node.css
  8. 9 core/themes/bartik/css/classy/components/node.css
  9. 9 core/themes/starterkit_theme/css/components/node.css
  10. 9 core/themes/classy/css/components/node.css
Same filename in other branches
  1. 7.x modules/node/node.css
  2. 8.9.x core/profiles/demo_umami/themes/umami/css/components/content/node.css
  3. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/node.css
  4. 8.9.x core/themes/seven/css/components/node.css
  5. 8.9.x core/themes/seven/css/classy/components/node.css
  6. 8.9.x core/themes/claro/css/components/node.css
  7. 8.9.x core/themes/claro/css/classy/components/node.css
  8. 8.9.x core/themes/bartik/css/components/node.css
  9. 8.9.x core/themes/bartik/css/classy/components/node.css
  10. 8.9.x core/themes/classy/css/components/node.css
  11. 10 core/profiles/demo_umami/themes/umami/css/components/content/node.css
  12. 10 core/profiles/demo_umami/themes/umami/css/classy/components/node.css
  13. 10 core/themes/olivero/css/components/node.css
  14. 10 core/themes/claro/css/components/node.css
  15. 10 core/themes/claro/css/classy/components/node.css
  16. 10 core/themes/starterkit_theme/css/components/node.css
  17. 11.x core/profiles/demo_umami/themes/umami/css/components/content/node.css
  18. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/node.css
  19. 11.x core/themes/olivero/css/components/node.css
  20. 11.x core/themes/claro/css/components/node.css
  21. 11.x core/themes/claro/css/classy/components/node.css
  22. 11.x core/themes/starterkit_theme/css/components/node.css

Node specific styles.

File

core/themes/olivero/css/components/node.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Node specific styles.
  10. */
  11. .node__meta {
  12. display: flex;
  13. align-items: center;
  14. margin-bottom: 1.125rem;
  15. color: #6e7172;
  16. font-size: 0.875rem;
  17. line-height: 1.125rem;
  18. }
  19. .node__meta a {
  20. font-weight: bold;
  21. }
  22. @media (min-width: 31.25rem) {
  23. .node__meta {
  24. margin-bottom: 2.25rem;
  25. }
  26. }
  27. [dir="ltr"] .node__author-image img {
  28. margin-right: 0.5625rem;
  29. }
  30. [dir="rtl"] .node__author-image img {
  31. margin-left: 0.5625rem;
  32. }
  33. .node__author-image img {
  34. width: 2.8125rem;
  35. height: 2.8125rem;
  36. object-fit: cover;
  37. border-radius: 50%;
  38. }
  39. .node__title a {
  40. padding-bottom: 0.1875rem;
  41. transition: background-size 0.2s, color 0.2s;
  42. text-decoration: none;
  43. color: #0d1214;
  44. background-color: transparent;
  45. background-image: linear-gradient(#2494db, #2494db); /* Two values are needed for IE11 support. */
  46. background-repeat: no-repeat;
  47. background-position: bottom left; /* LTR */
  48. background-size: 0 0.1875rem;
  49. }
  50. .node__title a:hover,
  51. .node__title a:focus {
  52. color: #0d77b5;
  53. }
  54. [dir="rtl"] .node__title {
  55. background-position: bottom right;
  56. }
  57. .node__content {
  58. padding-bottom: 1.6875rem;
  59. }
  60. @media (min-width: 62.5rem) {
  61. .node__content {
  62. padding-bottom: 3.375rem;
  63. }
  64. }
  65. .node--unpublished {
  66. /* There is no variable for the color - #fff4f4. */
  67. background-color: #fff4f4;
  68. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.