LBRYCommunity/components
1
0
Fork 0
Code Issues 1 Pull requests 7 Projects Releases Packages Wiki Activity

Added mixins

Browse source
This commit is contained in:
ポール ウェッブ 2019-02-26 15:53:50 -06:00
parent d7c450cdc5
commit 9d299a7847
5 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/index.css.map vendored
View file

File diff suppressed because one or more lines are too long

0
docs/.gitkeep
View file

2
docs/index.html
View file

@ -6,7 +6,7 @@
<link rel="stylesheet" href="https://rsms.me/inter/inter.css"/> <link rel="stylesheet" href="https://rsms.me/inter/inter.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@master/distr/fira_code.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@master/distr/fira_code.css"/>
<!--/ <link rel="stylesheet" href="../dist/index.css"/> /--> <!-- <link rel="stylesheet" href="../dist/index.css"/> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lbryio/components@master/dist/index.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lbryio/components@master/dist/index.css"/>
<style> <style>

12
sass/init/_mixins.scss
View file

@ -3,6 +3,18 @@
justify-content: space-between; justify-content: space-between;
} }
@mixin breakpoint-max($breakpoint) {
@media (max-width: #{$breakpoint}px) {
@content;
}
}
@mixin breakpoint-min($breakpoint) {
@media (min-width: #{$breakpoint}px) {
@content;
}
}
@mixin center { @mixin center {
align-items: center; align-items: center;
display: inline-flex; display: inline-flex;

1
sass/navigation/_index.scss
View file

@ -1,4 +1,5 @@
drawer-navigation { drawer-navigation {
// @include navigation(800);
width: 100%; height: 5rem; width: 100%; height: 5rem;
display: inline-flex; display: inline-flex;