diff options
author | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
---|---|---|
committer | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
commit | 7f69e616dd181ce6d46d42a7dfde14dfeae7e247 (patch) | |
tree | 3324c42ae878b1e68717d56270d81015d7d6de6b /_sass/elements/box.sass | |
download | cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.tar.xz cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.zip |
Initial commit.
Diffstat (limited to '_sass/elements/box.sass')
-rw-r--r-- | _sass/elements/box.sass | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/_sass/elements/box.sass b/_sass/elements/box.sass new file mode 100644 index 0000000..d58f405 --- /dev/null +++ b/_sass/elements/box.sass @@ -0,0 +1,24 @@ +$box-color: $text !default +$box-background-color: $white !default +$box-radius: $radius-large !default +$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default +$box-padding: 1.25rem !default + +$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default +$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default + +.box + @extend %block + background-color: $box-background-color + border-radius: $box-radius + box-shadow: $box-shadow + color: $box-color + display: block + padding: $box-padding + +a.box + &:hover, + &:focus + box-shadow: $box-link-hover-shadow + &:active + box-shadow: $box-link-active-shadow |