pretty code
This commit is contained in:
parent
b55416c0c4
commit
24cc2ea1d5
|
@ -23,11 +23,10 @@ main > .container {
|
|||
background: $whitest;
|
||||
min-height: 70vh;
|
||||
}
|
||||
.step-content{
|
||||
.step-content {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
a.out,
|
||||
.content a,
|
||||
.ProseMirror a {
|
||||
|
@ -45,17 +44,18 @@ main {
|
|||
min-height: 80vh;
|
||||
}
|
||||
}
|
||||
> #homepage{
|
||||
> #homepage {
|
||||
background: $whitest;
|
||||
#featured_events{
|
||||
#featured_events {
|
||||
background: $whitest;
|
||||
}
|
||||
#picture{
|
||||
.container, .section{
|
||||
#picture {
|
||||
.container,
|
||||
.section {
|
||||
background: $whitest;
|
||||
}
|
||||
}
|
||||
> .container{
|
||||
> .container {
|
||||
min-height: 25vh;
|
||||
}
|
||||
}
|
||||
|
@ -63,7 +63,6 @@ main {
|
|||
|
||||
.section {
|
||||
padding: 1rem 1% 4rem;
|
||||
|
||||
}
|
||||
|
||||
figure img.is-rounded {
|
||||
|
@ -109,11 +108,10 @@ body {
|
|||
background: $body-background-color;
|
||||
font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Segoe UI",
|
||||
"Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
||||
}
|
||||
|
||||
#mobilizon{
|
||||
> main{
|
||||
#mobilizon {
|
||||
> main {
|
||||
background: $body-background-color;
|
||||
}
|
||||
> .container > .message {
|
||||
|
@ -173,12 +171,17 @@ a.list-item {
|
|||
.setting-title {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
h1,h2,h3,h4,h5,h6{
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
background: $secondary;
|
||||
color : $white;
|
||||
span{
|
||||
color: $white;
|
||||
span {
|
||||
background: $secondary !important;
|
||||
color : $white !important;
|
||||
color: $white !important;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
|
@ -190,11 +193,11 @@ a.list-item {
|
|||
}
|
||||
}
|
||||
|
||||
.hero-body{
|
||||
.hero-body {
|
||||
background-color: $chapril_blue_light;
|
||||
}
|
||||
|
||||
.columns{
|
||||
.columns {
|
||||
background: $whitest;
|
||||
}
|
||||
.setting-menu-item {
|
||||
|
@ -219,9 +222,7 @@ a.list-item {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.time.datetime-container{
|
||||
.time.datetime-container {
|
||||
color: $white;
|
||||
background: $chapril_blue_light;
|
||||
span.month {
|
||||
|
@ -233,7 +234,7 @@ a.list-item {
|
|||
footer
|
||||
|
||||
*/
|
||||
footer.footer[data-v-40ab164b] span.select select{
|
||||
footer.footer[data-v-40ab164b] span.select select {
|
||||
background: $chapril_blue_light;
|
||||
color: $footer-text-color;
|
||||
}
|
||||
|
|
|
@ -440,7 +440,7 @@ article.box {
|
|||
line-height: 1em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.participation-actor{
|
||||
.participation-actor {
|
||||
margin-top: 1em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -35,12 +35,14 @@
|
|||
}}</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://www.chapril.org/Mentions-legales.html' >
|
||||
<a href="https://www.chapril.org/Mentions-legales.html">
|
||||
Mentions légales
|
||||
</a >
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<router-link :to="{ name: RouteName.TERMS }">{{ $t("Terms") }}</router-link>
|
||||
<router-link :to="{ name: RouteName.TERMS }">{{
|
||||
$t("Terms")
|
||||
}}</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
|
|
|
@ -5,9 +5,11 @@
|
|||
:active.sync="mobileNavbarActive"
|
||||
>
|
||||
<template slot="brand">
|
||||
<b-navbar-item tag="router-link"
|
||||
<b-navbar-item
|
||||
tag="router-link"
|
||||
:aria-label="$t('Home')"
|
||||
:to="{ name: RouteName.HOME }">
|
||||
:to="{ name: RouteName.HOME }"
|
||||
>
|
||||
<img
|
||||
src="/img/long_logo_chapril_mobilizon.png"
|
||||
alt="logo mobilizon"
|
||||
|
@ -43,7 +45,10 @@
|
|||
href="https://www.chapril.org"
|
||||
:aria-label="'www.chapril.org'"
|
||||
>
|
||||
<img src="/img/pics/logo_chapril_mobilizon.png" alt="logo chapril mobilizon" />
|
||||
<img
|
||||
src="/img/pics/logo_chapril_mobilizon.png"
|
||||
alt="logo chapril mobilizon"
|
||||
/>
|
||||
</b-navbar-item>
|
||||
<b-navbar-item tag="div">
|
||||
<search-field @navbar-search="mobileNavbarActive = false" />
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
// chapril colors
|
||||
$chapril_blue: #2e5281;
|
||||
$chapril_blue_light: #bcd0e5;
|
||||
$white: mix( #fff,#bcd0e5);
|
||||
$whitest: #fff;
|
||||
$white: mix(#fff, #bcd0e5);
|
||||
$whitest: #fff;
|
||||
$chapril_orange: #ff5e00;
|
||||
$chapril_grey: #5f5f5f;
|
||||
// other
|
||||
|
@ -55,7 +55,7 @@ $secondary: lighten($chapril_blue, 20%);
|
|||
$secondary-invert: findColorInvert($secondary);
|
||||
|
||||
$background-color: mix($chapril_blue, $violet-2);
|
||||
$background-color-darker: darken($background-color,10%);
|
||||
$background-color-darker: darken($background-color, 10%);
|
||||
|
||||
$success: mix($chapril_blue, #0d8758);
|
||||
$success-invert: findColorInvert($success);
|
||||
|
@ -68,33 +68,33 @@ $link-invert: $primary-invert;
|
|||
$text: mix($chapril_blue, $violet-1);
|
||||
|
||||
$colors: map-merge(
|
||||
$colors,
|
||||
(
|
||||
"primary": (
|
||||
$primary,
|
||||
$primary-invert,
|
||||
),
|
||||
"secondary": (
|
||||
$secondary,
|
||||
$secondary-invert,
|
||||
),
|
||||
"success": (
|
||||
$success,
|
||||
$success-invert,
|
||||
),
|
||||
"info": (
|
||||
$info,
|
||||
$info-invert,
|
||||
),
|
||||
"danger": (
|
||||
$danger,
|
||||
$danger-invert,
|
||||
),
|
||||
"link": (
|
||||
$link,
|
||||
$link-invert,
|
||||
),
|
||||
)
|
||||
$colors,
|
||||
(
|
||||
"primary": (
|
||||
$primary,
|
||||
$primary-invert,
|
||||
),
|
||||
"secondary": (
|
||||
$secondary,
|
||||
$secondary-invert,
|
||||
),
|
||||
"success": (
|
||||
$success,
|
||||
$success-invert,
|
||||
),
|
||||
"info": (
|
||||
$info,
|
||||
$info-invert,
|
||||
),
|
||||
"danger": (
|
||||
$danger,
|
||||
$danger-invert,
|
||||
),
|
||||
"link": (
|
||||
$link,
|
||||
$link-invert,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Navbar
|
||||
|
@ -105,15 +105,15 @@ $navbar-height: 4rem;
|
|||
// Footer
|
||||
$footer-padding: 3rem 1.5rem 1rem;
|
||||
$footer-background-color: $violet-2;
|
||||
$footer-text-color: mix( #000, $violet-2);
|
||||
$footer-text-color: mix(#000, $violet-2);
|
||||
|
||||
$body-background-color: mix( $chapril_blue, #efeef4);
|
||||
$body-background-color: mix($chapril_blue, #efeef4);
|
||||
$fullhd-enabled: false;
|
||||
$hero-body-padding-medium: 6rem 1.5rem;
|
||||
|
||||
$title-color: $chapril_blue;
|
||||
$title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
|
||||
serif;
|
||||
serif;
|
||||
$title-weight: 700;
|
||||
$title-size: 40px;
|
||||
$title-sub-size: 45px;
|
||||
|
@ -121,7 +121,7 @@ $title-sup-size: 30px;
|
|||
|
||||
$subtitle-color: $chapril_grey;
|
||||
$subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
|
||||
serif;
|
||||
serif;
|
||||
$subtitle-weight: 400;
|
||||
$subtitle-size: 32px;
|
||||
$subtitle-sub-size: 30px;
|
||||
|
|
|
@ -841,7 +841,6 @@ div.container {
|
|||
|
||||
.media-content {
|
||||
h2 {
|
||||
|
||||
font-family: "Liberation Sans", "Helvetica Neue", Roboto,
|
||||
Helvetica, Arial, serif;
|
||||
font-size: 1.5rem;
|
||||
|
|
|
@ -18,10 +18,10 @@
|
|||
"
|
||||
/>
|
||||
<p class="instance-description">{{ config.description }}</p>
|
||||
<p class='contact contact-home'>
|
||||
<a href='mailto:mobilizon-support@chapril.org' >
|
||||
<p class="contact contact-home">
|
||||
<a href="mailto:mobilizon-support@chapril.org">
|
||||
{{ $t("Contact") }}
|
||||
</a >
|
||||
</a>
|
||||
</p>
|
||||
<!-- We don't invite to find other instances yet -->
|
||||
<!-- <p v-if="!config.registrationsOpen">
|
||||
|
@ -669,7 +669,6 @@ section.hero {
|
|||
}
|
||||
|
||||
.container.section {
|
||||
|
||||
@include tablet {
|
||||
margin-top: -4rem;
|
||||
}
|
||||
|
|
|
@ -292,7 +292,6 @@ export default class Register extends Vue {
|
|||
}
|
||||
|
||||
h2.title {
|
||||
|
||||
font-size: 2.5rem;
|
||||
text-decoration: underline;
|
||||
display: inline;
|
||||
|
|
Loading…
Reference in New Issue