You are here

Home » API reference » AT Tools 8.2

menu.css in AT Tools 8.2

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/menu.css
  2. 8 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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -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-flex;

  62.   display: -ms-flexbox;

  63.   display: flex;

  64.   -webkit-flex-direction: row;

  65.       -ms-flex-direction: row;

  66.           flex-direction: row;

  67. }

  68. 

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

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

  71.   list-style: none;

  72. }

  73. 

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

  75.   margin-right: 0;

  76.   margin-left: 16px;

  77. }

  78. 

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

  80.   float: right;

  81. }

  82. 

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

  84.   content: none;

  85.   display: none;

  86. }

  87. 

  88. /**

  89.  * Menus in the Footer region.

  90.  ============================================================================ */

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

  92.   display: -webkit-flex;

  93.   display: -ms-flexbox;

  94.   display: flex;

  95.   -webkit-flex-direction: row;

  96.       -ms-flex-direction: row;

  97.           flex-direction: row;

  98. }

  99. 

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

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

  102.   list-style: none;

  103. }

  104. 

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

  106.   margin-right: 0;

  107.   margin-left: 16px;

  108. }

  109. 

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

  111.   content: none;

  112.   display: none;

  113. }

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