Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

add buttons page

Browse Source
This commit is contained in:
Tykayn 2022-03-09 22:41:52 +01:00 committed by tykayn
parent aad31c9d5f
commit e84cfa9194
5 changed files with 1527 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1471
log_boulot.org Normal file
View File

File diff suppressed because it is too large Load Diff

14
src/app/core/components/home/home.component.html
View File

@ -3,6 +3,20 @@
<div class="landing container content"> <div class="landing container content">
<div class="columns presentation"> <div class="columns presentation">
<div class="column"> <div class="column">
<section class="buttons contained-in-main-column">
<h1 class="title is-1">titre h1</h1>
<h2 class="title is-2">titre h2</h2>
<h3 class="title is-3">titre h3</h3>
<button class="button is-primary is-disabled">bouton primaire inactif</button>
<button class="button is-primary">bouton primaire</button>
<button class="button is-primary is-thin">bouton primaire fin</button>
<button class="button is-secondary is-disabled">bouton secondaire</button>
<button class="button is-secondary">bouton secondaire</button>
<button class="button is-secondary is-thin">bouton secondaire fin</button>
<button class="button is-action">bouton action</button>
<button class="button is-action">bouton action fin</button>
</section>
<h2 class="title is-2"> <h2 class="title is-2">
{{ 'config.landing_title' | translate }} {{ 'config.landing_title' | translate }}
</h2> </h2>

4
src/styles/libraries/_frameworks.scss
View File

@ -1,8 +1,8 @@
@import '../../../node_modules/bulma/bulma.sass'; @import '../../../node_modules/bulma/bulma.sass';
// Import only what you need from Bulma // Import only what you need from Bulma
@import '../../../node_modules/bulma/sass/utilities/_all.sass'; @import '../../../node_modules/bulma/sass/utilities/_all.sass';
@import '../../../node_modules/bulma/sass/base/_all.sass'; //@import '../../../node_modules/bulma/sass/base/_all.sass';
@import '../../../node_modules/bulma/sass/elements/button.sass'; //@import '../../../node_modules/bulma/sass/elements/button.sass';
@import '../../../node_modules/bulma/sass/elements/container.sass'; @import '../../../node_modules/bulma/sass/elements/container.sass';
@import '../../../node_modules/bulma/sass/elements/title.sass'; @import '../../../node_modules/bulma/sass/elements/title.sass';
@import '../../../node_modules/bulma/sass/form/_all.sass'; @import '../../../node_modules/bulma/sass/form/_all.sass';

25
src/styles/partials/_buttons.scss
View File

@ -1,6 +1,6 @@
.outlined { .outlined {
&:focus { &:focus {
outline: black; outline: #6359cf;
outline-style: solid; outline-style: solid;
} }
} }
@ -24,8 +24,31 @@ button {
color: $white; 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 { .btn-primary {
@extend .is-primary; @extend .is-primary;
} }

18
src/styles/partials/_forms.scss
View File

@ -82,11 +82,25 @@ textarea {
overflow-x: auto; overflow-x: auto;
@extend .clickable; @extend .clickable;
} }
button,
.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; display: inline-block;
padding: 10px 30px; padding: 10px 30px;
height: auto;
&.is-thin {
padding: 6px 30px;
font-weight: normal;
font-size: 14px;
line-height: 18px;
}
&.has-no-border { &.has-no-border {
border: 0; border: 0;
} }