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

sidebar corrected

Browse Source
This commit is contained in:
Gaëlle Morin 2019-11-05 19:58:40 +01:00
parent 3c7700e966
commit 372ee5c6e8
2 changed files with 71 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -225,38 +225,49 @@ a,
&.button {
padding: 0.55rem 2.5rem;
border-radius: 100em;
*, & {
*,
& {
font-size: 1.4rem;
}
&.small {
*, & {
*,
& {
font-size: 1rem;
}
}
&.text-bold {
*, & {
*,
& {
font-weight: bold;
}
}
&.text-uppercase {
*, & {
*,
& {
text-transform: uppercase;
}
}
&.rounded {
border-radius: 50%;
padding: 0.5rem 1rem;
}
}
&.button-link {
border-radius: 100em;
*, & {
*,
& {
text-decoration: underline;
}
&:hover {
text-decoration: none;
}
@ -265,69 +276,90 @@ a,
&.with-icon::before {
font-size: 1.6rem;
margin-right: 1rem;
&.icon-plus {
/* ... */
@include icon('plus');
}
&.icon-close {
/* ... */
@include icon('close');
}
&.icon-edit {
/* ... */
@include icon('pencil');
}
}
&.button-yellow {
background-color: white;
*, & {
*,
& {
color: hsl(43, 100%, 50%);
}
&.bordered {
border: 1px solid hsl(43, 100%, 50%);
}
&:hover {
background-color: #FFCE51;
*, & {
*,
& {
color: white;
}
}
}
&.button-blue {
background-color: white;
*, & {
*,
& {
color: hsl(244, 73%, 62%);
}
&.bordered {
border: 1px solid hsl(244, 73%, 62%);
}
&:hover {
background-color: hsl(244, 73%, 62%);
*, & {
*,
& {
color: white;
}
}
}
&.button-dark {
color: hsl(233, 18%, 29%);
background-color: white;
&.bordered {
border: 1px solid hsl(233, 18%, 29%);
}
&:hover {
background-color: hsl(233, 18%, 29%);
color: white;
}
}
&.reversed {
&.button-yellow {
background-color: hsl(43, 100%, 50%);
*, & {
*,
& {
color: white;
}
&:hover {
background-color: #FFCE51;
&.bordered {
border: 1px solid hsl(43, 100%, 50%);
}
@ -336,30 +368,42 @@ a,
&.button-blue {
background-color: hsl(244, 73%, 62%);
*, & {
*,
& {
color: white;
}
&:hover {
background-color: white;
*, & {
*,
& {
color: hsl(244, 73%, 62%);
}
&.bordered {
border: 1px solid hsl(244, 73%, 62%);
}
}
}
&.button-dark {
background-color: hsl(233, 18%, 29%);
*, & {
*,
& {
color: white;
}
&:hover {
background-color: white;
*, & {
*,
& {
color: hsl(233, 18%, 29%);
}
&.bordered {
border: 1px solid hsl(233, 18%, 29%);
}

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

@ -36,6 +36,8 @@
>ul {
cursor: pointer;
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding-left: 0;