Adds styles for organization success registration [#226]

This commit is contained in:
Alberto Garcia Cabeza
2015-08-25 16:47:53 +02:00
parent 5e31a9f338
commit 7d17209be6
5 changed files with 46 additions and 23 deletions

View File

@@ -150,6 +150,19 @@ h1, h2, h3, h4, h5, h6 {
}
}
.margin {
margin-top: $line-height;
margin-bottom: $line-height;
}
.margin-top {
margin-top: $line-height;
}
.margin-bottom {
margin-bottom: $line-height;
}
// 04. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -494,9 +507,14 @@ footer {
h2 {
clear: both;
font-size: rem-calc(30);
font-size: rem-calc(18);
font-weight: bold;
line-height: $line-height*2;
line-height: $line-height;
@media (min-width: $small-breakpoint) {
font-size: rem-calc(30);
line-height: $line-height*2;
}
}
.back, .icon-angle-left {

View File

@@ -83,6 +83,7 @@ $comment-level-5: rgba(255,241,204,1);
// 06. Responsive
// - - - - - - - - - - - - - - - - - - - - - - - - -
$small: em-calc(480);
$small-breakpoint: em-calc(640);
$medium-breakpoint: em-calc(1024);
$large-breakpoint: em-calc(1440);

View File

@@ -1,8 +1,15 @@
<h1><%= t('devise_views.organizations.registrations.success.title') %></h1>
<p><%= t('devise_views.organizations.registrations.success.thank_you') %></p>
<p><%= t('devise_views.organizations.registrations.success.instructions') %></p>
<p><%= link_to t('devise_views.organizations.registrations.success.back_to_index'), root_path %></p>
<div class="auth row">
<div class="small-12 medium-8 column small-centered">
<div class="panel">
<h2><%= t("devise_views.organizations.registrations.success.title") %></h2>
<p><%= raw t("devise_views.organizations.registrations.success.thank_you") %></p>
<p><%= raw t("devise_views.organizations.registrations.success.instructions_1") %></p>
<p><%= raw t("devise_views.organizations.registrations.success.instructions_2") %></p>
<p><%= raw t("devise_views.organizations.registrations.success.instructions_3") %></p>
<p>
<%= link_to t("devise_views.organizations.registrations.success.back_to_index"),
root_path, class: "button radius small margin-top" %>
</p>
</div>
</div>
</div>