Extract v1 dash link styles to file so can define OL only vars

This commit is contained in:
Alasdair Smith 2017-12-01 17:53:47 +00:00
parent d6e50ac940
commit e7f83c73ae
5 changed files with 32 additions and 28 deletions

View file

@ -0,0 +1 @@
@import "app/sidebar-v1-dash-link.less";

View file

@ -110,33 +110,6 @@
}
}
.project-list-sidebar-v1-link {
position: absolute;
bottom: 0;
height: @v1-dash-link-height;
background-color: @sidebar-hover-bg; // TODO: Fix var names
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
color: white;
}
.project-list-sidebar-v1-link a {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
padding-top: 0;
padding-bottom: 0;
background-color: @sidebar-bg; // TODO: Fix var names
color: #fff;
}
.project-list-sidebar-v1-link a:hover {
background-color: @sidebar-active-bg; // TODO: Fix var names
}
.userNotifications {
ul {
margin-bottom:0px;

View file

@ -0,0 +1,26 @@
.project-list-sidebar-v1-link {
position: absolute;
bottom: 0;
height: @v1-dash-link-height;
background-color: @v1-dash-link-bg;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
color: white;
}
.project-list-sidebar-v1-link a {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
padding-top: 0;
padding-bottom: 0;
background-color: @v1-dash-link-btn-bg;
color: #fff;
}
.project-list-sidebar-v1-link a:hover {
background-color: @v1-dash-link-btn-hover-bg;
}

View file

@ -111,6 +111,9 @@
@sidebar-hover-bg : @ol-blue-gray-4;
@sidebar-hover-text-decoration : none;
@v1-dash-link-height : 110px;
@v1-dash-link-bg : @ol-blue-gray-4;
@v1-dash-link-btn-bg : @ol-blue-gray-5;
@v1-dash-link-btn-hover-bg : @ol-blue-gray-6;
@folders-menu-margin : 0 -(@grid-gutter-width / 2);
@folders-menu-line-height : @structured-list-line-height;

View file

@ -1,4 +1,5 @@
// Core variables and mixins
@import "core/ol-variables.less";
@import "app/ol-style-guide.less";
@import "_style_includes.less";
@import "_style_includes.less";
@import "_ol_style_includes.less";