stylesheets/components/_dropdowns.scss in rapido-css-0.0.1 vs stylesheets/components/_dropdowns.scss in rapido-css-0.0.2.1
- old
+ new
@@ -1,35 +1,35 @@
-//
-// Dropdown menus
-// --------------------------------------------------
+// ====================================================================================================================
+// DROPDOWN MENUS
+// ====================================================================================================================
@if $dropdowns {
- // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
+
.dropdown {
position: relative;
display: inline-block;
-
}
+
.dropdown-toggle {
line-height: 1em;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
// Dropdown arrow/caret
- // --------------------
+ // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
.caret {
display: inline-block;
@extend %caret !optional;
}
// The dropdown menu (ul)
- // ----------------------
+ // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
.dropdown-menu {
@extend %dropdown !optional;
@include border-bottom-radius($base-border-radius);
border-style: solid;
border-width: $input-border;
@@ -50,11 +50,11 @@
right: 0;
left: auto;
}
- // Semplice lista di links dentro al dropdown
+ // Links list inside the dropdown
> li > a {
@include adjust-font-size-to($base-font-size);
display: block;
padding: $dropdowns-padding;
line-height: 1em;
@@ -98,12 +98,11 @@
// Nuke hover/focus effects
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
- background-image: none; // Remove CSS gradient
- // @include reset-filter();
+ background-image: none;
cursor: default;
}
// Open state for the dropdown
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
@@ -125,66 +124,20 @@
}
& > .dropdown-menu {}
}
- // Right aligned dropdowns
- // ---------------------------
- .pull-right > .dropdown-menu {
- right: 0;
- left: auto;
- }
-
-
- // Stili per tutti gli allineamenti
+ // Open/Close Animations
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
-
-
- // // Sub menus
- // // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
- // .dropdown-submenu {
- // position: relative;
- // }
-
- // .dropdown-submenu > .dropdown-menu {
- // top: 0;
- // left: 100%;
- // @include border-radius(0 $base-border-radius $base-border-radius $base-border-radius);
- // }
-
- // .dropdown-submenu:hover > .dropdown-menu {
- // // display: block;
- // // @extend %fadeIn;
- // }
-
- // .dropdown-submenu > a {
- // @extend %caret-side !optional;
- // &:after {margin-left: em(10px);}
- // }
-
-
- // Animazione Apertura / Chiusura
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
-
.dropdown-menu {
@include transition();
opacity: 0;
overflow: hidden;
max-height: 0;
}
- // .dropdown-submenu:hover > .dropdown-menu,
.open > .dropdown-menu {
opacity: 1;
max-height: 600px;
}
- // Apertura on hover per dropdown se dentro <nav>
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
- // nav {
- // .dropdown:hover > .dropdown-menu {
- // // display: block;
- // // @extend .open > .dropdown-menu;
- // opacity: 1;
- // }
- // }
}
\ No newline at end of file