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:
191
modules/system/assets/ui/less/button.less
Normal file
191
modules/system/assets/ui/less/button.less
Normal file
@@ -0,0 +1,191 @@
|
||||
//
|
||||
// Dependencies
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "global.less";
|
||||
|
||||
//
|
||||
// Buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "button.base.less";
|
||||
@import "button.groups.less";
|
||||
|
||||
//
|
||||
// Buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
.btn {
|
||||
font-size: @font-size-base - 1;
|
||||
outline: none !important;
|
||||
.box-shadow(~"inset 0 -2px 0 rgba(0,0,0,.15)");
|
||||
|
||||
&[disabled] {
|
||||
color: rgba(255,255,255,.6);
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
.box-shadow(inset 0 1px 0 rgba(0,0,0,.3));
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Buttons with icons
|
||||
//
|
||||
|
||||
.btn {
|
||||
i[class^="icon-"],
|
||||
i[class*=" icon-"] {
|
||||
opacity: .6;
|
||||
|
||||
}
|
||||
|
||||
&.on,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
i[class^="icon-"],
|
||||
i[class*=" icon-"] {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[class^="wn-icon-"],
|
||||
&[class*=" wn-icon-"],
|
||||
&[class^="oc-icon-"],
|
||||
&[class*=" oc-icon-"] {
|
||||
&:before {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
position: relative;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
&.on,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
.box-shadow(~"inset 0 -2px 0 rgba(0,0,0,.1)");
|
||||
|
||||
&[disabled] {
|
||||
color: rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
.box-shadow(inset 0 1px 0 rgba(0,0,0,.2));
|
||||
}
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
.box-shadow(none) !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
.btn {
|
||||
border-right: 1px solid rgba(0,0,0,0.09);
|
||||
margin-left: 0 !important;
|
||||
|
||||
&:last-child, &.last {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
&.last {
|
||||
.border-right-radius(@border-radius-base) !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown {
|
||||
float: left;
|
||||
|
||||
&:not(:last-child, .last) > .btn {
|
||||
border-right: 1px solid rgba(0,0,0,0.09);
|
||||
.border-right-radius(0) !important;
|
||||
}
|
||||
|
||||
&:not(:first-child) > .btn {
|
||||
.border-left-radius(0) !important;
|
||||
}
|
||||
|
||||
&.last {
|
||||
.btn {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn, .btn-group {
|
||||
&.offset-right {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
display: inline-block;
|
||||
height: 36px;
|
||||
font-size: 21px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
color: @color-icon-btn-default;
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
color: @link-color;
|
||||
}
|
||||
|
||||
&.danger:hover:before {
|
||||
color: @color-btn-danger;
|
||||
}
|
||||
|
||||
&.pull-right:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.margin-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 17px;
|
||||
height: 17px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
&.larger {
|
||||
font-size: 21px;
|
||||
height: 21px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
font-size: @font-size-base;
|
||||
padding: 8px 0;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
color: @btn-default-bg;
|
||||
|
||||
a {
|
||||
color: @btn-default-bg;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
color: @link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user