update
This commit is contained in:
@@ -9,13 +9,21 @@
|
||||
|
||||
.present-checkbox {
|
||||
height: 10rem;
|
||||
|
||||
div {
|
||||
position: relative;
|
||||
|
||||
margin-top: 4rem;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
@include breakpoint(medium) {
|
||||
margin-top: 2.8rem;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
border: 2px solid black;
|
||||
&::after{
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -1rem;
|
||||
left: -0.5rem;
|
||||
@@ -24,18 +32,27 @@
|
||||
content: ""
|
||||
}
|
||||
}
|
||||
&.checked div::after{
|
||||
|
||||
&.checked div::after {
|
||||
background-image: url("../img/check.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.present-image {
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
object-fit: contain;
|
||||
padding-left: 1.3rem;
|
||||
padding-right: 1.3rem;
|
||||
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
|
||||
@include breakpoint(medium) {
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
padding-left: 1.3rem;
|
||||
padding-right: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.present-name {
|
||||
|
||||
@@ -111,7 +111,7 @@ $states: godi fingerfood foto sekt essen spiel dance;
|
||||
width: 80%;
|
||||
max-height: 80%;
|
||||
overflow: auto;
|
||||
padding: 2rem 3rem;
|
||||
padding: 2rem 1rem;
|
||||
background: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user