diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /styles/_sass/elements/box.sass | |
parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
download | cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip |
merged
Diffstat (limited to 'styles/_sass/elements/box.sass')
-rw-r--r-- | styles/_sass/elements/box.sass | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/styles/_sass/elements/box.sass b/styles/_sass/elements/box.sass new file mode 100644 index 0000000..2fd18d4 --- /dev/null +++ b/styles/_sass/elements/box.sass @@ -0,0 +1,24 @@ +$box-color: $text !default +$box-background-color: $scheme-main !default +$box-radius: $radius-large !default +$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default +$box-padding: 1.25rem !default + +$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default +$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 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 |