You are here

Home » API reference » AT Tools 8.3

menu.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/menu.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/menu.css
/**
 * Menus
 *  - style Drupal core block menus.
 *  - for the drop menu and other responsive menus see the mixins and the
 *    respective responsive menu partials.
 ============================================================================ */
.menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu .menu__link {
  display: block;
  padding: 0.125rem 0;
  margin: 0.125rem 0;
}

.menu .menu__link:hover, .menu .menu__link:focus {
  text-decoration: none;
}

.menu .menu__link:before, .menu .menu__link:after {
  display: none;
}

.fa-loaded .menu .menu__link:before, .fa-loaded .menu .menu__link:after {
  display: inline-block;
}

.menu .menu__link.button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.menu .menu__link.button:after {
  content: '';
  display: none;
}

.menu .menu {
  padding-left: 1rem;
}

.menu .menu__item--no-link .menu__link {
  cursor: default;
}

.menu__item {
  text-align: left;
}

/**
 * Menus in the Leaderboard region.
 ============================================================================ */
.pr-leaderboard .block-menu {
  margin: 0;
}

.pr-leaderboard .block-menu .menu-level-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.pr-leaderboard .block-menu .menu-level-1 .menu__item {
  margin: 0.375rem 1rem 0.375rem 0;
  list-style: none;
}

[dir="rtl"] .pr-leaderboard .block-menu .menu-level-1 .menu__item {
  margin-right: 0;
  margin-left: 16px;
}

.pr-leaderboard.rm-row .block-menu {
  float: right;
}

.pr-leaderboard .menu .menu__link:after {
  content: none;
  display: none;
}

/**
 * Menus in the Footer region.
 ============================================================================ */
.pr-footer__footer .menu-level-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.pr-footer__footer .menu-level-1 .menu__item {
  margin: 0.625rem 1rem 0.625rem 0;
  list-style: none;
}

[dir="rtl"] .pr-footer__footer .menu-level-1 .menu__item {
  margin-right: 0;
  margin-left: 16px;
}

.pr-footer__footer .menu .menu__link:after {
  content: none;
  display: none;
}
/*# sourceMappingURL=menu.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/menu.css
View source 
  1. /**

  2.  * Menus

  3.  *  - style Drupal core block menus.

  4.  *  - for the drop menu and other responsive menus see the mixins and the

  5.  *    respective responsive menu partials.

  6.  ============================================================================ */

  7. .menu {

  8.   padding: 0;

  9.   margin: 0;

  10.   list-style: none;

  11. }

  12. 

  13. .menu .menu__link {

  14.   display: block;

  15.   padding: 0.125rem 0;

  16.   margin: 0.125rem 0;

  17. }

  18. 

  19. .menu .menu__link:hover, .menu .menu__link:focus {

  20.   text-decoration: none;

  21. }

  22. 

  23. .menu .menu__link:before, .menu .menu__link:after {

  24.   display: none;

  25. }

  26. 

  27. .fa-loaded .menu .menu__link:before, .fa-loaded .menu .menu__link:after {

  28.   display: inline-block;

  29. }

  30. 

  31. .menu .menu__link.button {

  32.   padding-left: 1rem;

  33.   padding-right: 1rem;

  34. }

  35. 

  36. .menu .menu__link.button:after {

  37.   content: '';

  38.   display: none;

  39. }

  40. 

  41. .menu .menu {

  42.   padding-left: 1rem;

  43. }

  44. 

  45. .menu .menu__item--no-link .menu__link {

  46.   cursor: default;

  47. }

  48. 

  49. .menu__item {

  50.   text-align: left;

  51. }

  52. 

  53. /**

  54.  * Menus in the Leaderboard region.

  55.  ============================================================================ */

  56. .pr-leaderboard .block-menu {

  57.   margin: 0;

  58. }

  59. 

  60. .pr-leaderboard .block-menu .menu-level-1 {

  61.   display: -webkit-box;

  62.   display: -ms-flexbox;

  63.   display: flex;

  64.   -webkit-box-orient: horizontal;

  65.   -webkit-box-direction: normal;

  66.       -ms-flex-direction: row;

  67.           flex-direction: row;

  68. }

  69. 

  70. .pr-leaderboard .block-menu .menu-level-1 .menu__item {

  71.   margin: 0.375rem 1rem 0.375rem 0;

  72.   list-style: none;

  73. }

  74. 

  75. [dir="rtl"] .pr-leaderboard .block-menu .menu-level-1 .menu__item {

  76.   margin-right: 0;

  77.   margin-left: 16px;

  78. }

  79. 

  80. .pr-leaderboard.rm-row .block-menu {

  81.   float: right;

  82. }

  83. 

  84. .pr-leaderboard .menu .menu__link:after {

  85.   content: none;

  86.   display: none;

  87. }

  88. 

  89. /**

  90.  * Menus in the Footer region.

  91.  ============================================================================ */

  92. .pr-footer__footer .menu-level-1 {

  93.   display: -webkit-box;

  94.   display: -ms-flexbox;

  95.   display: flex;

  96.   -webkit-box-orient: horizontal;

  97.   -webkit-box-direction: normal;

  98.       -ms-flex-direction: row;

  99.           flex-direction: row;

  100. }

  101. 

  102. .pr-footer__footer .menu-level-1 .menu__item {

  103.   margin: 0.625rem 1rem 0.625rem 0;

  104.   list-style: none;

  105. }

  106. 

  107. [dir="rtl"] .pr-footer__footer .menu-level-1 .menu__item {

  108.   margin-right: 0;

  109.   margin-left: 16px;

  110. }

  111. 

  112. .pr-footer__footer .menu .menu__link:after {

  113.   content: none;

  114.   display: none;

  115. }

  116. /*# sourceMappingURL=menu.css.map */