I am a beginner in the world of Rhodes and Rhomobile Studio. Coming from a Rails background, I am used to the .css.scss file extensions which allow powerful CSS3 codes to be executed. However, in Rhomobile Studio, these extensions are not recognized. I am attempting something basic like this in the CSS files:
.some_class > input {
do something....
}
Unfortunately, these selectors are not being recognized. Is there a workaround for this issue? How can we implement media queries or utilize CSS frameworks in Rhomobile Studio?
HTML
<div class= "row">
<div class = "span24">
<div class = "index_form_login_form">
<form class="form-inline"> <input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<label class="checkbox">
<input type="checkbox"> Remember me </label>
<button type="submit" class="btn">Sign in</button> </form>
</div>
</div>
</div>
Issue in my .CSS file:
.index_form_login_form {
background: #CCFFCC;
margin: 67px 50px 20px 333px;
width: 800px;
height: 232px;
}
The above code is executed, but the following part is not:
.index_form_login_form input {
margin-left: 50px;
}