You are here

Home » API reference » AT Tools 8

menu.css in AT Tools 8

Same filename and directory in other branches
  1. 8.3 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 a {
  display: block;
  padding: 4px 0;
  padding: 0.25rem 0;
}
.menu a:hover, .menu a:focus {
  text-decoration: none;
}
.menu a:before, .menu a:after {
  display: none;
}
.fa-loaded .menu a:before, .fa-loaded .menu a:after {
  display: inline-block;
}
.menu a.button {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}
.menu a.button:after {
  content: '';
  display: none;
}
.menu .menu {
  padding-left: 16px;
  padding-left: 1rem;
}

.menu__item {
  text-align: left;
}

/**
 * Menus in the Leaderboard region.
 ============================================================================ */
.pr-leaderboard .block-menu {
  margin: 0;
}
.pr-leaderboard .block-menu .menu a:after {
  content: none;
  display: none;
}
.pr-leaderboard .block-menu .menu-level-1 .menu__item {
  float: left;
  margin: 6px 16px 6px 0;
  margin: 0.375rem 1rem 0.375rem 0;
  list-style: none;
}
.pr-leaderboard .block-menu .menu-level-1 .menu__item ul,
.pr-leaderboard .block-menu .menu-level-1 .menu__item ol {
  display: none;
}
[dir="rtl"] .pr-leaderboard .block-menu .menu-level-1 .menu__item {
  margin-right: 0;
  margin-left: 16px;
}

/**
 * Menus in the navbar region.
 ============================================================================ */
.pr-navbar__navbar .block-menu {
  margin: 0;
}
.pr-navbar__navbar .block-menu .menu a:after {
  content: none;
  display: none;
}
.pr-navbar__navbar .block-menu .menu-level-1 .menu__item {
  float: left;
  margin: 6px 16px 6px 0;
  margin: 0.375rem 1rem 0.375rem 0;
  list-style: none;
}
.pr-navbar__navbar .block-menu .menu-level-1 .menu__item ul,
.pr-navbar__navbar .block-menu .menu-level-1 .menu__item ol {
  display: none;
}
[dir="rtl"] .pr-navbar__navbar .block-menu .menu-level-1 .menu__item {
  margin-right: 0;
  margin-left: 16px;
}

/**
 * Menus in the Footer region.
 ============================================================================ */
.pr-footer__footer .block-menu {
  margin: 0;
}
.pr-footer__footer .block-menu .menu a:after {
  content: none;
  display: none;
}
.pr-footer__footer .block-menu .menu-level-1 .menu__item {
  float: left;
  margin: 6px 16px 6px 0;
  margin: 0.375rem 1rem 0.375rem 0;
  list-style: none;
}
.pr-footer__footer .block-menu .menu-level-1 .menu__item ul,
.pr-footer__footer .block-menu .menu-level-1 .menu__item ol {
  display: none;
}
[dir="rtl"] .pr-footer__footer .block-menu .menu-level-1 .menu__item {
  margin-right: 0;
  margin-left: 16px;
}

/*# sourceMappingURL=maps/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. .menu a {

  13.   display: block;

  14.   padding: 4px 0;

  15.   padding: 0.25rem 0;

  16. }

  17. .menu a:hover, .menu a:focus {

  18.   text-decoration: none;

  19. }

  20. .menu a:before, .menu a:after {

  21.   display: none;

  22. }

  23. .fa-loaded .menu a:before, .fa-loaded .menu a:after {

  24.   display: inline-block;

  25. }

  26. .menu a.button {

  27.   padding-left: 16px;

  28.   padding-left: 1rem;

  29.   padding-right: 16px;

  30.   padding-right: 1rem;

  31. }

  32. .menu a.button:after {

  33.   content: '';

  34.   display: none;

  35. }

  36. .menu .menu {

  37.   padding-left: 16px;

  38.   padding-left: 1rem;

  39. }

  40. 

  41. .menu__item {

  42.   text-align: left;

  43. }

  44. 

  45. /**

  46.  * Menus in the Leaderboard region.

  47.  ============================================================================ */

  48. .pr-leaderboard .block-menu {

  49.   margin: 0;

  50. }

  51. .pr-leaderboard .block-menu .menu a:after {

  52.   content: none;

  53.   display: none;

  54. }

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

  56.   float: left;

  57.   margin: 6px 16px 6px 0;

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

  59.   list-style: none;

  60. }

  61. .pr-leaderboard .block-menu .menu-level-1 .menu__item ul,

  62. .pr-leaderboard .block-menu .menu-level-1 .menu__item ol {

  63.   display: none;

  64. }

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

  66.   margin-right: 0;

  67.   margin-left: 16px;

  68. }

  69. 

  70. /**

  71.  * Menus in the navbar region.

  72.  ============================================================================ */

  73. .pr-navbar__navbar .block-menu {

  74.   margin: 0;

  75. }

  76. .pr-navbar__navbar .block-menu .menu a:after {

  77.   content: none;

  78.   display: none;

  79. }

  80. .pr-navbar__navbar .block-menu .menu-level-1 .menu__item {

  81.   float: left;

  82.   margin: 6px 16px 6px 0;

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

  84.   list-style: none;

  85. }

  86. .pr-navbar__navbar .block-menu .menu-level-1 .menu__item ul,

  87. .pr-navbar__navbar .block-menu .menu-level-1 .menu__item ol {

  88.   display: none;

  89. }

  90. [dir="rtl"] .pr-navbar__navbar .block-menu .menu-level-1 .menu__item {

  91.   margin-right: 0;

  92.   margin-left: 16px;

  93. }

  94. 

  95. /**

  96.  * Menus in the Footer region.

  97.  ============================================================================ */

  98. .pr-footer__footer .block-menu {

  99.   margin: 0;

  100. }

  101. .pr-footer__footer .block-menu .menu a:after {

  102.   content: none;

  103.   display: none;

  104. }

  105. .pr-footer__footer .block-menu .menu-level-1 .menu__item {

  106.   float: left;

  107.   margin: 6px 16px 6px 0;

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

  109.   list-style: none;

  110. }

  111. .pr-footer__footer .block-menu .menu-level-1 .menu__item ul,

  112. .pr-footer__footer .block-menu .menu-level-1 .menu__item ol {

  113.   display: none;

  114. }

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

  116.   margin-right: 0;

  117.   margin-left: 16px;

  118. }

  119. 

  120. /*# sourceMappingURL=maps/menu.css.map */