Use a loop
This commit is contained in:
parent
3d1862ebb6
commit
04b5c94e40
4 changed files with 46 additions and 74 deletions
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue