[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="header-block">
<div class="nav navbar-inverse padded"> <div class="nav padded">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
{% include 'default/login-choices.html.twig' %} {% include 'default/login-choices.html.twig' %}

View File

@ -23,7 +23,7 @@ p {
} }
a { a {
color: #0000F0; color: $primary;
} }
a:hover { a:hover {
@ -114,3 +114,23 @@ code {
animation: fade-in 1s .2s forwards; 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; line-height: 2rem;
} }
.navbar-inverse {
background-color: rgba(0, 0, 0, 0.25);
border-color: #090909;
}
#wrapper { #wrapper {
min-height: 100vh; min-height: 100vh;
@ -69,7 +65,7 @@ body {
} }
thead { thead {
background: $dark; background: $darkblue;
color: $light; color: $light;
} }
@ -205,4 +201,31 @@ input {
.btn-success{ .btn-success{
background-color: $deepblue; background-color: $deepblue;
font-weight: 800; 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; $dark: #222;
$light: #dedede; $light: #dedede;
$deepblue: #1b6d85; $deepblue: #1b6d85;
$darkblue: mix(#000, $deepblue);
$lightblue: lightblue; $lightblue: lightblue;
$grey: #e3e3e3; $grey: #e3e3e3;
$logo-color: mix($deepblue, $light); $logo-color: mix($deepblue, $light);
$all-text-color: mix($deepblue, $light); $all-text-color: mix($deepblue, $light);
$primary: $deepblue;
$btn-primary-bg: $deepblue; $btn-primary-bg: $deepblue;