[DEV] 🎨 form user style

This commit is contained in:
Baptiste Lemoine 2019-02-21 16:20:03 +01:00
parent 37932585e3
commit b94433c689
4 changed files with 52 additions and 8 deletions

View File

@ -1,5 +1,5 @@
<div class="header-block">
<div class="nav navbar-inverse padded">
<div class="nav padded">
<div class="row">
<div class="col-xs-12">
{% include 'default/login-choices.html.twig' %}

View File

@ -23,7 +23,7 @@ p {
}
a {
color: #0000F0;
color: $primary;
}
a:hover {
@ -114,3 +114,23 @@ code {
animation: fade-in 1s .2s forwards;
}
}
.header-block{
background: $darkblue;
.btn-default{
color: $grey;
}
.btn{
span{
position: absolute;
right: 2.5em;
top: 1em;
}
}
}
#menu-dashboard .nav .logo-home.btn-default{
background: $darkblue;
height: 52px;
font-size: 1em;
}

View File

@ -7,10 +7,6 @@ body {
line-height: 2rem;
}
.navbar-inverse {
background-color: rgba(0, 0, 0, 0.25);
border-color: #090909;
}
#wrapper {
min-height: 100vh;
@ -69,7 +65,7 @@ body {
}
thead {
background: $dark;
background: $darkblue;
color: $light;
}
@ -206,3 +202,30 @@ input {
background-color: $deepblue;
font-weight: 800;
}
.table > thead > tr > td,
table td{
padding: 0.5em;
}
.login-fosub{
.padded{
padding: 3em;
}
input[type=submit]{
background: $primary;
color:$light;
display: block;
margin-top: 1em;
padding: 1em;
border: 0;
width: 100%;
&:hover{
background: $lightblue;
}
}
}
#fos_user_profile_form{
div{
margin: 0.5em auto;
}
}

View File

@ -1,10 +1,11 @@
$dark: #222;
$light: #dedede;
$deepblue: #1b6d85;
$darkblue: mix(#000, $deepblue);
$lightblue: lightblue;
$grey: #e3e3e3;
$logo-color: mix($deepblue, $light);
$all-text-color: mix($deepblue, $light);
$primary: $deepblue;
$btn-primary-bg: $deepblue;