dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

{WIP} Bulma => Knacss (moved button in own file)

Browse source
This commit is contained in:
Damien Broqua 2022-02-18 11:06:42 +01:00
parent 21a184bf8d
commit fe0a51e707
3 changed files with 50 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
sass/button.scss Normal file
View file

@ -0,0 +1,48 @@
.button {
cursor: pointer;
justify-content: center;
padding-bottom: calc(0.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(0.5em - 1px);
text-align: center;
white-space: nowrap;
border-width: 1px;
margin-bottom: .5rem;
background-color: #fff;
border-color: #dbdbdb;
&.is-danger {
background-color: #f14668;
border-color: transparent;
color: #fff;
&:hover {
background-color: #f03a5f;
border-color: transparent;
color: #fff;
}
}
&.is-link {
background-color: #485fc7;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3e56c4;
border-color: transparent;
color: #fff;
}
}
&.is-primary {
background-color: #48c78e;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3ec487;
}
}
}

49
sass/forms.scss
View file

@ -22,52 +22,3 @@
color: #363636; color: #363636;
} }
} }
.button {
cursor: pointer;
justify-content: center;
padding-bottom: calc(0.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(0.5em - 1px);
text-align: center;
white-space: nowrap;
border-width: 1px;
margin-bottom: .5rem;
background-color: #fff;
border-color: #dbdbdb;
&.is-danger {
background-color: #f14668;
border-color: transparent;
color: #fff;
&:hover {
background-color: #f03a5f;
border-color: transparent;
color: #fff;
}
}
&.is-link {
background-color: #485fc7;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3e56c4;
border-color: transparent;
color: #fff;
}
}
&.is-primary {
background-color: #48c78e;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3ec487;
}
}
}

2
sass/index.scss
View file

@ -28,8 +28,10 @@
@import './global'; @import './global';
@import './navbar'; @import './navbar';
@import './forms'; @import './forms';
@import './button.scss';
@import './table'; @import './table';
@import './modal'; @import './modal';
@import './home'; @import './home';
@import './connexion'; @import './connexion';
@import './ajouter-un-album'; @import './ajouter-un-album';