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

feature: css variables

Browse Source
This commit is contained in:
Jean-Baptiste Pasquier
2020-05-11 18:20:13 +00:00
committed by Rachel
parent 607de5dc13
commit beed19cb42
30 changed files with 702 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/components/comment.scss
View File

@ -1,4 +1,4 @@
#job-offers {
/* #job-offers {
details {
@ -119,4 +119,4 @@
}
}
}
}
}*/

4
src/styles/components/filters.scss
View File

@ -1,4 +1,4 @@
%filters {
/*%filters {
display: grid;
grid-gap: 0px 15px;
grid-template-columns: 1fr 1fr;
@ -56,4 +56,4 @@
sib-form[naked] {
@extend %filters;
}
}
}*/

19
src/styles/components/sidebar.scss
View File

@ -27,13 +27,12 @@
}
nav {
background: $color-210-25-95;
background: var(--color-right-menu-background);
transition: all 0.5s;
width: 25rem;
>sib-router {
background-color: $color-222-52-90;
color: $color-233-18-29;
color: var(--color-right-menu-text);
flex: 0 0 auto;
font-weight: 600;
@ -47,7 +46,7 @@
li {
align-items: center;
border-bottom: 1px solid $color-229-25-79;
border-bottom: 1px solid var(--color-right-menu-link-border);
display: flex;
margin: 0;
padding: 2.15rem 2.55rem;
@ -104,7 +103,7 @@
}
&[name='admin-users']>li::before {
background-color: $color-233-18-29;
background-color: var(--color-secondary);
content: '';
display: inline-block;
height: 40px;
@ -124,14 +123,14 @@
}
&[active] {
background-color: $color-233-18-29;
color: $color-46-100-67;
background-color: var(--color-right-menu-active-background);
color: var(--color-right-menu-active-text);
display: inline-block;
}
&.active-color[active] {
>li::before {
background-color: #ffd857;
background-color: var(--color-right-menu-active-icon);
}
}
}
@ -157,7 +156,7 @@
@include breakpoint(sm) {
display: block;
background: $color-221-51-90;
background: var(--color-right-menu-background);
bottom: 0;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12);
min-width: 60%;
@ -168,4 +167,4 @@
}
}
}
}
}

6
src/styles/components/skills.scss
View File

@ -4,10 +4,10 @@ sib-multiple[name*='skills'] {
}
.skill {
background-color: $color-43-100-50;
border: 1px solid $color-43-100-50;
background-color: var(--color-skill-background);
border: 1px solid var(--color-skill-background);
border-radius: 2em;
color: $color-0-0-100;
color: var(--color-skill-text);
display: block;
font-size: 1.4rem;
font-weight: bold;

8
src/styles/components/tags.scss
View File

@ -1,7 +1,7 @@
%tag-role {
border: 1px solid $color-45-95-54;
border: 1px solid var(--color-tag-group-border);
border-radius: 3px;
color: $color-210-4-50;
color: var(--color-tag-group-text);
font-size: 1.4rem;
font-weight: 400;
margin-right: 0.6rem;
@ -9,9 +9,9 @@
}
%tag-admin {
border: 1px solid $color-244-73-62;
border: 1px solid var(--color-tag-admin-border);
border-radius: 3px;
color: $color-244-73-62;
color: var(--color-tag-admin-text);
font-size: 1.4rem;
font-weight: 400;
margin-left: 0.6rem;