65 lines
1.2 KiB
SCSS
65 lines
1.2 KiB
SCSS
@use "sass:color";
|
|
@use "bulma/sass/utilities/initial-variables.scss" as *;
|
|
@use "bulma/sass/utilities/derived-variables.scss" as *;
|
|
@use "bulma/sass/utilities/mixins.scss" as *;
|
|
@use "bulma/sass/components/card.scss" as *;
|
|
@use "utils.scss";
|
|
@use "overrides-components.scss";
|
|
|
|
:root {
|
|
font-size: 15px;
|
|
}
|
|
|
|
// Block Layout
|
|
.blockdiv {
|
|
max-width: 1900px !important;
|
|
padding: 1rem 2rem 2rem;
|
|
@include mobile {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.columns .column {
|
|
@include mobile {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Tooltip Styles
|
|
.tooltiptext {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
background-color: var(--bulma-primary-95);
|
|
color: var(--bulma-primary-bold);
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
margin-left: 0px;
|
|
z-index: 999;
|
|
bottom: 110%;
|
|
transition: opacity 0.3s;
|
|
padding: 6px 9px;
|
|
font-size: 13px;
|
|
pointer-events: none;
|
|
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.to-left {
|
|
right: 30px;
|
|
}
|
|
|
|
@mixin tooltipshow() {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
position: absolute;
|
|
min-width: 300px;
|
|
z-index: 999;
|
|
}
|
|
|
|
.control:hover .tooltiptext {
|
|
@include tooltipshow();
|
|
}
|
|
.control:hover .tooltiptext .to-left {
|
|
@include tooltipshow();
|
|
}
|