Your IP : 216.73.216.84
.astroid-layout {
.responsive-devices {
&.astroid-btn-group {
@media (min-width: 768px) {
margin-top: -1.5rem;
}
margin-top: -1rem;
>span {
.btn {
border-top: none;
border-color: var(--bs-border-color);
&.layout-config:hover {
border-color: var(--bs-btn-hover-border-color);
}
}
&:first-child {
.btn {
border-top-left-radius: 0;
}
}
&:last-child {
.btn {
border-top-right-radius: 0;
}
}
.btn-check:checked + .btn {
border-color: var(--bs-btn-active-border-color);
}
}
}
}
.ghost {
border-width: 2px;
border-style: dashed;
border-color: var(--bs-border-color-translucent);
}
.astroid-section {
>div + div {
margin-top: 0.8rem;
}
}
.astroid-cols {
>div + div {
margin-top: 0.5rem;
}
>.card {
background-color: var(--as-layout-block-bg);
}
}
.astroid-section, .astroid-rows, .astroid-cols {
&:empty {
&::after{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 83px;
border: 1px dashed var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius);
color: var(--bs-secondary-color);;
}
}
}
.astroid-section:empty::after{
content: 'Empty Section';
}
.astroid-rows:empty::after{
content: 'Empty Row';
margin-top: 29px;
}
.astroid-cols:empty::after{
content: 'Empty Column';
}
.nav {
font-size: 0.895rem;
}
.handle {
cursor: move;
}
.column-size > .form-select-sm {
font-size: 0.7rem;
}
.element-toolbar {
.nav {
opacity: 0;
}
.nav-link {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
}
.astroid-element {
cursor: move;
&:hover {
.element-toolbar {
.nav {
opacity: 1;
}
}
}
.astroid-modal {
cursor: initial;
}
}
.section-toolbar {
.nav {
opacity: 0.5;
}
}
.astroid-section-container {
&:hover {
.section-toolbar {
.nav {
opacity: 1;
}
}
}
}
.column-toolbar {
font-size: 0.7rem;
opacity: 0;
a {
opacity: 0.85;
text-decoration: none;
&:hover {
opacity: 1;
}
}
}
.astroid-col-container {
&:hover {
.column-toolbar {
opacity: 1;
}
}
}
.row-toolbar {
top: 29px;
left: calc(100% + 5px);
font-size: 0.8rem;
opacity: 0;
i {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
}
.astroid-row-container {
&:hover {
.row-toolbar {
opacity: 1;
}
}
}
.add-element {
margin-top: -13px;
font-size: 0.7rem;
> a {
z-index: 9;
text-decoration: none;
&:hover {
.add-element-text {
display: inline;
}
}
}
.add-element-text {
display: none;
}
}
.astroid-grid {
cursor: pointer;
&:hover {
.astroid-grid-column {
background-color: var(--as-layout-block-bg);
}
}
}
.astroid-element-nav {
@media (min-width: 992px) {
width: 200px;
}
.nav-link {
display: flex;
justify-content: space-between;
align-items: center;
}
.active .nav-link {
background-color: var(--as-sidebar-link-bg);
}
}
.addon-block {
cursor: pointer;
min-height: 150px;
&:hover {
background-color: var(--as-layout-block-bg);
}
}
[class^=group-] {
margin-bottom: 1rem;
}
.element-disabled {
background-image: linear-gradient(45deg, rgba(100, 100, 100, 0.15) 25%, transparent 25%, transparent 50%, rgba(100, 100, 100, 0.15) 50%, rgba(100, 100, 100, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
}
.as-sublayout-bottom-toolbox {
text-align: right;
@media (min-width: 768px) {
margin-bottom: -1.5rem;
}
margin-bottom: -1rem;
}