dbroqua/MusicTopus
2
0
Fork 1
Code Issues 12 Pull requests 1 Projects Releases 14 Packages Wiki Activity Actions

{WIP} Bulma => Knacss (signin/signup)

Browse source
This commit is contained in:
Damien Broqua 2022-02-18 09:15:48 +01:00
parent 62607e2a83
commit 5b0f5a69c4
10 changed files with 167 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

5
sass/bulma.scss vendored
View file

@ -1,5 +0,0 @@
@use '../node_modules/bulma/bulma.sass';
.modal-content {
width: 80%;
}

28
sass/connexion.scss Normal file
View file

@ -0,0 +1,28 @@
.connexion,
.inscription {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
color: #4a4a4a;
display: block;
padding: 1.25rem;
width: calc(100% - 2rem);
margin: auto;
@include respond-to("small-up") {
width: 65%;
}
@include respond-to("medium-up") {
width: 35%;
}
button {
background-color: #485fc7;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3e56c4;
}
}
}

51
sass/forms.scss Normal file
View file

@ -0,0 +1,51 @@
.field {
padding-top: .6rem;
label {
font-weight: 800;
}
input {
box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
max-width: 100%;
width: 100%;
background-color: #fff;
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;
&.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;
}
}
}

2
sass/global.scss
View file

@ -1,6 +1,6 @@
html,
body {
min-height: 100vh;
min-height: calc(100vh - 3.25rem);
display: flex;
flex-direction: column;
padding-top: 3.25rem;

4
sass/index.scss
View file

@ -27,4 +27,6 @@
// SPÉCIFIQUE AU SITE
@import './global';
@import './navbar';
@import './home';
@import './forms';
@import './home';
@import './connexion';

29
sass/navbar.scss
View file

@ -22,10 +22,6 @@
.navbar-item {
align-items: center;
display: flex;
@include respond-to("medium-up") {
// display: block;
}
img {
max-height: 1.75rem;
@ -296,30 +292,5 @@
&:last-child {
margin-bottom: -0.5rem;
}
.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;
&.is-danger {
background-color: #f14668;
border-color: transparent;
color: #fff;
}
&.is-link {
background-color: #485fc7;
border-color: transparent;
color: #fff;
}
}
}
}