mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-30 12:59:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial commit 🚀

Browse source
This commit is contained in:
Lucas 2019-11-27 15:31:49 +07:00
commit 16c7596319
30 changed files with 5996 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

71
scss/components/_nav.scss Normal file
View file

@ -0,0 +1,71 @@
/**
* Nav
*/
// Inline
nav,
nav ul {
display: flex;
}
nav {
justify-content: space-between;
ul {
align-items: center;
margin-bottom: 0;
padding: 0;
list-style: none;
&:first-of-type {
margin-left: -$spacing-gutter/2;
}
&:last-of-type {
margin-right: -$spacing-gutter/2;
}
}
li {
display: inline-block;
margin: 0;
padding: $spacing-gutter $spacing-gutter/2;
// HACK: Input & Button inside Nav
> *,
> input:not([type="checkbox"]):not([type="radio"]) {
margin-bottom: 0;
}
}
a {
display: block;
margin: -$spacing-gutter (-$spacing-gutter/2);
padding: $spacing-gutter $spacing-gutter/2;
border-radius: $round;
&:hover,
&:active,
&:focus {
text-decoration: none;
}
}
}
// Vertical Nav
aside {
nav,
ul,
li {
display: block;
}
li {
padding: $spacing-gutter/2;
a {
margin: -$spacing-gutter/2;
padding: $spacing-gutter/2;
}
}
}