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/NodeViewBody.vue
+6 -13
View File
@@ -104,7 +104,7 @@ export default {
line-height: inherit;
}
@include media-breakpoint-up(sm) {
@include media-breakpoint-up($size-bp) {
font-size: 2rem;
}
@@ -112,7 +112,9 @@ export default {
padding: 0 $node-view-spacer-sm-x;
font-size: 1.25rem;
@include media-breakpoint-up(sm) {
@include media-breakpoint-up($size-bp) {
padding: 0 $node-view-spacer-x;
&.node-view-body-ref {
font-size: 2.6rem;
}
@@ -121,21 +123,14 @@ export default {
font-size: 1.5rem;
}
}
@include media-breakpoint-up(md) {
padding: 0 $node-view-spacer-x;
}
}
&-card {
padding: 0 $node-card-spacer-sm-x;
font-size: 1.1rem;
@include media-breakpoint-up(sm) {
@include media-breakpoint-up($size-bp) {
font-size: 2rem;
}
@include media-breakpoint-up(md) {
padding: 0 $node-card-spacer-x;
}
}
@@ -169,7 +164,7 @@ export default {
color: $white;
font-size: 1.25rem;
@include media-breakpoint-up(sm) {
@include media-breakpoint-up($size-bp) {
font-size: 1.5rem;
}
@@ -188,6 +183,4 @@ export default {
margin-top: .5rem;
}
}
</style>