bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use variable named breakpoints

Browse Source
This commit is contained in:
axolotle
2021-06-28 15:58:17 +02:00
parent 21801c1cef
commit c33a4cfce5
10 changed files with 36 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/nodes/NodeView.vue
+13 -5
View File
@@ -112,15 +112,17 @@ export default {
&-card &-header {
padding: $node-card-spacer-sm-y $node-card-spacer-sm-x 0;
@include media-breakpoint-up(md) {
@include media-breakpoint-up($size-bp) {
padding: $node-card-spacer-y $node-card-spacer-x 0;
}
}
&-card &-footer {
padding: $node-card-spacer-sm-y $node-card-spacer-sm-x $node-card-spacer-sm-y * 2;
position: sticky;
bottom: 0;
@include media-breakpoint-up(md) {
@include media-breakpoint-up($size-bp) {
padding: $node-card-spacer-y $node-card-spacer-x $node-card-spacer-y * 2;
}
}
@@ -133,7 +135,7 @@ export default {
&-view {
width: 100%;
@include media-breakpoint-up(md) {
@include media-breakpoint-up($layout-bp) {
height: 100%;
overflow-y: auto;
@@ -146,8 +148,11 @@ export default {
&-view &-header {
padding: $node-view-spacer-sm-y $node-view-spacer-sm-x 0;
@include media-breakpoint-up(md) {
@include media-breakpoint-up($size-bp) {
padding: $node-view-spacer-y $node-view-spacer-x 0;
}
@include media-breakpoint-up($layout-bp) {
position: sticky;
top: 0;
z-index: 1;
@@ -157,8 +162,11 @@ export default {
&-view &-footer {
padding: $node-view-spacer-sm-y $node-view-spacer-sm-x;
@include media-breakpoint-up(md) {
@include media-breakpoint-up($size-bp) {
padding: $node-view-spacer-y $node-view-spacer-x;
}
@include media-breakpoint-up($layout-bp) {
position: sticky;
bottom: 0;
}