LBRYCommunity/components
1
0
Fork 0
Code Issues1 Pull requests7 Projects Releases Packages Wiki Activity

Initial commit

Browse source
This commit is contained in:
ポール ウェッブ 2018-11-27 16:41:30 -06:00
parent 63cadabd3a
commit c5a55f00c4
9 changed files with 135 additions and 22 deletions

7
sass/init/_mixins.scss Normal file
View file

@ -0,0 +1,7 @@
// Use CSS variables without upsetting Sass-Lint
// https://github.com/sasstools/sass-lint/issues/1161#issuecomment-390537190
@mixin root-prop($prop: null, $value: null) {
@if ($prop and $value) {
#{$prop}: $value;
}
}

41
sass/init/_variables.scss Normal file
View file

@ -0,0 +1,41 @@
:root {
@include root-prop(--spacing-xxs, 0.2rem);
@include root-prop(--spacing-xs, 0.4rem);
@include root-prop(--spacing-s, 0.8rem);
@include root-prop(--spacing-m, 1.6rem);
@include root-prop(--spacing-l, 2.4rem);
@include root-prop(--spacing-xl, 3.2rem);
@include root-prop(--spacing-xxl, 6.4rem);
// 12:5
@include root-prop(--aspect-ratio-bluray, 41.6666666667%);
// 11:4
@include root-prop(--aspect-ratio-panavision, 36.3636363636%);
// 4:3
@include root-prop(--aspect-ratio-sd, 75%);
// 16:9
@include root-prop(--aspect-ratio-standard, 56.25%);
// --spacing-xxs: 0.2rem;
// --spacing-xs: 0.4rem;
// --spacing-s: 0.8rem;
// --spacing-m: 1.6rem;
// --spacing-l: 2.4rem;
// --spacing-xl: 3.2rem;
// --spacing-xxl: 6.4rem;
// // 12:5
// --aspect-ratio-bluray: 41.6666666667%;
// // 11:4
// --aspect-ratio-panavision: 36.3636363636%;
// // 4:3
// --aspect-ratio-sd: 75%;
// // 16:9
// --aspect-ratio-standard: 56.25%;
}