Skip to content

E
edx-platform
Commit beaa5979 by Brian Talbot
Options

studio - replaces flex-grid based widths with % for main nav

parent 20c8dcd4
Showing with 17 additions and 13 deletions
cms/static/sass/elements/_header.scss
...@@ -184,6 +184,12 @@ ...@@ -184,6 +184,12 @@
.nav-account-user { .nav-account-user {
.account-username {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
} }
} }
...@@ -209,13 +215,12 @@ ...@@ -209,13 +215,12 @@
.wrapper-header { .wrapper-header {
.branding { .branding {
width: flex-grid(2, 12); width: 15%;
margin-right: flex-gutter(); margin-right: 2%;
} }
.nav-account { .nav-account {
width: flex-grid(9, 12); width: 80%;
right: -($baseline*6);
} }
} }
} }
...@@ -228,21 +233,20 @@ ...@@ -228,21 +233,20 @@
.wrapper-header { .wrapper-header {
.branding { .branding {
width: flex-grid(2, 12); width: 15%;
margin-right: flex-gutter(); margin-right: 2%;
} }
.info-course { .info-course {
width: flex-grid(3, 12); width: 25%;
} }
.nav-course { .nav-course {
width: flex-grid(4, 12); width: 34%;
} }
.nav-account { .nav-account {
width: flex-grid(3, 12); width: 20%;
right: -($baseline*1.5);
} }
} }
} }
...@@ -255,12 +259,12 @@ ...@@ -255,12 +259,12 @@
.wrapper-header { .wrapper-header {
.branding { .branding {
width: flex-grid(2, 12); width: 15%;
margin-right: 2%;
} }
.nav-pitch { .nav-pitch {
width: flex-grid(9, 12); width: 80%;
right: -($baseline*6);
.nav-item { .nav-item {
margin-right: ($baseline/2); margin-right: ($baseline/2);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment