cst1/kpsul
1
0
Fork 0
forked from DGNum/gestioCOF
Code Pull requests Activity

bds is now in scss

Browse source
This commit is contained in:
Ludovic Stephan 2020-07-19 16:24:33 +02:00
parent 6e88f1a887
commit 6454931e70
3 changed files with 129 additions and 146 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

147
bds/static/bds/css/bds.css
View file

File diff suppressed because one or more lines are too long

1
bds/static/bds/css/bds.css.map Normal file
View file

File diff suppressed because one or more lines are too long

127
bds/static/src/sass/bds.scss Normal file
View file

@ -0,0 +1,127 @@
// Compilation command :
// sass -I shared/static/src/ --watch bds/static/src/sass/bds.scss bds/static/bds/css/bds.css
@import "bulma/bulma.sass";
$primary_color: #3e2263;
$background_color: #ddcecc;
html, body {
padding: 0;
margin: 0;
background: $background_color;
font-size: 18px;
}
a {
text-decoration: none;
color: #a82305;
}
/* header */
nav {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
background: $primary_color;
height: 3em;
padding: 0.4em 1em;
}
nav a, nav a img {
height: 100%;
}
// input[type="text"], input[type="email"] {
// font-size: 18px;
// border: 0;
// padding: 5px 5px;
// }
#search_autocomplete {
flex: 1;
width: 480px;
margin: 0;
padding: 10px 10px;
}
.highlight {
text-decoration: underline;
font-weight: bold;
}
.yourlabs-autocomplete ul {
width: 500px;
list-style: none;
padding: 0;
margin: 0;
}
.yourlabs-autocomplete ul li {
height: 2em;
line-height: 2em;
width: 500px;
padding: 0;
}
.yourlabs-autocomplete ul li.hilight {
background: #e8554e;
}
.yourlabs-autocomplete ul li a {
color: inherit;
}
.autocomplete-item {
display: block;
width: 480px;
height: 100%;
padding: 2px 10px;
margin: 0;
}
.autocomplete-header {
background: #b497e1;
}
.autocomplete-value, .autocomplete-new, .autocomplete-more {
background: white;
}
/* --- Forms --- */
$button_color: lighten($primary_color, 10);
input[type="submit"] {
background-color: $button_color;
color: findColorInvert($button_color);
&:hover {
background-color: $primary_color;
color: findColorInvert($primary_color);
}
}
/* --- Message styling --- */
.error {
background: red;
color: white;
width: 100%;
padding: 0.5em 0;
margin: 0;
font-size: 1.2em;
text-align: center;
}
.success {
background: green;
color: white;
width: 100%;
padding: 0.5em 0;
margin: 0;
font-size: 1.2em;
text-align: center;
}