space/app/assets/stylesheets/space-frontend.scss

93 lines
1.7 KiB
SCSS
Raw Permalink Normal View History

2015-11-24 05:51:47 +00:00
@charset "utf-8";
2020-10-05 14:43:57 +00:00
@import "variables";
2015-11-24 05:51:47 +00:00
// space-box
.overlay {
position: absolute;
2020-10-01 20:32:20 +00:00
display: flex;
align-items: center;
justify-content: center;
2020-10-06 05:24:28 +00:00
outline: 0;
2015-11-24 05:51:47 +00:00
}
2020-10-02 05:43:52 +00:00
.s-space.show-space .selection-box-label{
2020-09-18 06:39:31 +00:00
display: none;
}
2020-10-01 20:32:20 +00:00
.fa.fa-map-marker{
font-size: 8vw;
2020-10-02 06:51:53 +00:00
position: relative;
@media (min-width: $screen-sm){
font-size: 4vw !important;
}
2020-10-01 20:32:20 +00:00
}
2020-10-06 05:24:28 +00:00
.popup{
color: inherit !important;
margin-left: 2em;
@media (min-width: $screen-sm) {
display: none;
}
}
2020-10-01 20:32:20 +00:00
.anchor{
position: absolute;
2020-10-02 06:42:40 +00:00
left: 0.2em;
2020-10-01 20:32:20 +00:00
width: 0;
height: 0;
border-style: solid;
2020-10-02 06:42:40 +00:00
border-width: 0.8em 0.8em 0 0.8em;
2020-10-01 20:32:20 +00:00
border-color: #2196f3 transparent transparent transparent;
}
2020-10-02 05:43:52 +00:00
.s-space.show-space .selection-box-label.active{
2020-10-02 06:42:40 +00:00
z-index: 5;
2020-09-18 06:39:31 +00:00
display: block;
position: absolute;
bottom: 110%;
2020-10-02 06:42:40 +00:00
overflow-wrap: break-word;
2020-10-01 06:39:30 +00:00
left: 0%;
2020-09-18 06:39:31 +00:00
background: #2196F3;
color: white;
2020-10-06 05:24:28 +00:00
width: 8em;
width: max-content;
min-width: 4em;
2020-09-18 06:39:31 +00:00
padding: 0.2em;
2020-10-06 05:24:28 +00:00
font-size: 0.8em;
}
a.s-space__pin-link{
position: relative;
2020-09-18 06:39:31 +00:00
}
2015-11-24 05:51:47 +00:00
#full-layout-canvas {
text-align: center;
position: relative;
.image-cover {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
margin: auto;
2020-10-01 06:27:54 +00:00
width: 100%;
2015-11-24 05:51:47 +00:00
// overflow: hidden;
transform: translate(-50%, -50%);
}
2020-10-01 20:32:20 +00:00
}
.w-ad-banner__pager-wrap.w-ad-banner__page--active .w-ad-banner__pager.external {
display: none;
}
.w-ad-banner__pager-wrap.w-ad-banner__page--active.active .w-ad-banner__pager.external {
display: table;
width: 100%;
}
.w-ad-banner__pager.external img {
display: inline-block;
width: 100%;
}
.bundle-button{
padding-bottom: 1em;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fa.fa-times{
background: #e4225d;
color: white;
padding: 0.2em;
float: right;
cursor: pointer;
2015-11-24 05:51:47 +00:00
}