He vuelto a hacer esta consulta ya que no se que pasó con el anterior, estaba dando error en la carga de los comentarios.
Código de colors.scss
$colors : (
red: #FC4349,
pink: #E4004F,
blue: #2C3E50,
grey: #D7DADB,
dark-grey: #666,
light-blue: #6DBCDB,
white: #fff,
indigo: #2f33AC,
black: #000
);
@each $color_name, $color in colors{
.#{$color-name}{
background-color: $color;
}
.#{$color-name}-text{
color: $color;
}
}
Código de application.css
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require flexboxgrid
*= require colors
*= require common
*= require main
*= require_self
*/
Código de unregistered.haml
.full-height.row.middle-xs.white-text.center-xs.main-background.nomargin{style:"background-color:lightgreen;"}
=grid xs:10, sm:8, md:6, lg:4 do
.big-padding.blue.text-left.white-text
%h1.no-margin.bold.light-blue-text.no-margin Red Social
%p.no-margin Únete a la red social más rara del mundo
.top-space
Aqui va el login
.large-padding.text-center
=link_to "Crear Cuenta",new_user_registration_path
Me he fijado que no importa el archivo que lo trae vacío, como figura en las imágenes adjuntas