maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[deploy] crayons prep (#10737)

Browse source
This commit is contained in:
ludwiczakpawel 2020-10-10 00:07:49 +02:00 • committed by GitHub
parent ee989a0d47
commit dd6e2246ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 52 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/assets/stylesheets/base/layout.scss
View file

@ -52,15 +52,39 @@
width: 100%;
}
&--limited {
&--limited-l {
--site-width: #{$breakpoint-l};
}
&--limited-inner {
&--limited-m {
--site-width: #{$breakpoint-m};
}
&--limited-s {
--site-width: #{$breakpoint-s};
}
&--limited-xs {
--site-width: 480px;
}
&--limited-inner-l {
.crayons-layout__content__inner {
max-width: $breakpoint-l;
}
}
&--limited-inner-m {
.crayons-layout__content__inner {
max-width: $breakpoint-m;
}
}
&--limited-inner-s {
.crayons-layout__content__inner {
max-width: $breakpoint-s;
}
}
}
.crayons-layout--2-cols {

5
app/assets/stylesheets/base/main.scss
View file

@ -31,3 +31,8 @@ body {
visibility: visible;
font-size: 18px;
}
a {
color: var(--link-brand-color);
text-decoration: none;
}

5
app/assets/stylesheets/scaffolds.scss
View file

@ -24,11 +24,6 @@
height: 90vh;
}
a {
color: var(--link-brand-color);
text-decoration: none;
}
div {
&.field,
&.actions {

4
app/views/articles/search.html.erb
View file

@ -2,7 +2,7 @@
<%= render "articles/search/meta" %>
<% end %>
<div id="query-wrapper"></div>
<header class="crayons-layout crayons-layout--limited crayons-layout--1-col p-4 block s:flex items-center space-between">
<header class="crayons-layout crayons-layout--limited-l crayons-layout--1-col p-4 block s:flex items-center space-between">
<h1 class="crayons-title">Search results</h1>
<nav id="sorting-option-tabs" class="crayons-tabs ml-auto">
@ -12,7 +12,7 @@
</nav>
</header>
<div class="crayons-layout crayons-layout--limited crayons-layout--2-cols pt-0" id="index-container"
<div class="crayons-layout crayons-layout--limited-l crayons-layout--2-cols pt-0" id="index-container"
data-params="<%= params.to_json(only: %i[tag username q]) %>" data-which="<%= @list_of %>"
data-tag=""
data-feed="<%= params[:timeframe] || "base-feed" %>"

4
app/views/devise/confirmations/new.html.erb
View file

@ -1,6 +1,6 @@
<% title "Confirm your email" %>
<% proper_email = params[:email] || (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
<div class="crayons-layout crayons-layout--limited align-center mt-9 mb-10 p-3">
<div class="crayons-layout crayons-layout--limited-l align-center mt-9 mb-10 p-3">
<h1 class="fs-5xl mb-5">Welcome to <%= community_name %>! 🎉</h1>
<h3 class="mb-5">A confirmation email has been sent to <a href="mailto:<%= proper_email %>"><%= proper_email %></a></h3>
@ -10,7 +10,7 @@
<%= devise_error_messages! %>
<div class="crayons-field mt-2">
<%= f.email_field :email, class: "crayons-textfield", autofocus: false, value: proper_email %>
<%= f.email_field :email, class: "crayons-textfield", autofocus: false, value: proper_email %>
</div>
<div class="crayons-field mt-2">

2
app/views/devise/invitations/edit.html.erb
View file

@ -1,5 +1,5 @@
<% title "Set your Password to Join" %>
<div class="crayons-layout crayons-layout--limited mb-10" style="max-width:640px">
<div class="crayons-layout crayons-layout--limited-l mb-10" style="max-width:640px">
<div class="crayons-notice mt-4">
<h1>Welcome to <%= community_name %></h1>
<% if SiteConfig.tagline.present? %>

4
app/views/listings/edit.html.erb
View file

@ -1,10 +1,10 @@
<% title "Edit Listing" %>
<header class="crayons-layout crayons-layout--limited flex items-center justify-between p-2 l:p-4 l:pb-0">
<header class="crayons-layout crayons-layout--limited-l flex items-center justify-between p-2 l:p-4 l:pb-0">
<h1 class="crayons-title">Edit Listing</h1>
</header>
<main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited">
<main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited-l">
<div class="crayons-layout__content">
<div class="crayons-card mb-6 p-6">
<%= form_for(@listing, html: { class: "grid gap-6 mb-6" }) do |f| %>

4
app/views/listings/new.html.erb
View file

@ -1,10 +1,10 @@
<% title "New Listing" %>
<header class="crayons-layout crayons-layout--limited flex items-center justify-between p-2 l:p-4 l:pb-0">
<header class="crayons-layout crayons-layout--limited-l flex items-center justify-between p-2 l:p-4 l:pb-0">
<h1 class="crayons-title">Create a Community Listing</h1>
</header>
<main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited">
<main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited-l">
<div class="crayons-layout__content">
<%= render "form", listing: @listing %>
</div>

2
app/views/pages/_placeholder.html.erb
View file

@ -1,6 +1,6 @@
<% title "#{title} #{community_qualified_name}" %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= title %></h1>

2
app/views/pages/code_of_conduct.html.erb
View file

@ -14,7 +14,7 @@
<meta name="twitter:title" content="<%= community_qualified_name %> Code of Conduct">
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Code of Conduct</h1>
<%= render "coc_text" %>

2
app/views/pages/contact.html.erb
View file

@ -19,7 +19,7 @@
<meta name="twitter:image:src" content="<%= SiteConfig.main_social_image %>">
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Contacts</h1>

2
app/views/pages/information.html.erb
View file

@ -32,7 +32,7 @@
}
</style>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">More information about <%= community_name %> 👋</h1>

2
app/views/pages/markdown_basics.html.erb
View file

@ -6,7 +6,7 @@
<%= meta_keywords_default %>
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Markdown Basics 🤓</h1>

2
app/views/pages/privacy.html.erb
View file

@ -19,7 +19,7 @@
<meta name="twitter:image:src" content="<%= SiteConfig.main_social_image %>">
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Privacy Policy</h1>

2
app/views/pages/report_abuse.html.erb
View file

@ -13,7 +13,7 @@
<meta name="twitter:title" content="Report Abuse">
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Report Abuse</h1>

2
app/views/pages/show.html.erb
View file

@ -20,7 +20,7 @@
<% if @page.template == "contained" %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= @page.title %></h1>

2
app/views/pages/sponsors.html.erb
View file

@ -6,7 +6,7 @@
<%= meta_keywords_default %>
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-0 mt-0">Thank you! ♥️</h1>
<h2 class="fs-2xl s:fs-3xl l:fs-4xl fw-medium s:fw-bold lh-tight mb-4 mt-0">for supporting our community</h2>

2
app/views/pages/terms.html.erb
View file

@ -19,7 +19,7 @@
<meta name="twitter:image:src" content="<%= SiteConfig.main_social_image %>">
<% end %>
<div class="crayons-layout crayons-layout--limited">
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0">Web Site Terms and Conditions of Use</h1>

4
app/views/users/edit.html.erb
View file

@ -19,7 +19,7 @@
</div>
<% end %>
<header class="crayons-layout crayons-layout--limited crayons-layout--1-col p-4">
<header class="crayons-layout crayons-layout--limited-l crayons-layout--1-col p-4">
<% if @tab == "organization" && @organizations.present? %>
<h1 class="crayons-title">Settings for
<span class="organization-dropdown">
@ -42,7 +42,7 @@
<% end %>
</header>
<main class="crayons-layout crayons-layout--2-cols crayons-layout--limited">
<main class="crayons-layout crayons-layout--2-cols crayons-layout--limited-l">
<div class="crayons-layout__left-sidebar">
<nav class="hidden m:block">
<% @tab_list.each do |possible_tab| %>