feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
This commit is contained in:
236
modules/cms/widgets/assetlist/assets/less/assetlist.less
Normal file
236
modules/cms/widgets/assetlist/assets/less/assetlist.less
Normal file
@@ -0,0 +1,236 @@
|
||||
@import "../../../../../backend/assets/less/core/boot.less";
|
||||
|
||||
.control-assetlist {
|
||||
p.no-data {
|
||||
padding: 22px;
|
||||
margin: 0;
|
||||
color: @color-filelist-norecords-text;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
.border-radius(@border-radius-base);
|
||||
}
|
||||
|
||||
p.parent, ul li {
|
||||
font-weight: 300;
|
||||
line-height: 150%;
|
||||
margin-bottom: 0;
|
||||
|
||||
&.active a {
|
||||
background: @color-list-active;
|
||||
position: relative;
|
||||
&:after {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 4px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: @color-list-active-border;
|
||||
display: block;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
|
||||
a.link {
|
||||
display: block;
|
||||
position: relative;
|
||||
word-wrap: break-word;
|
||||
padding: 10px 50px 10px 20px;
|
||||
outline: none;
|
||||
font-weight: 400;
|
||||
color: @color-text-title;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover, &:focus, &:active {text-decoration: none;}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
|
||||
&.description {
|
||||
color: @color-text-description;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
word-wrap: break-word;
|
||||
|
||||
strong {
|
||||
color: @color-text-title;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.directory, &.parent {
|
||||
a.link {
|
||||
padding-left: 40px;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
.icon(@folder);
|
||||
color: @color-list-icon;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.parent {
|
||||
a.link {
|
||||
padding-left: 41px;
|
||||
background-color: @color-list-parent-bg;
|
||||
word-wrap: break-word;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
height: 1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #ecf0f1;
|
||||
}
|
||||
|
||||
|
||||
&:after {
|
||||
font-size: 13px;
|
||||
color: @color-list-nav-arrow;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
top: 11px;
|
||||
left: 22px;
|
||||
.opacity(0.5);
|
||||
.icon(@chevron-left);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p.parent a.link:hover {
|
||||
background: @color-list-active!important;
|
||||
|
||||
&:after {
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
font-weight: 300;
|
||||
line-height: 150%;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
|
||||
&.active a.link, a.link:hover {background: @color-list-active;}
|
||||
&.active a.link {
|
||||
position: relative;
|
||||
&:after {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 4px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: @color-list-active-border;
|
||||
display: block;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
|
||||
div.controls {
|
||||
position: absolute;
|
||||
right: 45px;
|
||||
top: 10px;
|
||||
|
||||
.dropdown {
|
||||
width: 14px;
|
||||
height: 21px;
|
||||
|
||||
&.open a.control {
|
||||
display: block!important;
|
||||
&:before {
|
||||
visibility: visible;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.control {
|
||||
color: @color-text-title;
|
||||
font-size: 14px;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
width: 14px;
|
||||
height: 21px;
|
||||
display: none;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
.opacity(0.5);
|
||||
&:before {
|
||||
visibility: visible;
|
||||
display: block;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: @color-list-active;
|
||||
div.controls, a.control {
|
||||
display: block!important;
|
||||
|
||||
> a.control {
|
||||
display: block!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: -5px;
|
||||
|
||||
label {
|
||||
margin-right: 0;
|
||||
|
||||
&:before {
|
||||
border-color: @color-filelist-cb-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.list-container {
|
||||
position: relative;
|
||||
.translate(0, 0);
|
||||
|
||||
&.animate ul {
|
||||
.transition(all 0.2s ease);
|
||||
}
|
||||
|
||||
&.goForward ul {
|
||||
.translate(-350px, 0);
|
||||
}
|
||||
|
||||
&.goBackward ul {
|
||||
.translate(350px, 0);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user