about summary refs log tree commit diff
path: root/app/javascript/styles/_mixins.scss
diff options
context:
space:
mode:
authorkawax <kawaxbiz@gmail.com>2017-05-03 18:43:37 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-05-03 11:43:37 +0200
commit383c0b780282e4ca2a9df2086166a576eef0f296 (patch)
tree76c4b2e6d4f7633a1a4608b8983d6644329805e6 /app/javascript/styles/_mixins.scss
parentbf8031e984a95827fd50591ea5ae3dbc4c2f004b (diff)
Show boosted user's avatar (#2518)
* Show boosted user's avatar

* add .status__avatar-boost

* margin

* apply to notifications too.

* account__avatar-boost

* Add inline prop to Avatar component

* Add AvatarOverlay component

* rename mixins.scss

* move files for latest master

* fixed for webpack
Diffstat (limited to 'app/javascript/styles/_mixins.scss')
-rw-r--r--app/javascript/styles/_mixins.scss12
1 files changed, 12 insertions, 0 deletions
diff --git a/app/javascript/styles/_mixins.scss b/app/javascript/styles/_mixins.scss
new file mode 100644
index 000000000..67d768a6c
--- /dev/null
+++ b/app/javascript/styles/_mixins.scss
@@ -0,0 +1,12 @@
+@mixin avatar-radius() {
+  border-radius: 4px;
+  background: transparent no-repeat;
+  background-position: 50%;
+  background-clip: padding-box;
+}
+
+@mixin avatar-size($size:48px) {
+  width: $size;
+  height: $size;
+  background-size: $size $size;
+}