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

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

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;
}
}
}

View File

@ -21,53 +21,4 @@
border: 1px solid #dbdbdb !important;
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;
}
}
}

View File

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