improvement: rework radiuses
This commit is contained in:
parent
b2d1bf7029
commit
36db38dc5f
5 changed files with 1106 additions and 27 deletions
|
@ -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() {
|
||||
|
|
|
@ -6,7 +6,6 @@
|
|||
* que par l'ajout d'un nouveau fichier dans components/
|
||||
*/
|
||||
|
||||
|
||||
@import 'components/cards';
|
||||
|
||||
@import 'components/buttons';
|
||||
|
|
|
@ -7,8 +7,8 @@
|
|||
margin-bottom:1.2em;
|
||||
}
|
||||
|
||||
@mixin card-relief{
|
||||
@include card()
|
||||
@mixin card-relief {
|
||||
@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 {
|
||||
|
|
File diff suppressed because one or more lines are too long
Reference in a new issue