nicd/mebe
Archived
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Tweak the default Flatly style a bit for readability by narrowing container

Browse source
This commit is contained in:
Mikko Ahlroth 2015-12-29 21:24:50 +02:00
parent b8888dcf12
commit ff9fb796ff
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/static/css/_variables.scss
View file

@ -332,17 +332,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1);
//## Define the maximum width of `.container` for different screen sizes. //## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet // Small screen / tablet
$container-tablet: (720px + $grid-gutter-width); $container-tablet: (700px + $grid-gutter-width);
//** For `$screen-sm-min` and up. //** For `$screen-sm-min` and up.
$container-sm: $container-tablet; $container-sm: $container-tablet;
// Medium screen / desktop // Medium screen / desktop
$container-desktop: (940px + $grid-gutter-width); $container-desktop: $container-tablet;
//** For `$screen-md-min` and up. //** For `$screen-md-min` and up.
$container-md: $container-desktop; $container-md: $container-desktop;
// Large screen / wide desktop // Large screen / wide desktop
$container-large-desktop: (1140px + $grid-gutter-width); $container-large-desktop: $container-tablet;
//** For `$screen-lg-min` and up. //** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop; $container-lg: $container-large-desktop;

6
web/static/css/app.scss
View file

@ -91,6 +91,12 @@ td, th {
} }
} }
.post-content {
p {
text-align: justify;
}
}
.container .row:first-child .post-header h1 { .container .row:first-child .post-header h1 {
margin-top: 0; margin-top: 0;
} }

2
web/templates/page/postlist.html.eex
View file

@ -1,6 +1,6 @@
<%= for post <- @posts do %> <%= for post <- @posts do %>
<div class="row"> <div class="row">
<div class="col-xs-10 col-xs-push-1"> <div class="col-xs-12">
<%= render "post_elem.html", Map.merge(assigns, %{post: post, short: true}) %> <%= render "post_elem.html", Map.merge(assigns, %{post: post, short: true}) %>
</div> </div>
</div> </div>