improvement: rework radiuses

This commit is contained in:
Kazhnuz 2019-11-05 13:37:02 +01:00
parent b2d1bf7029
commit 36db38dc5f
5 changed files with 1106 additions and 27 deletions

View file

@ -27,6 +27,34 @@ $border-size: 1px;
border-radius: $border-radius $border-radius $border-radius $border-radius;
}
@mixin border-radius-top($value) {
border-top-left-radius: $value;
border-top-right-radius: $value;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
@mixin border-radius-bottom($value) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: $value;
border-bottom-right-radius: $value;
}
@mixin border-radius-left($value) {
border-top-left-radius: $value;
border-top-right-radius: 0;
border-bottom-left-radius: $value;
border-bottom-right-radius: 0;
}
@mixin border-radius-right($value) {
border-top-left-radius: 0;
border-top-right-radius: $value;
border-bottom-left-radius: 0;
border-bottom-right-radius: $value;
}
/* 01.1 - Commons elements */
@mixin li-no-margin() {

View file

@ -6,7 +6,6 @@
* que par l'ajout d'un nouveau fichier dans components/
*/
@import 'components/cards';
@import 'components/buttons';

View file

@ -8,7 +8,7 @@
}
@mixin card-relief {
@include card()
@include card();
box-shadow: $large-shadow, $inset-shadow;
}
@ -66,15 +66,11 @@
border-radius: 0;
&:first-child {
@include border-radius();
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@include border-radius-top($border-radius);
}
&:last-child {
@include border-radius();
border-top-left-radius: 0;
border-top-right-radius: 0;
@include border-radius-bottom($border-radius);
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {

1090
style.css

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long