ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +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 {
@include reset;
@include border-radius($border-radius-large);
@include border-radius($border-radius);
display: flex;
flex-direction: column;
background-color: $background-color-base;
@ -27,7 +29,7 @@
}
.ds-card-image {
@include border-radius($border-radius-large, 'top');
@include border-radius($border-radius, 'top');
overflow: hidden;
img {
@ -45,7 +47,7 @@
.ds-card-header {
@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;
.ds-card-has-image & {
@ -66,6 +68,9 @@
.ds-card-footer {
@include reset;
padding: $space-base;
border-radius: 0 0 $border-radius $border-radius;
overflow: hidden;
}
// Color variants

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

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