You are here

Home » API reference » Drupal 10

secondary-menu.css in Drupal 10

Same filename and directory in other branches
  1. 8 core/themes/bartik/css/components/secondary-menu.css
  2. 9 core/themes/bartik/css/components/secondary-menu.css
/* --------------- Secondary Menu ------------ */

.region-secondary-menu .menu {
  margin: 0 10px;
  padding: 0;
  text-align: right; /* LTR */
  font-size: 0.929em;
}
[dir="rtl"] .region-secondary-menu .menu {
  margin-right: 10px; /* required to win over specificity of [dir="rtl"] ul.menu */
  margin-left: 10px;
  text-align: left;
}
.region-secondary-menu .menu-item {
  display: inline;
  margin: 0;
  padding: 0;
}
.region-secondary-menu .menu a {
  display: inline-block;
  padding: 0.8em;
}
.region-secondary-menu .menu a:hover,
.region-secondary-menu .menu a:focus {
  text-decoration: underline;
}

File

core/themes/bartik/css/components/secondary-menu.css
View source 
  1. /* --------------- Secondary Menu ------------ */

  2. 

  3. .region-secondary-menu .menu {

  4.   margin: 0 10px;

  5.   padding: 0;

  6.   text-align: right; /* LTR */

  7.   font-size: 0.929em;

  8. }

  9. [dir="rtl"] .region-secondary-menu .menu {

  10.   margin-right: 10px; /* required to win over specificity of [dir="rtl"] ul.menu */

  11.   margin-left: 10px;

  12.   text-align: left;

  13. }

  14. .region-secondary-menu .menu-item {

  15.   display: inline;

  16.   margin: 0;

  17.   padding: 0;

  18. }

  19. .region-secondary-menu .menu a {

  20.   display: inline-block;

  21.   padding: 0.8em;

  22. }

  23. .region-secondary-menu .menu a:hover,

  24. .region-secondary-menu .menu a:focus {

  25.   text-decoration: underline;

  26. }