assets/css/romo/dropdown.scss in romo-0.18.2 vs assets/css/romo/dropdown.scss in romo-0.19.0

- old
+ new

@@ -1,33 +1,37 @@ @import 'css/romo/vars'; @import 'css/romo/mixins'; -.romo-dropdown, -[data-romo-dropdown-close="true"] { - cursor: pointer; -} +.romo { -.romo-dropdown-popup { - position: absolute; - float: left; - @include border0; + .romo-dropdown, + [data-romo-dropdown-close="true"] { + cursor: pointer; + } - background-color: $baseBgColor; - border-color: $baseBorderColor; - border-color: rgba(0, 0, 0, 0.2); -} + .romo-dropdown-popup { + position: absolute; + float: left; + @include border0; -.romo-dropdown-popup[data-romo-dropdown-fixed="true"] { - position: fixed; -} + background-color: $baseBgColor; + border-color: $baseBorderColor; + border-color: rgba(0, 0, 0, 0.2); + } -.romo-dropdown-popup[data-romo-dropdown-position="bottom"] { - @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2)); -} + .romo-dropdown-popup[data-romo-dropdown-fixed="true"] { + position: fixed; + } -.romo-dropdown-popup[data-romo-dropdown-position="top"] { - @include box-shadow(0 -3px 10px rgba(0, 0, 0, 0.2)); -} + .romo-dropdown-popup[data-romo-dropdown-position="bottom"] { + @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2)); + } -.romo-dropdown-popup:not([class*="romo-dropdown-open"]) { - display: none; + .romo-dropdown-popup[data-romo-dropdown-position="top"] { + @include box-shadow(0 -3px 10px rgba(0, 0, 0, 0.2)); + } + + .romo-dropdown-popup:not([class*="romo-dropdown-open"]) { + display: none; + } + }