Skip to content
This repository has been archived by the owner on Nov 25, 2020. It is now read-only.

Commit

Permalink
LESS : refactor / extract variables
Browse files Browse the repository at this point in the history
  • Loading branch information
@cdujeu
cdujeu committed Mar 3, 2016
1 parent dcd47ba commit 3542317
Show file tree
Hide file tree
Showing 30 changed files with 2,707 additions and 3,002 deletions.
6 changes: 5 additions & 1 deletion core/src/plugins/gui.ajax/res/themes/orbit/css/base/body.less
View file
Expand Up @@ -98,7 +98,7 @@ span#alerts_number {



kbd {
.kbd {
padding: .1em .6em;
border: 1px solid #ccc;
font-size: 11px;
Expand All @@ -115,6 +115,10 @@ kbd {
white-space: nowrap;
}

kbd{
.kbd();
}

.resizableHandle{
position: absolute;
width: 10px;
Expand Down
0 ...s/themes/orbit/css/components/layout.less → ...jax/res/themes/orbit/css/base/layout.less
View file
File renamed without changes.
13 changes: 9 additions & 4 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/about.less
View file
@@ -1,20 +1,25 @@
/*******************************/
/* CREDIT SPLASH SCREEN
/******************************/
@title_font_size:13px;
@subtitle_font_size:25px;
@subtitle_font_color: #5E7C90;
@links_font_color:#39C0BE;

#docDiv
{
div.title{
font-size:13px;
font-size:@title_font_size;
font-weight: bold;
}
div.subtitle
{
color: #5E7C90;
font-size:25px;
color: @subtitle_font_color;
font-size:@subtitle_font_size;
}
a
{
color: #39C0BE !important;
color: @links_font_color !important;
text-decoration: underline;
}
}
Expand Down
18 changes: 9 additions & 9 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/accordion.less
View file
@@ -1,21 +1,21 @@
/*********************/
/* ACCORDION CONTENT */
/*********************/
@main_tint:rgb(117, 128, 139);
@font_size:16px;

div.accordion_toggle{
color: rgb(117, 128, 139);
border-bottom: 1px solid rgb(117, 128, 139);
color: @main_tint ;
border-bottom: 1px solid @main_tint;
cursor: pointer;
background: url('../../images/Tplus.png') no-repeat;
background: url('@{imagePath}Tplus.png') no-repeat;
background-position-x: -6px;
background-position-y: -3px;
padding-left: 15px;
font-size: 16px;
font-size: @font_size;
margin-bottom: 0;
margin-top: 10px;
padding-bottom: 2px;
border-bottom: 0;
&_active{
background-image: url('../../images/Tminus.png');
background-image: url('@{imagePath}Tminus.png');
}
}

Expand All @@ -24,7 +24,7 @@ div.accordion_content{
padding: 5px;
div.dialogLegend{
text-align: justify;
color: rgb(117, 128, 139);
color: @main_tint;
}
}

Expand Down
51 changes: 11 additions & 40 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/actionbar.less
View file
@@ -1,13 +1,10 @@
// Color variables (appears count calculates by raw css)
@color0: #cccccc; // Appears 2 times

// Width variables (appears count calculates by raw css)
@width5: 0; // Appears 4 times
@actionbar_color0: #cccccc; // Appears 2 times

// Height variables (appears count calculates by raw css)
@height0: 29px; // Appears 2 times
@height1: 22px; // Appears 4 times
@height3: 100%; // Appears 2 times
@actionbar_height0: 29px; // Appears 2 times
@actionbar_height1: 22px; // Appears 4 times
@actionbar_height3: 100%; // Appears 2 times

.action_bar {
line-height: 15px;
Expand Down Expand Up @@ -51,17 +48,7 @@
margin: 2px 5px 2px 0;
}
&.separator {
border-left: 1px solid @color0;
border-right: 1px solid white;
display: block;
float: left;
font-size: 10px;
height: @height3;
margin-left: 2px;
margin-right: 2px;
padding-top: 0;
text-align: center;
width: @width5;
display: none;
}
&.disabled {
-moz-opacity: 1;
Expand Down Expand Up @@ -166,7 +153,7 @@
}
img.actionbar_button_icon {
display: none;
height: @height1;
height: @actionbar_height1;
width: 22px;
}
}
Expand All @@ -190,7 +177,7 @@
display: block !important;
float: left;
font-size: 10px;
height: @height0;
height: @actionbar_height0;
margin: 2px 5px 4px 2px;
padding-top: 0;
text-align: center;
Expand All @@ -201,7 +188,7 @@
display: block !important;
float: left;
font-size: 10px;
height: @height0;
height: @actionbar_height0;
margin: 2px 5px 4px 2px;
padding-top: 0;
text-align: center;
Expand Down Expand Up @@ -243,22 +230,6 @@ div.editor_header {
}
}

div.separator {
border-left: 1px solid @color0;
border-right: 1px solid white;
display: block;
float: left;
font-size: 10px;
height: @height3;
margin-left: 2px;
margin-right: 2px;
padding-top: 0;
text-align: center;
width: 0;
}



div.FL-inlineToolbar {
text-align: left;
a {
Expand Down Expand Up @@ -318,7 +289,7 @@ div.detailed {
cursor:pointer;
display:inline;
float:left;
height: @height1;
height: @actionbar_height1;
padding:0 1px;
img {
border: 0;
Expand All @@ -330,7 +301,7 @@ div.detailed {
cursor:pointer;
display:inline;
float:left;
height: @height1;
height: @actionbar_height1;
padding:0 1px;
img {
border: 0;
Expand All @@ -343,7 +314,7 @@ div.detailed {
cursor:pointer;
display:inline;
float:left;
height: @height1;
height: @actionbar_height1;
padding:0 1px;
img {
border: 0;
Expand Down
12 changes: 9 additions & 3 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/activity.less
View file
@@ -1,3 +1,7 @@
@activity_box_shadow:1px 1px 46px rgba(0, 0, 0, 0.67);
@timer_font_color: #0077b3;
@click_link_font_color:#676965;

#activity_monitor_warning {
box-shadow: none;
cursor: pointer;
Expand All @@ -8,18 +12,20 @@
text-align:center;
top:30%;
width:20%;

div.dialogContent {
border-radius: 10px;
box-shadow: 1px 1px 46px rgba(0, 0, 0, 0.67);
box-shadow: @activity_box_shadow;
}
span.click_anywhere {
color: #676965;
color: @click_link_font_color;
display:block;
font-size: 12px;
font-weight:normal;
padding-top:15px;
}

span.warning_timer {
color: #0077b3;
color: @timer_font_color;
}
}
12 changes: 8 additions & 4 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/backgroundtasks.less
View file
@@ -1,14 +1,18 @@
@bgtask_background_color: rgba(119, 184, 226, 0.62);
@bgtask_font_color: @white;

.backgroundPanel {

position: absolute;
bottom: -1px;
padding: 4px 7px 6px 7px;
color: #fff;
background-color: rgba(119, 184, 226, 0.62);
color: @bgtask_font_color;
background-color: @bgtask_background_color;
z-index: 10000;
border-radius: 3px 3px 0 0;
width: 25%;
margin-left: 40%;
text-align: center;
letter-spacing: 1px;
border: 1px solid rgba(119, 184, 226, 0.62);
border: 1px solid @bgtask_background_color;

}
42 changes: 21 additions & 21 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/components/breadcrumb.less
View file
@@ -1,13 +1,13 @@
// Color variables (appears count calculates by raw css)
@background: #f5f5f5; // Appears 3 times
@hover_background: #ffffff; // Appears 2 times
@angle_color: #cccccc; // Appears 2 times
@first_bread: #222222; // Appears 2 times
@refresh_hover:#fb725c;
@breadcrumb_background: #f5f5f5; // Appears 3 times
@breadcrumb_hover_background: #ffffff; // Appears 2 times
@breadcrumb_angle_color: #cccccc; // Appears 2 times
@breadcrumb_first_bread: #222222; // Appears 2 times
@breadcrumb_refresh_hover:#fb725c;

// Width variables (appears count calculates by raw css)
@width1: 201px; // Appears 2 times
@width2: 100%; // Appears 2 times
@breadcrumb_width1: 280px - 109px; // Appears 2 times
@breadcrumb_width2: 100%; // Appears 2 times


#breadcrumb {
Expand All @@ -23,7 +23,7 @@
}
.breadcrumbs-one {
overflow: hidden;
width: @width2;
width: @breadcrumb_width2;
ul {
list-style: none;
margin: 0;
Expand All @@ -33,37 +33,37 @@
float: left;
&:first-child {
span {
background-color: @first_bread;
background-color: @breadcrumb_first_bread;
border-radius: 0;
color: white;
padding-left: 1em;
width: @width1;
width: @breadcrumb_width1;
&::after {
border-left-color: @first_bread;
border-left-color: @breadcrumb_first_bread;
}
}
}
&:nth-child(1) {
span {
&:before {
border-left-color: @background;
border-left-color: @breadcrumb_background;
}
}
}
}
span {
background-color: @background;
background-color: @breadcrumb_background;
color: #666666;
float: left;
height: 22px;
padding: 20px 15px 20px 35px;
position: relative;
text-decoration: none;
&:hover {
background: @hover_background;
background: @breadcrumb_hover_background;
cursor: pointer;
&::after {
border-left-color: @hover_background;
border-left-color: @breadcrumb_hover_background;
}
}
&::after,
Expand All @@ -79,10 +79,10 @@
}
&::after {
z-index: 2;
border-left-color: @background;
border-left-color: @breadcrumb_background;
}
&::before {
border-left-color: @angle_color;
border-left-color: @breadcrumb_angle_color;
right: -1.05em;
z-index: 1;
}
Expand All @@ -106,12 +106,12 @@
font-weight: lighter;
}
i.ajxp-goto {
color: @angle_color;
color: @breadcrumb_angle_color;
cursor: pointer;
display: inline-block;
padding: 20px 25px;
&:hover {
color: @refresh_hover;
color: @breadcrumb_refresh_hover;
}
}
span.reduced {
Expand All @@ -134,7 +134,7 @@
height: auto;
padding: 20px 15px 20px 1em;
transition:none;
width: @width1;
width: @breadcrumb_width1;
em {
visibility:visible;
}
Expand All @@ -146,6 +146,6 @@ span.first-bread {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: @width2;
width: @breadcrumb_width2;
}
}

0 comments on commit 3542317

Please sign in to comment.