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;
|
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 */
|
/* 01.1 - Commons elements */
|
||||||
|
|
||||||
@mixin li-no-margin() {
|
@mixin li-no-margin() {
|
||||||
|
|
|
@ -6,7 +6,6 @@
|
||||||
* que par l'ajout d'un nouveau fichier dans components/
|
* que par l'ajout d'un nouveau fichier dans components/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
@import 'components/cards';
|
@import 'components/cards';
|
||||||
|
|
||||||
@import 'components/buttons';
|
@import 'components/buttons';
|
||||||
|
|
|
@ -7,8 +7,8 @@
|
||||||
margin-bottom:1.2em;
|
margin-bottom:1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin card-relief{
|
@mixin card-relief {
|
||||||
@include card()
|
@include card();
|
||||||
box-shadow: $large-shadow, $inset-shadow;
|
box-shadow: $large-shadow, $inset-shadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -66,15 +66,11 @@
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
@include border-radius();
|
@include border-radius-top($border-radius);
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@include border-radius();
|
@include border-radius-bottom($border-radius);
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
|
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