Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
26
0
Fork 0
Code Issues Pull Requests Releases Activity

titles colors

Browse Source
This commit is contained in:
tykayn 2020-12-03 16:29:56 +01:00 committed by Baptiste Lemoine
parent fe2d845a91
commit 79487ca1a3
3 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
js/src/common.scss
View File

@ -185,18 +185,18 @@ a {
.title { .title {
margin: 1rem auto 1.5rem !important; margin: 1rem auto 1.5rem !important;
} }
h1,h2,h3,h4,h5,h6{
background: transparent;
color : $chapril_blue;
span{
background: $chapril_blue ;
color : $white ;
}
}
.setting-title { .setting-title {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
h1,h2,h3,h4,h5,h6{
background: $secondary;
color : $white;
span{
background: $secondary !important;
color : $white !important;
}
}
h2 { h2 {
display: inline; display: inline;
@ -269,6 +269,12 @@ a {
footer footer
*/ */
footer{
padding-bottom:2em;
ul, .content{
margin-bottom: 0.5em;
}
}
footer.footer[data-v-40ab164b] span.select select{ footer.footer[data-v-40ab164b] span.select select{
background: $chapril_blue_light; background: $chapril_blue_light;
color: #000; color: #000;

10
js/src/components/Event/DateCalendarIcon.vue
View File

@ -43,14 +43,13 @@ export default class DateCalendarIcon extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
time.datetime-container { time.datetime-container {
background: $primary-dark; background: $chapril_blue_light;
border: 1px solid $borders; border: 1px solid $chapril_blue_light;
color: $white; color: $chapril_blue;
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
/*height: 50px;*/
width: 50px; width: 50px;
padding: 8px; padding: 8px;
text-align: center; text-align: center;
@ -60,7 +59,6 @@ time.datetime-container {
font-weight: 600; font-weight: 600;
&.month { &.month {
color: $white;
padding: 2px 0; padding: 2px 0;
font-size: 12px; font-size: 12px;
line-height: 12px; line-height: 12px;
@ -68,7 +66,7 @@ time.datetime-container {
} }
&.day { &.day {
color: $violet-3; color: $white;
font-size: 20px; font-size: 20px;
line-height: 20px; line-height: 20px;
} }

12
js/src/components/Event/EventCard.vue
View File

@ -138,8 +138,8 @@ export default class EventCard extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
a.card { a.card {
display: block; display: block;
background: $secondary; background: $backgrounds;
color: #3c376e; color: $violet;
&:hover { &:hover {
// box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1); // box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
@ -185,14 +185,14 @@ a.card {
display: block; display: block;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.75em; line-height: 1.75em;
background-color: #e6e4f4; background-color: $backgrounds;
color: #3c376e; color: $violet;
} }
} }
} }
div.card-image { div.card-image {
background: $secondary; background: $chapril_blue;
figure.image { figure.image {
background-size: cover; background-size: cover;
@ -218,7 +218,7 @@ a.card {
font-size: 0.85rem; font-size: 0.85rem;
display: inline-flex; display: inline-flex;
flex-wrap: wrap; flex-wrap: wrap;
color: #3c376e; color: $white;
span { span {
width: 14rem; width: 14rem;