+
+ titre h1
+ titre h2
+ titre h3
+
+
+
+
+
+
+
+
+
+
{{ 'config.landing_title' | translate }}
diff --git a/src/styles/libraries/_frameworks.scss b/src/styles/libraries/_frameworks.scss
index 1b5a58fb..891f8f5b 100644
--- a/src/styles/libraries/_frameworks.scss
+++ b/src/styles/libraries/_frameworks.scss
@@ -1,8 +1,8 @@
@import '../../../node_modules/bulma/bulma.sass';
// Import only what you need from Bulma
@import '../../../node_modules/bulma/sass/utilities/_all.sass';
-@import '../../../node_modules/bulma/sass/base/_all.sass';
-@import '../../../node_modules/bulma/sass/elements/button.sass';
+//@import '../../../node_modules/bulma/sass/base/_all.sass';
+//@import '../../../node_modules/bulma/sass/elements/button.sass';
@import '../../../node_modules/bulma/sass/elements/container.sass';
@import '../../../node_modules/bulma/sass/elements/title.sass';
@import '../../../node_modules/bulma/sass/form/_all.sass';
diff --git a/src/styles/partials/_buttons.scss b/src/styles/partials/_buttons.scss
index 58d02279..8e42735b 100644
--- a/src/styles/partials/_buttons.scss
+++ b/src/styles/partials/_buttons.scss
@@ -1,6 +1,6 @@
.outlined {
&:focus {
- outline: black;
+ outline: #6359cf;
outline-style: solid;
}
}
@@ -24,8 +24,31 @@ button {
color: $white;
}
}
+ &:hover {
+ outline-color: cadetblue;
+ }
}
+.is-success {
+ background: #128149;
+ color: #fff;
+}
+
+.is-primary {
+ background: #6359cf;
+ color: #fff;
+}
+
+.is-disabled {
+ background: #767486;
+ color: #fff;
+}
+
+.is-secondary {
+ background: #fff;
+ color: #6359cf;
+ border-color: #6359cf;
+}
.btn-primary {
@extend .is-primary;
}
diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss
index 7d57866d..02e9ba32 100644
--- a/src/styles/partials/_forms.scss
+++ b/src/styles/partials/_forms.scss
@@ -82,11 +82,25 @@ textarea {
overflow-x: auto;
@extend .clickable;
}
-
+button,
.button {
+ font-family: 'Helvetica';
+ font-style: normal;
+ font-weight: normal;
+ font-size: 16px;
+ line-height: 20px;
+
+ /* identical to box height, or 125% */
+ text-align: center;
display: inline-block;
padding: 10px 30px;
- height: auto;
+
+ &.is-thin {
+ padding: 6px 30px;
+ font-weight: normal;
+ font-size: 14px;
+ line-height: 18px;
+ }
&.has-no-border {
border: 0;
}