diff --git a/js/src/components/Discussion/DiscussionComment.vue b/js/src/components/Discussion/DiscussionComment.vue
index c6db3188..b0c825b6 100644
--- a/js/src/components/Discussion/DiscussionComment.vue
+++ b/js/src/components/Discussion/DiscussionComment.vue
@@ -171,33 +171,33 @@ article.comment {
div.description-content {
padding-bottom: 0.3rem;
- /deep/ h1 {
+ ::v-deep h1 {
font-size: 2rem;
}
- /deep/ h2 {
+ ::v-deep h2 {
font-size: 1.5rem;
}
- /deep/ h3 {
+ ::v-deep h3 {
font-size: 1.25rem;
}
- /deep/ ul {
+ ::v-deep ul {
list-style-type: disc;
}
- /deep/ li {
+ ::v-deep li {
margin: 10px auto 10px 2rem;
}
- /deep/ blockquote {
+ ::v-deep blockquote {
border-left: 0.2em solid #333;
display: block;
padding-left: 1em;
}
- /deep/ p {
+ ::v-deep p {
margin: 10px auto;
a {
diff --git a/js/src/components/Event/DateTimePicker.vue b/js/src/components/Event/DateTimePicker.vue
index 94cab473..3c21cea1 100644
--- a/js/src/components/Event/DateTimePicker.vue
+++ b/js/src/components/Event/DateTimePicker.vue
@@ -128,13 +128,13 @@ export default class DateTimePicker extends Vue {
diff --git a/js/src/views/About/Glossary.vue b/js/src/views/About/Glossary.vue
index 81a2a993..33b74cb1 100644
--- a/js/src/views/About/Glossary.vue
+++ b/js/src/views/About/Glossary.vue
@@ -80,7 +80,7 @@ export default class Glossary extends Vue {
diff --git a/js/src/views/About/Privacy.vue b/js/src/views/About/Privacy.vue
index 8f99c52a..4d9da617 100644
--- a/js/src/views/About/Privacy.vue
+++ b/js/src/views/About/Privacy.vue
@@ -54,11 +54,11 @@ export default class Privacy extends Vue {
main > .container {
background: $white;
- /deep/ dt {
+ ::v-deep dt {
font-weight: bold;
}
}
-.content /deep/ li {
+.content ::v-deep li {
margin-bottom: 1rem;
}
diff --git a/js/src/views/About/Rules.vue b/js/src/views/About/Rules.vue
index c154ba2c..b2b5651e 100644
--- a/js/src/views/About/Rules.vue
+++ b/js/src/views/About/Rules.vue
@@ -30,7 +30,7 @@ export default class Rules extends Vue {
main > .container {
background: $white;
}
-.content /deep/ li {
+.content ::v-deep li {
margin-bottom: 1rem;
}
diff --git a/js/src/views/About/Terms.vue b/js/src/views/About/Terms.vue
index 466189a6..5e55d78c 100644
--- a/js/src/views/About/Terms.vue
+++ b/js/src/views/About/Terms.vue
@@ -51,7 +51,7 @@ export default class Terms extends Vue {
}
diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index eb97c09e..c2c7af27 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -280,7 +280,7 @@ main section > .container {
}
.save__navbar {
- /deep/ .navbar-menu,
+ ::v-deep .navbar-menu,
.navbar-end {
flex-wrap: wrap;
}
@@ -303,7 +303,7 @@ h2.subtitle {
}
.event__status__field {
- /deep/ .field.has-addons {
+ ::v-deep .field.has-addons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index a69beab3..2ef739fe 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -1196,33 +1196,33 @@ div.sidebar {
}
.description-content {
- /deep/ h1 {
+ ::v-deep h1 {
font-size: 2rem;
}
- /deep/ h2 {
+ ::v-deep h2 {
font-size: 1.5rem;
}
- /deep/ h3 {
+ ::v-deep h3 {
font-size: 1.25rem;
}
- /deep/ ul {
+ ::v-deep ul {
list-style-type: disc;
}
- /deep/ li {
+ ::v-deep li {
margin: 10px auto 10px 2rem;
}
- /deep/ blockquote {
+ ::v-deep blockquote {
border-left: 0.2em solid #333;
display: block;
padding-left: 1em;
}
- /deep/ p {
+ ::v-deep p {
margin: 10px auto;
a {
diff --git a/js/src/views/Group/Group.vue b/js/src/views/Group/Group.vue
index da476c5c..8d89e272 100644
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@@ -722,7 +722,7 @@ div.container {
height: 5rem;
width: 5rem;
- /deep/ i.mdi.mdi-account-group.mdi-48px:before {
+ ::v-deep i.mdi.mdi-account-group.mdi-48px:before {
font-size: 100px;
}
}
diff --git a/js/src/views/Search.vue b/js/src/views/Search.vue
index b101bcc4..b175ff0d 100644
--- a/js/src/views/Search.vue
+++ b/js/src/views/Search.vue
@@ -391,7 +391,7 @@ h3.title {
}
form {
- /deep/ .field label.label {
+ ::v-deep .field label.label {
margin-bottom: 0;
}
}
diff --git a/js/src/views/Settings/AccountSettings.vue b/js/src/views/Settings/AccountSettings.vue
index 0d37c652..d9e19501 100644
--- a/js/src/views/Settings/AccountSettings.vue
+++ b/js/src/views/Settings/AccountSettings.vue
@@ -328,7 +328,7 @@ export default class AccountSettings extends Vue {
margin-top: 2rem;
}
-/deep/ .modal .modal-background {
+::v-deep .modal .modal-background {
background-color: initial;
}
diff --git a/js/src/views/User/Register.vue b/js/src/views/User/Register.vue
index f57f6dcf..07be3dcb 100644
--- a/js/src/views/User/Register.vue
+++ b/js/src/views/User/Register.vue
@@ -238,7 +238,7 @@ h2.title {
}
p.create-account {
- /deep/ button {
+ ::v-deep button {
margin: 1rem auto 2rem;
}
}