diff options
| author | Kamil Trzcinski <ayufan@ayufan.eu> | 2015-08-03 11:30:02 +0200 |
|---|---|---|
| committer | Kamil Trzcinski <ayufan@ayufan.eu> | 2015-08-03 13:37:35 +0200 |
| commit | 96b84e4cb99df7703f52f472b40ce6328f433465 (patch) | |
| tree | 73635fc2e711e8244668d7390df883471fca33bb /app/assets | |
| parent | 9cf47eb6ee0dbd7ab5ce40b76a8cdb22253ec907 (diff) | |
| download | gitlab-ci-96b84e4cb99df7703f52f472b40ce6328f433465.tar.gz | |
Use avatars from GitLab
Rewrite Gravatar URLs if needed in order to have images in different size
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/generic/avatar.scss | 29 | ||||
| -rw-r--r-- | app/assets/stylesheets/main/variables.scss | 5 |
2 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/stylesheets/generic/avatar.scss b/app/assets/stylesheets/generic/avatar.scss new file mode 100644 index 0000000..fc0914c --- /dev/null +++ b/app/assets/stylesheets/generic/avatar.scss @@ -0,0 +1,29 @@ +.avatar { + float: left; + margin-right: 12px; + width: 40px; + height: 40px; + padding: 0; + @include border-radius($avatar_radius); + + &.avatar-inline { + float: none; + margin-left: 4px; + margin-bottom: 2px; + + &.s16 { margin-right: 4px; } + &.s24 { margin-right: 4px; } + } + + &.avatar-tile { + @include border-radius(0px); + } + + &.s16 { width: 16px; height: 16px; margin-right: 6px; } + &.s24 { width: 24px; height: 24px; margin-right: 8px; } + &.s26 { width: 26px; height: 26px; margin-right: 8px; } + &.s32 { width: 32px; height: 32px; margin-right: 10px; } + &.s60 { width: 60px; height: 60px; margin-right: 12px; } + &.s90 { width: 90px; height: 90px; margin-right: 15px; } + &.s160 { width: 160px; height: 160px; margin-right: 20px; } +} diff --git a/app/assets/stylesheets/main/variables.scss b/app/assets/stylesheets/main/variables.scss index bd79ca3..a8c672a 100644 --- a/app/assets/stylesheets/main/variables.scss +++ b/app/assets/stylesheets/main/variables.scss @@ -37,3 +37,8 @@ $border_warning: #EB9532; $font-size-base: 13px !default; $nav-pills-active-link-hover-bg: $bg_style_color; $pagination-active-bg: $bg_style_color; + +/** + * Avatar variables + */ +$avatar_radius: 50%; |