consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Convert Color to Variables

Browse Source 
- Added two temporal variables for colors. (Deciding how to call these new variables)
- Replaced hexadecimal with variable
- Remove white space in the html
This commit is contained in:
Alessandro Cuoghi
2019-01-09 15:46:49 +01:00
committed by taitus
parent 145e0ae659
commit 003d3e82b0
4 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/_consul_settings.scss
View File

@@ -65,6 +65,9 @@ $alert-bg: #f2dede;
$alert-border: #ebccd1; $alert-border: #ebccd1;
$color-alert: #a94442; $color-alert: #a94442;
$pdf-primary: #0300ff;
$pdf-secondary: #ff9e00;
// 2. Foundation settings overrides // 2. Foundation settings overrides
// --------------------------------- // ---------------------------------

12
app/assets/stylesheets/dashboard.scss
View File

@@ -425,7 +425,7 @@
.dashboard-mail-preview { .dashboard-mail-preview {
.mail-header { .mail-header {
background: #0300ff; background: $pdf-primary;
color: #fff; color: #fff;
padding: $line-height; padding: $line-height;
@@ -461,7 +461,7 @@
.dashboard-poster-preview, .dashboard-poster-preview,
.dashboard-poster-pdf { .dashboard-poster-pdf {
.poster-header { .poster-header {
background: #0300ff; background: $pdf-primary;
color: #fff; color: #fff;
h1 { h1 {
color: #fff; color: #fff;
@@ -474,7 +474,7 @@
position: relative; position: relative;
&::before { &::before {
background: #ff9e00; background: $pdf-secondary;
content: ''; content: '';
position: absolute; position: absolute;
} }
@@ -508,7 +508,7 @@
.curly-quotes:before, .curly-quotes:before,
.curly-quotes:after { .curly-quotes:after {
color: #0300ff; color: $pdf-primary;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
height: rem-calc(18); height: rem-calc(18);
@@ -530,7 +530,7 @@
} }
h3 { h3 {
color: #0300ff; color: $pdf-primary;
display: inline; display: inline;
} }
@@ -550,7 +550,7 @@
.dashboard-poster-preview { .dashboard-poster-preview {
.preview-width { .preview-width {
width: 661px; width: rem-calc(661);
} }
.poster-header { .poster-header {

4
app/views/dashboard/poster/index.html.erb
View File

@@ -13,7 +13,6 @@
<p class="text-center"> <p class="text-center">
<strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong> <strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
</p> </p>
<div class="proposal-image"> <div class="proposal-image">
<% if proposal.image.present? %> <% if proposal.image.present? %>
<div class="overflow-image" style="background-image: url(<%= asset_url proposal.image.attachment.url(:large) %>);"></div> <div class="overflow-image" style="background-image: url(<%= asset_url proposal.image.attachment.url(:large) %>);"></div>
@@ -21,16 +20,13 @@
<div class="overflow-image" style="background-image: url(<%= asset_url "default_mailing.jpg"%>);"></div> <div class="overflow-image" style="background-image: url(<%= asset_url "default_mailing.jpg"%>);"></div>
<% end %> <% end %>
</div> </div>
<div class="poster-content"> <div class="poster-content">
<h2><%= t("dashboard.poster.index.support") %></h2> <h2><%= t("dashboard.poster.index.support") %></h2>
<div class="quote"> <div class="quote">
<blockquote class="curly-quotes"> <blockquote class="curly-quotes">
<h3><%= proposal.title %></h3> <h3><%= proposal.title %></h3>
</blockquote> </blockquote>
</div> </div>
<p class="poster-footer"><%= t("dashboard.poster.index.footer").html_safe %></p> <p class="poster-footer"><%= t("dashboard.poster.index.footer").html_safe %></p>
</div> </div>
</div> </div>

3
app/views/dashboard/poster/index.pdf.erb
View File

@@ -14,14 +14,12 @@
<%= wicked_pdf_image_tag("finger.png") %> <%= wicked_pdf_image_tag("finger.png") %>
<%= t("dashboard.poster.index.poster_subtitle") %> <%= t("dashboard.poster.index.poster_subtitle") %>
</h1> </h1>
<p class="intro"> <p class="intro">
<%= t("dashboard.poster.index.intro_text").html_safe %> <%= t("dashboard.poster.index.intro_text").html_safe %>
</p> </p>
<p class="text-center proposal_code"> <p class="text-center proposal_code">
<strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong> <strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
</p> </p>
<div class="proposal-image"> <div class="proposal-image">
<% if proposal.image.present? %> <% if proposal.image.present? %>
<div class="overflow-image" style="background-image:url('<%= "file://#{Rails.root.join('app','assets', proposal.image.attachment.url(:large), )}" %>');"></div> <div class="overflow-image" style="background-image:url('<%= "file://#{Rails.root.join('app','assets', proposal.image.attachment.url(:large), )}" %>');"></div>
@@ -31,7 +29,6 @@
<%#= wicked_pdf_image_tag "default_mailing.jpg" %> <%#= wicked_pdf_image_tag "default_mailing.jpg" %>
<% end %> <% end %>
</div> </div>
<div class="poster-content"> <div class="poster-content">
<h2 class="text-center"><%= t("dashboard.poster.index.support") %></h2> <h2 class="text-center"><%= t("dashboard.poster.index.support") %></h2>
<div class="quote"> <div class="quote">