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

Clean-up main.scss

This commit is contained in:
Gaëlle Morin 2019-11-08 11:34:30 +01:00
parent 70e238d230
commit 52377dc92a
5 changed files with 40 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/page-admin-circles.pug
View File

@ -3,7 +3,7 @@
sib-route(name='admin-circle-list') sib-route(name='admin-circle-list')
sib-route(name='admin-circle-create') sib-route(name='admin-circle-create')
div.content-box__header.with-edit div.content-box__header.with-description
div div
p.name Administration p.name Administration

2
src/page-circle.pug
View File

@ -1,6 +1,6 @@
.views-container .views-container
.content-box.full-width.with-form .content-box.full-width.with-form
div.content-box__header.with-edit div.content-box__header.with-description
sib-ac-checker(permission='acl:Read', bind-resources) sib-ac-checker(permission='acl:Read', bind-resources)
sib-display( sib-display(
bind-resources bind-resources

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

@ -140,15 +140,6 @@
.bordered; .bordered;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
/*background-color: transparent;
border: 1px solid $color-244-73-62;
color: $color-244-73-62;
align-self: flex-end;
margin-bottom: 0.6rem;
margin-left: 4.2rem;
margin-top: 0;*/
} }
} }

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

@ -135,7 +135,7 @@ h5 {
border: 0; border: 0;
} }
.content-box__header.with-edit { .content-box__header.with-description {
border-bottom: 1px solid $color-221-51-90; border-bottom: 1px solid $color-221-51-90;
div { div {
@ -156,29 +156,20 @@ h5 {
margin-left: 0.60rem; margin-left: 0.60rem;
} }
} }
.edit {
color: $color-213-4-50;
font-size: 1.6rem;
margin-left: auto;
}
} }
} }
.backlink { .backlink {
@include icon('arrow-left-circle');
color: $color-233-18-29;
font-size: 1.5rem; font-size: 1.5rem;
margin: 2rem 0 0 2rem; margin: 2rem 0 0 2rem;
@include icon('arrow-left-circle');
color: #3d4057;
text-decoration: underline; text-decoration: underline;
&::before {
text-decoration: none;
}
&::before { &::before {
font-size: 2rem; font-size: 2rem;
margin-right: 1rem; margin-right: 1rem;
text-decoration: none;
} }
} }
@ -221,10 +212,10 @@ button,
input[type='submit'], input[type='submit'],
a, a,
.button { .button {
display: inline-block;
cursor: pointer;
background: none; background: none;
border: none; border: none;
cursor: pointer;
display: inline-block;
padding: 0; padding: 0;
&.button { &.button {
@ -285,10 +276,6 @@ a,
&.with-icon::before { &.with-icon::before {
font-size: 1.6rem; font-size: 1.6rem;
margin-right: 1rem; margin-right: 1rem;
&.icon-plus {
@include icon('plus');
}
} }
&.button-yellow { &.button-yellow {
@ -296,15 +283,15 @@ a,
*, *,
& { & {
color: hsl(43, 100%, 50%); color: $color-43-100-50;
} }
&.bordered { &.bordered {
border: 1px solid hsl(43, 100%, 50%); border: 1px solid $color-43-100-50;
} }
&:hover { &:hover {
background-color: #FFCE51; background-color: $color-43-100-50;
*, *,
& { & {
@ -318,15 +305,15 @@ a,
*, *,
& { & {
color: hsl(244, 73%, 62%); color: $color-244-73-62;
} }
&.bordered { &.bordered {
border: 1px solid hsl(244, 73%, 62%); border: 1px solid $color-244-73-62;
} }
&:hover { &:hover {
background-color: hsl(244, 73%, 62%); background-color: $color-244-73-62;
*, *,
& { & {
@ -336,15 +323,15 @@ a,
} }
&.button-dark { &.button-dark {
color: hsl(233, 18%, 29%); color: $color-233-18-29;
background-color: white; background-color: white;
&.bordered { &.bordered {
border: 1px solid hsl(233, 18%, 29%); border: 1px solid $color-233-18-29;
} }
&:hover { &:hover {
background-color: hsl(233, 18%, 29%); background-color: $color-233-18-29;
color: white; color: white;
} }
} }
@ -355,7 +342,7 @@ a,
&.reversed { &.reversed {
&.button-yellow { &.button-yellow {
background-color: hsl(43, 100%, 50%); background-color: $color-43-100-50;
*, *,
& { & {
@ -364,16 +351,16 @@ a,
&:hover { &:hover {
background-color: white; background-color: white;
color: #FFCE51; color: $color-43-100-50;
&.bordered { &.bordered {
border: 1px solid hsl(43, 100%, 50%); border: 1px solid $color-43-100-50;
} }
} }
} }
&.button-blue { &.button-blue {
background-color: hsl(244, 73%, 62%); background-color: $color-244-73-62;
*, *,
& { & {
@ -385,17 +372,17 @@ a,
*, *,
& { & {
color: hsl(244, 73%, 62%); color: $color-244-73-62;
} }
&.bordered { &.bordered {
border: 1px solid hsl(244, 73%, 62%); border: 1px solid $color-244-73-62;
} }
} }
} }
&.button-dark { &.button-dark {
background-color: hsl(233, 18%, 29%); background-color: $color-233-18-29;
*, *,
& { & {
@ -407,29 +394,14 @@ a,
*, *,
& { & {
color: hsl(233, 18%, 29%); color: $color-233-18-29;
} }
&.bordered { &.bordered {
border: 1px solid hsl(233, 18%, 29%); border: 1px solid $color-233-18-29;
} }
} }
} }
} }
} }
} }
.circle-edit-form>form {
input[type='submit'] {
@extend
.button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}

14
src/styles/layout/circle/circle-edit.scss
View File

@ -1,5 +1,19 @@
#circle-edit { #circle-edit {
.circle-edit-form>form {
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}
.table-header { .table-header {
background: $color-228-25-79; background: $color-228-25-79;
color: white; color: white;