Use a loop

This commit is contained in:
Oliver Davies 2018-02-26 01:32:45 +00:00
parent 3d1862ebb6
commit 04b5c94e40
4 changed files with 46 additions and 74 deletions

View file

@ -1,49 +0,0 @@
.nav {
@apply .w-full;
}
.nav-item {
@apply .flex;
@apply .items-center;
@apply .-mx-4;
@apply .p-4;
}
.nav-item:first-child {
@apply .border-t .border-grey-lighter;
}
@screen sm {
.nav {
@apply .flex-wrap .justify-end;
}
.nav-item {
@apply .border-b-3;
@apply .border-transparent;
@apply .ml-4;
@apply .mr-0;
@apply .p-0;
}
.nav-item:first-child {
@apply .border-t-0 .border-transparent;
}
.nav-item--active,
.nav-item--active.nav-item:first-child {
@apply .bg-transparent .border-blue;
}
}
@screen md {
.nav {
@apply .w-2/3;
}
}
@screen lg {
.nav {
@apply .w-3/4;
}
}

View file

@ -59,7 +59,6 @@ svg {
}
@import 'components/listing.less';
@import 'components/nav.less';
@import 'components/post.less';
@import 'components/post/about-author.less';
@import 'components/post/code.less';