New theming system

This commit is contained in:
Agate 2020-05-15 14:12:36 +02:00
parent c505f6ff9b
commit cd422832dd
196 changed files with 3355 additions and 3482 deletions

View file

@ -1,5 +1,5 @@
<template>
<div class="main library pusher">
<div class="main pusher page-library">
<router-view :key="$router.currentRoute.name"></router-view>
</div>
</template>
@ -21,35 +21,3 @@ export default {
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
@import "../../style/vendor/media";
.library {
.ui.segment.head {
background-size: cover;
background-position: center;
padding: 0;
.segment-content {
margin: 0 auto;
padding: 2em;
@include media(">tablet") {
padding: 4em;
}
}
&.with-background {
.header {
&,
.sub {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
color: white !important;
}
}
.segment-content {
background-color: rgba(0, 0, 0, 0.5);
}
}
}
}
</style>