demarches-normaliennes/app/assets/stylesheets/labels.scss

79 lines
1.3 KiB
SCSS
Raw Normal View History

2017-07-03 16:29:29 +02:00
@import "colors";
@import "constants";
.label {
display: inline-block;
padding: 4px $default-spacer;
2020-06-11 14:33:15 +02:00
background: $dark-grey;
2017-07-27 14:53:18 +02:00
border: 1px solid transparent;
2017-07-03 16:29:29 +02:00
color: #FFFFFF;
border-radius: 4px;
font-size: 12px;
line-height: 18px;
2017-07-27 14:53:18 +02:00
&.instruction {
background-color: #FFFFFF;
2021-09-20 15:04:24 +02:00
color: $blue-france-500;
border: 1px solid $blue-france-500;
2017-07-27 14:53:18 +02:00
}
&.en-instruction {
@extend .instruction;
}
2017-07-27 14:53:18 +02:00
&.construction {
background-color: #FFFFFF;
color: $black;
border: 1px solid $black;
}
&.en-construction {
@extend .construction;
}
&.accepted {
2017-07-27 14:53:18 +02:00
background-color: $green;
}
&.accepte {
@extend .accepted;
}
2017-07-27 14:53:18 +02:00
&.refused {
background-color: $dark-red;
}
&.refuse {
@extend .refused;
}
2017-07-27 14:53:18 +02:00
&.without-continuation {
background-color: $black;
}
&.sans-suite {
@extend .without-continuation;
}
2017-07-03 16:29:29 +02:00
}
// Labels that we only want for screen readers
// https://www.coolfields.co.uk/2016/05/text-for-screen-readers-only-updated/
.sr-only {
border: none;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
width: 1px;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
}
2021-10-04 16:02:50 +02:00
.label-bold {
font-size: 18px;
margin-bottom: 16px;
display: block;
font-weight: bold;
}