comparison core/themes/bartik/css/components/primary-menu.css @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1

 
 .region-primary-menu {
   clear: both;
 }
 .region-primary-menu .menu {
-  font-size: 0.929em;
   margin: 0 5px;
   padding: 0;
   text-align: left; /* LTR */
+  font-size: 0.929em;
 }
 [dir="rtl"] .region-primary-menu .menu {
+  margin-right: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
+  margin-left: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
   text-align: right;
-  margin-left: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
-  margin-right: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
 }
 .region-primary-menu .menu-item {
   float: none;
-  list-style: none;
+  width: 100%;
+  height: auto;
   margin: 0;
   padding: 0;
-  height: auto;
-  width: 100%;
+  list-style: none;
 }
 .region-primary-menu .menu a {
+  display: block;
+  float: none;
+  margin: 4px 0;
+  padding: 0.9em 0 0.9em 10px; /* LTR */
+  text-decoration: none;
   color: #333;
+  border-radius: 8px;
   background: #ccc;
   background: rgba(255, 255, 255, 0.7);
-  float: none;
-  display: block;
-  text-decoration: none;
   text-shadow: 0 1px #eee;
-  border-radius: 8px;
-  margin: 4px 0;
-  padding: 0.9em 0 0.9em 10px; /* LTR */
 }
 [dir="rtl"] .region-primary-menu .menu a {
   padding: 0.9em 10px 0.9em 0;
 }
 .region-primary-menu .menu a:hover,

 .menu-toggle-target {
   display: none;
 }
 /* Unhide it for the primary menu. */
 .region-primary-menu .menu-toggle-target {
-  display: inherit;
   position: fixed;
   top: 0;
+  display: inherit;
 }
 .region-primary-menu .menu-toggle {
   display: none;
 }
 body:not(:target) .region-primary-menu .menu-toggle {
+  z-index: 1000;
+  display: block;
+  float: none;
+  padding: 0.9em 10px 0.9em 10px;
+  text-decoration: none;
   color: #333;
   background: #ccc;
   background: rgba(255, 255, 255, 0.7);
-  float: none;
+  text-shadow: 0 1px #eee;
   font-size: 0.929em;
-  display: block;
-  text-decoration: none;
-  text-shadow: 0 1px #eee;
-  padding: 0.9em 10px 0.9em 10px;
-  z-index: 1000;
 }
 body:not(:target) .region-primary-menu .menu-toggle:after {
+  position: absolute;
+  right: 10px; /* LTR */
+  display: inline-block;
+  width: 22px;
+  height: 22px;
   content: "";
   background: url(../../../../misc/icons/ffffff/hamburger.svg) no-repeat;
   background-size: contain;
-  width: 22px;
-  height: 22px;
-  display: inline-block;
-  position: absolute;
-  right: 10px; /* LTR */
 }
 [dir="rtl"] body:not(:target) .region-primary-menu .menu-toggle:after {
   right: initial;
   left: 10px;
 }

 body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
   display: block;
 }
 
 body:not(:target) .region-primary-menu .menu-item {
+  overflow: hidden;
   height: 0;
-  overflow: hidden;
 }
 body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu .menu-item {
+  overflow: visible;
   height: auto;
-  overflow: visible;
 }
 
 /**
  * Media queries for primary menu.
  */

   [dir="rtl"] .region-primary-menu .menu {
     text-align: center;
   }
   .region-primary-menu .menu-item,
   body:not(:target) .region-primary-menu .menu-item {
+    display: inline-block;
     float: left; /* LTR */
+    overflow: visible;
+    width: 32.75%;
+    height: auto;
     margin-right: 5px; /* LTR */
     padding: 0;
-    display: inline-block;
-    width: 32.75%;
-    height: auto;
-    overflow: visible;
   }
   [dir="rtl"] .region-primary-menu .menu-item,
   [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
     float: right;
+    margin-right: 0;
     margin-left: 5px;
-    margin-right: 0;
   }
   .region-primary-menu .menu-item:nth-child(3n) {
     margin-right: -5px; /* LTR */
   }
   [dir="rtl"] .region-primary-menu .menu-item:nth-child(3n) {
+    margin-right: 0;
     margin-left: -5px;
-    margin-right: 0;
   }
   .region-primary-menu .menu a {
+    display: block;
     float: none;
-    display: block;
-    border-radius: 8px;
     margin-bottom: 5px;
     padding: 0.9em 5px;
+    border-radius: 8px;
   }
   /* This is required to win over specificity of the global [dir="rtl"] .region-primary-menu .menu a */
   [dir="rtl"] .region-primary-menu .menu a {
     padding: 0.9em 5px;
   }

   }
 }
 
 @media all and (min-width: 901px) {
   .region-primary-menu .block-menu .menu {
-    font-size: 0.929em;
     margin: 0;
     padding: 0 15px;
+    font-size: 0.929em;
   }
   .region-primary-menu .menu-item,
   body:not(:target) .region-primary-menu .menu-item {
     float: left; /* LTR */
-    list-style: none;
-    padding: 0 1px;
-    margin: 0 1px;
+    overflow: visible;
     width: auto;
     height: auto;
-    overflow: visible;
+    margin: 0 1px;
+    padding: 0 1px;
+    list-style: none;
   }
   [dir="rtl"] .region-primary-menu .menu-item,
   [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
     float: right;
   }
   .region-primary-menu .menu a {
     float: left; /* LTR */
+    margin-bottom: 0;
     padding: 0.7em 0.8em;
-    margin-bottom: 0;
+    border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
   }
   [dir="rtl"] .region-primary-menu .menu a {
     float: right;
     padding: 0.7em 0.8em;
   }