ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

made card corner radius smaller

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-10-11 10:16:52 +02:00
parent 0c5f3be504
commit 1b427335aa
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styleguide/src/system/components/layout/Card/style.scss
View File

@ -1,6 +1,8 @@
$border-radius: $border-radius-large;
.ds-card { .ds-card {
@include reset; @include reset;
@include border-radius($border-radius-large); @include border-radius($border-radius);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: $background-color-base; background-color: $background-color-base;
@ -27,7 +29,7 @@
} }
.ds-card-image { .ds-card-image {
@include border-radius($border-radius-large, 'top'); @include border-radius($border-radius, 'top');
overflow: hidden; overflow: hidden;
img { img {
@ -45,7 +47,7 @@
.ds-card-header { .ds-card-header {
@include reset; @include reset;
@include border-radius($border-radius-large, 'top'); @include border-radius($border-radius, 'top');
padding: $space-base $space-base $space-xxx-small $space-base; padding: $space-base $space-base $space-xxx-small $space-base;
.ds-card-has-image & { .ds-card-has-image & {
@ -66,6 +68,9 @@
.ds-card-footer { .ds-card-footer {
@include reset; @include reset;
padding: $space-base; padding: $space-base;
border-radius: 0 0 $border-radius $border-radius;
overflow: hidden;
} }
// Color variants // Color variants

4
styleguide/src/system/tokens/border-radius.yml
View File

@ -4,8 +4,10 @@
# #
props: props:
- name: border-radius-large - name: border-radius-x-large
value: "8px" value: "8px"
- name: border-radius-large
value: "6px"
- name: border-radius-base - name: border-radius-base
value: "3px" value: "3px"
- name: border-radius-rounded - name: border-radius-rounded