fix: 🐛 specificity

This commit is contained in:
dharini committed 2021-10-21 09:41:03 -07:00
1 parent 3d7a40c88f
commit 24ffef643f
2 files changed
+3 -3

No files matched your search

@@ -34,7 +34,7 @@
</Rose::Form::HelperText>
{{/if}}
<div class="rose-input-wrapper {{if @icon 'icon'}}">
<div class="rose-input-wrapper">
{{#if @icon}}
<Rose::Icon
@name={{@icon}}
@@ -5,14 +5,14 @@
margin-bottom: sizing.rems(m);
}
.rose-input-wrapper.icon {
.rose-input-wrapper {
position: relative;
.rose-icon {
position: absolute;
left: 10px;
top: 10px;
}
.rose-form-input-field {
.rose-icon + .rose-form-input-field {
padding-left: 30px;
}
}