demarches-normaliennes/app/assets/stylesheets/new_design/accompagnateur.scss

88 lines
1.4 KiB
SCSS
Raw Normal View History

2017-07-18 15:03:04 +02:00
@import "colors";
2017-07-03 15:23:02 +02:00
@import "constants";
.accompagnateur-title {
2017-07-03 15:23:02 +02:00
font-size: 30px;
font-weight: normal;
margin-top: 3 * $default-spacer;
margin-bottom: 3 * $default-spacer;
}
2017-07-18 15:03:04 +02:00
.accompagnateur-header {
2017-07-18 15:03:04 +02:00
background-color: $light-grey;
padding-top: $default-padding;
margin-bottom: 2 * $default-spacer;
border-bottom: 1px solid $border-grey;
.container {
margin-bottom: -1px;
}
}
.mixed-buttons-bar .button {
// Needed so that buttons without text
// are ligned with those that have text
vertical-align: top;
}
.mixed-buttons-bar .label {
padding: $default-spacer $default-padding;
font-size: 14px;
line-height: 20px;
}
.print-menu-opener {
position: relative;
}
.print-menu {
display: none;
position: absolute;
right: 0;
top: 45px;
font-size: 14px;
background: #FFFFFF;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
border: 1px solid $border-grey;
min-width: 270px;
max-width: 340px;
z-index: 20;
&.open {
display: block;
}
li {
border-bottom: 1px solid $border-grey;
&:last-child {
border-bottom: none;
}
.menu-item {
align-items: center;
padding: 14px;
color: $grey;
overflow: hidden;
text-overflow: ellipsis;
img {
margin-right: 14px;
}
}
.menu-link {
display: flex;
color: $black;
&:hover {
background: $light-grey;
}
}
}
}
.print-header {
display: none;
}