kazhnuz/bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improvement: rework radiuses

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

28
scss/_definitions.scss
View file

@ -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() {

1
scss/_drawing.scss
View file

@ -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';

10
scss/components/_cards.scss
View file

@ -8,7 +8,7 @@
} }
@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 {

1090
style.css
View file

File diff suppressed because it is too large Load diff

2
style.css.map
View file

File diff suppressed because one or more lines are too long