diff options
Diffstat (limited to 'assets/sass/components/_box.scss')
| -rw-r--r-- | assets/sass/components/_box.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/sass/components/_box.scss b/assets/sass/components/_box.scss new file mode 100644 index 0000000..077e1f9 --- /dev/null +++ b/assets/sass/components/_box.scss @@ -0,0 +1,30 @@ +/// +/// Big Picture by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Box */ + + .box { + background: _palette(bg); + color: _palette(fg); + padding: 2em; + + > :last-child { + margin-bottom: 0; + } + + &.style2 { + padding: 3.5em 2.5em 3.5em 2.5em; + } + + @include breakpoint('<=small') { + padding: 1em; + + &.style2 { + padding: 1.5em 1.25em 1.5em 1.25em; + background-color: transparentize(_palette(bg), 0.1); + } + } + }
\ No newline at end of file |