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

Add columns on pages card view and improve css layout

Browse Source
This commit is contained in:
decabeza
2019-01-31 17:06:44 +01:00
parent f00b504f55
commit 98f550fc18
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/layout.scss
View File

@@ -2869,11 +2869,19 @@ table {
.figure-card { .figure-card {
display: flex; display: flex;
margin: 0 0 $line-height; margin: 0 0 $line-height;
overflow: hidden;
position: relative; position: relative;
@include breakpoint(medium down) {
min-height: $line-height * 4;
}
@include breakpoint(medium) { @include breakpoint(medium) {
max-height: rem-calc(185); max-height: rem-calc(185);
overflow: hidden; }
@include breakpoint(large) {
min-height: rem-calc(185);
} }
a { a {
@@ -2905,8 +2913,16 @@ table {
h3, h3,
.title { .title {
font-size: rem-calc(24); font-size: $base-font-size;
line-height: rem-calc(24);
@include breakpoint(medium) {
font-size: rem-calc(20);
}
@include breakpoint(large) {
font-size: rem-calc(24);
line-height: rem-calc(24);
}
} }
span { span {

3
app/views/pages/_card.html.erb
View File

@@ -1,4 +1,5 @@
<div id="<%= dom_id(card) %>" class="card small-12 medium-6 column margin-bottom end large-4" data-equalizer-watch> <div id="<%= dom_id(card) %>"
class="card small-12 medium-<%= card.columns %> column margin-bottom end" data-equalizer-watch>
<%= link_to card.link_url do %> <%= link_to card.link_url do %>
<figure class="figure-card"> <figure class="figure-card">
<div class="gradient"></div> <div class="gradient"></div>