From 9691ccf48f64dd0fac669ae51943907cc8da9b78 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 6 Feb 2022 20:23:11 +0100 Subject: Added status indicator and avatar --- src/layouts/_card.scss | 12 ++++++------ src/layouts/_container.scss | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) (limited to 'src/layouts') diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index 5db1a6a..a5b9028 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss @@ -5,11 +5,11 @@ @include iro.props-namespace('card') { @include iro.props-store(( --dims: ( - --pad-x: iro.fn-px-to-rem(11px), - --pad-y: iro.fn-px-to-rem(8px), + --pad-x: .6rem, + --pad-y: .4rem, --lg: ( - --pad-x: iro.fn-px-to-rem(14px), - --pad-y: iro.fn-px-to-rem(11px), + --pad-x: .9rem, + --pad-y: .7rem, ) ) ), 'dims'); @@ -34,8 +34,8 @@ flex: 0 0 auto; @include iro.bem-modifier('main') { - flex-shrink: 1; - width: 100%; + width: 100%; + min-width: 0; } } } diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 40e8ab6..7f13a8b 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss @@ -7,8 +7,8 @@ --dims: ( --content-width: iro.fn-px-to-rem(700px), --sm-content-width: iro.fn-px-to-rem(360px), - --padding-x: 3rem, - --padding-y: 3rem, + --pad-x: 3rem, + --pad-y: 3rem, --in-page-spacing-y: fn.global-dim(--spacing --y --xl), ) ), 'dims'); @@ -38,13 +38,13 @@ } @include iro.bem-modifier('pad-x') { - padding-right: fn.dim(--padding-x); - padding-left: fn.dim(--padding-x); + padding-right: fn.dim(--pad-x); + padding-left: fn.dim(--pad-x); } @include iro.bem-modifier('pad-y') { - padding-top: fn.dim(--padding-y); - padding-bottom: fn.dim(--padding-y); + padding-top: fn.dim(--pad-y); + padding-bottom: fn.dim(--pad-y); } @include iro.bem-modifier('narrow') { -- cgit v1.2.3-70-g09d2