autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

circle-info buttons styled + form buttons refactored

Browse Source
This commit is contained in:
Gaëlle Morin
2019-10-30 11:47:39 +01:00
parent 4aa69a1605
commit fda9e3dd22
4 changed files with 69 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/styles/base/form.scss
View File

@ -2,10 +2,6 @@
&.with-form {
sib-form {
padding-bottom: 2.55rem;
}
h1 {
color: $color-233-18-29;
font-weight: bold;
@ -86,20 +82,30 @@
}
}
input[type='submit'], .right-btn, sib-delete.right-btn button {
background-color: $color-233-18-29;
border: none;
.button,
input[type='submit'],
sib-delete button {
border-radius: 100em;
color: $color-0-0-100;
cursor: pointer;
font-size: 1.4rem;
font-weight: bold;
margin-left: auto;
margin-top: 3.2rem;
padding: 0.55rem 2.5rem;
text-transform: uppercase;
}
input[type='submit'] {
background-color: $color-233-18-29;
border: none;
color: $color-0-0-100;
margin-left: auto;
margin-top: 3.2rem;
}
.blue-button {
background: $color-244-73-62;
color: white;
}
.reversed-btn, sib-delete.reversed-btn button {
background-color: transparent;
border: 1px solid #6157e5;
@ -113,6 +119,10 @@
padding: 0;
}
.btn-margin-left {
margin-left: 2.2rem;
}
sib-form[set-user-id-select] {
input[type="submit"] {
@ -163,9 +173,8 @@
>input[type='submit'] {
background-color: transparent;
border: 1px solid #6157e5;
color: #6157e5;
font-size: 1.4rem;
border: 1px solid $color-244-73-62;
color: $color-244-73-62;
align-self: flex-end;
margin-bottom: 0.6rem;
margin-left: 4.2rem;

12
src/styles/base/main.scss
View File

@ -107,13 +107,13 @@ sib-delete {
@include icon('close');
background-color: $color-233-18-29;
border: none;
border-radius: 100em;
/*border-radius: 100em;*/
color: $color-0-0-100;
cursor: pointer;
font-size: 1.4rem;
font-weight: bold;
padding: 0.55rem 2.5rem;
text-transform: uppercase;
/*cursor: pointer;*/
/*font-size: 1.4rem;*/
/*font-weight: bold;*/
/*padding: 0.55rem 2.5rem;*/
/*text-transform: uppercase;*/
&::before {
font-size: 1.6rem;

9
src/styles/layout/circle/circle-profile.scss
View File

@ -19,13 +19,14 @@
.circle-edit-button {
align-self: flex-end;
position: absolute;
>sib-link {
background: $color-244-73-62;
}
}
}
.box-button {
display: flex;
justify-content: flex-end;
}
.block {
>form { /* peut-être à mettre dans main.scss */