| Current Path : /home/rtorresani/www/vendor/magento/theme-adminhtml-backend/web/mui/styles/ |
| Current File : //home/rtorresani/www/vendor/magento/theme-adminhtml-backend/web/mui/styles/_vars.less |
// /**
// * Copyright © Magento, Inc. All rights reserved.
// * See COPYING.txt for license details.
// */
// Primary colors
@primary1: #676056;
@primary2: #ed4f2e;
@primary3: #026294;
@primary4: #fff;
@primary5: #007dbd;
@primary6: #e22626;
@primary7: #f2ebde;
@primary8: #31302b;
@primary9: #ef672f;
// Buttons
// Default Buttons
@defaultButton1: #f2ebde;
@defaultButton2: #ada89e;
@defaultButton3: #676056;
@defaultButton4: #cac3b4;
@defaultButton5: #989287;
// Primary Buttons
@primaryButton1: #007dbd;
@primaryButton2: #0574ad;
@primaryButton3: #026294;
@primaryButton4: #004c74;
// Links
@linkColor: @primary3;
@linkColor2: @primary4;
// Base font
@font-family-name__base: 'Open Sans';
@baseFont: 'Open Sans', sans-serif;
@baseFontSize: 14px;
@baseFontWeight: 400;
@baseFontWeightSemibold: 600;
@baseFontWeightBold: 700;
@baseLineHeight: 1.33;
@baseColor: @primary1;
// Headings
// H1
@h1color: @primary1;
@h1font: 400 28px/1.2 @baseFont;
// H2
@h2color: @primary1;
@h2font: 400 20px/1.2 @baseFont;
// H3
@h3color: @primary1;
@h3font: 600 16px/1.2 @baseFont;
// H4
@h4color: @primary1;
@h4font: 600 14px/1.2 @baseFont;
// H5
@h5color: @primary1;
@h5font: 600 13px/1.2 @baseFont;
// H6
@h6color: @primary1;
@h6font: 600 12px/1.2 @baseFont;
.actionLink() {
display: inline;
color: @linkColor;
text-decoration: none;
&:visited,
&:active {
color: @linkColor;
}
&:focus,
&:hover {
color: @linkColor;
text-decoration: underline;
}
}
.actionLinkI() {
display: inline;
color: @linkColor2;
text-decoration: underline;
&:visited,
&:active {
color: @linkColor2;
}
&:focus,
&:hover {
color: @linkColor2;
text-decoration: underline;
}
}
.style1() { // absent in design
}
.style2() {
color: @primary1;
font-size: 13px;
font-weight: @baseFontWeightSemibold;
}
.style3() {
color: @primary5;
font-size: 14px;
font-weight: @baseFontWeight;
&:focus,
&:hover {
text-decoration: underline;
}
}
.style4() { // absent in design
}
.style5() { // absent in design
}
.style6() {
color: @primary1;
font-size: 13px;
font-weight: @baseFontWeight;
&:focus,
&:hover {
text-decoration: underline;
}
}
.style7() {
color: @primary1;
font-size: 16px;
font-weight: @baseFontWeight;
}
.style8() {
color: @primary6;
font-size: 13px;
font-weight: @baseFontWeight;
}
.style9() {
color: @primary1;
font-size: 14px;
font-weight: @baseFontWeight;
}
.style10() {
color: @primary1;
font-size: 20px;
font-weight: @baseFontWeight;
}
.style11() { // absent in design
}
.style12() { // absent in design
}
.style13() { // absent in design
}
.style14() {
color: @primary1;
font-size: 11px;
font-weight: @baseFontWeight;
}
.style15() {
color: @primary7;
font-size: 13px;
font-weight: @baseFontWeightSemibold;
}
.style15I() {
color: @primary1;
font-size: 13px;
font-weight: @baseFontWeightSemibold;
}
.style16() {
color: @primary4;
font-size: 12px;
font-weight: @baseFontWeightSemibold;
}
.style17() { // absent in design
}
.style18() {
color: @primary1;
font-size: 13px;
font-weight: @baseFontWeight;
}
.style19() {
color: @primary1;
font-size: 12px;
font-weight: @baseFontWeight;
}
.style20() { // absent in design
color: @primary2;
font-size: 12px;
font-weight: @baseFontWeightSemibold;
}
.style21() { // absent in design
color: @primary1;
font-size: 11px;
font-weight: @baseFontWeight;
}
.style22() {
color: @primary5;
font-size: 12px;
font-weight: @baseFontWeight;
&:focus,
&:hover {
text-decoration: underline;
}
}
.style23() {
color: @primary1;
font-size: 28px;
font-weight: @baseFontWeight;
}
.style24() { // absent in design
color: @primary1;
font-size: 12px;
font-weight: @baseFontWeight;
}
.style25() { // absent in design
color: @primary8;
font-size: 14px;
font-weight: @baseFontWeight;
&:focus,
&:hover {
text-decoration: underline;
}
}
.style26() { // absent in design
color: @primary4;
font-size: 30px;
font-weight: @baseFontWeightBold;
}
.style27() { // absent in design
color: @primary9;
font-size: 20px;
font-weight: @baseFontWeightBold;
}
.style28() {
color: @primary1;
font-size: 14px;
font-weight: @baseFontWeightBold;
}
.style29() {
color: @primary4;
font-size: 13px;
font-weight: @baseFontWeightBold;
}
.style30() {
color: @primary1;
font-size: 14px;
font-weight: @baseFontWeightBold;
}
.style31() {
color: @primary1;
font-size: 20px;
font-style: italic;
font-weight: @baseFontWeight;
}
.style32() {
color: @primary6;
font-size: 14px;
font-weight: @baseFontWeightBold;
}
.style33() {
color: @primary2;
font-size: 12px;
font-weight: @baseFontWeightSemibold;
}
.style34() { // no such html yet
color: @primary2;
font-size: 12px;
font-weight: @baseFontWeight;
&:focus,
&:hover {
text-decoration: underline;
}
}
/* ==========================================================================
theme.less (begin)
========================================================================== */
//
// Blank theme overrides
// _____________________________________________
// Theme file should contain declarations (overrides) ONLY OF EXISTING variables
// Otherwise this theme won't be available for parent nesting
// All new variables should be placed in local theme lib or local theme files
//
// Typography
// ---------------------------------------------
// Fonts
@color-dark: #31302b;
//
// Layout
// ---------------------------------------------
@responsive: false;
@layout__max-width: 1300px;
@layout-indent__width: 15px;
//
// Dropdowns
// ---------------------------------------------
@dropdown-split-actions__padding: '';
@dropdown-split-toggle__actions__padding: 6px 5px;
@dropdown-split-toggle-icon__font-line-height: 14px;
//
// Buttons
// ---------------------------------------------
// Default = secondary button
@button__padding: 6px 13px;
@button__font-weight: 500;
@button__font-size: 13px;
@button__line-height: @button__font-size + 1;
@button__color: #645d53;
@button__background: #f2ebde;
@button__border: 1px solid #ada89e;
@button__hover__background: #cac3b4;
@button__hover__color: '';
@button__hover__border: '';
@button__active__background: @button__hover__background;
@button__active__color: '';
@button__active__border: 1px solid #989287;
// Primary button
@button-primary__background: #007dbd;
@button-primary__border: 1px solid #0a6c9f;
@button-primary__color: @color-white;
@button-primary__hover__background: #026294;
@button-primary__hover__border: 1px solid #026294;
@button-primary__hover__color: '';
@button-primary__active__background: @button-primary__hover__background;
@button-primary__active__border: 1px solid #004c74;
/* ==========================================================================
theme.less (end)
========================================================================== */
/* ==========================================================================
variables.less (begin)
========================================================================== */
//
// Admin theme variables
// _____________________________________________
//
// Typography
// ---------------------------------------------
// Fonts
@font-family-name__base: 'Open Sans';
@font-family__base: @font-family-name__base, @font-family__sans-serif;
// Colors
@col-layout-background-color: #f6f3eb;
@color-middle: #676056;
@color-light: #e0dacf;
@color-general: #f3ebde;
@link__color: #026294;
@page-main-action-color: #645d53;
//
// Layout
// ---------------------------------------------
@layout__min-width: 960px;
//
// Forms
// ---------------------------------------------
@form-element-background-color: @color-white;
// Validation
@validation__color: #e22626;
@validation__color-rgba: rgba(226, 38, 38, .6);
@validation-background-color: #f9d4d4;
@validation-border: 1px dashed @validation__color;
@validation__color-light: #f9d4d4; // For asterisk on <th> elements of grid tables
//
// Tables
// ---------------------------------------------
// Data-table
@data-table-th-border-color: #c9c2b8;
@data-table-td-border-color: #eae8e4;
@data-table-td-background-color: @grid-td-light;
@data-table-td-background-color-odd: #fbfaf6;
@data-table-td-background-color-hover: #f7f3eb;
//
// Grid
// ---------------------------------------------
@grid-frame-background-color: @color-white;
@grid-controls-border: #989287;
@grid-headings-color: #f7f3eb;
@grid-headings-color-darker: darken(@grid-headings-color, 20%);
@grid-headings-background-color: #807a6e;
@grid-headings-border: #cac3b4;
@grid-filters-color: #f7f3eb;
@grid-filters-background-color: @color-middle;
@grid-filters-border: @grid-filters-background-color;
@grid-filters-placeholder-color: #989287;
@grid-massaction-border: 1px solid #f2ebde;
@grid-td-color: @color-middle;
@grid-td-light: @color-white;
@grid-td-dark: #f7f3eb;
@grid-td-border: @grid-headings-border;
@grid-td-background-color-hover: #f2ebde;
@grid-tfoot-color: @grid-td-color;
@grid-tfoot-background-color: #f2ebde;
@grid-severity-critical-color: #e22626;
@grid-severity-critical-background-color: #f9d4d4;
@grid-severity-critical-border: @grid-severity-critical-color;
@grid-severity-notice-color: #185b00;
@grid-severity-notice-background-color: #d0e5a9;
@grid-severity-notice-border: #5b8116;
@grid-severity-minor-color: #ed4f2e;
@grid-severity-minor-background-color: #feeee1;
@grid-severity-minor-border: @grid-severity-minor-color;
//
// Pager
// ---------------------------------------------
@pager-actions__color: @primary3;
@pager-actions__color-hover: @primary5;
/* ==========================================================================
variables.less (end)
========================================================================== */