ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

tabs to spaces whitespace

Browse Source
This commit is contained in:
Philipp Kühn
2018-11-08 22:03:10 +01:00
parent b8b82220ba
commit f04a6be6c1
114 changed files with 4214 additions and 4214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
examples/Components/Navigation/index.vue
View File

@@ -1,30 +1,30 @@
<template>
<div class="navigation">
<div class="navigation">
<h1 class="navigation__logo">
tiptap <span class="navigation__beta">beta</span>
</h1>
<h1 class="navigation__logo">
tiptap <span class="navigation__beta">beta</span>
</h1>
<div>
<a class="navigation__link" href="https://github.com/heyscrumpy/tiptap/blob/master/CONTRIBUTING.md" target="_blank">
Contribute
</a>
<a class="navigation__github-link" href="https://github.com/heyscrumpy/tiptap" target="_blank">
<icon class="navigation__icon" name="github" />
</a>
</div>
<div>
<a class="navigation__link" href="https://github.com/heyscrumpy/tiptap/blob/master/CONTRIBUTING.md" target="_blank">
Contribute
</a>
<a class="navigation__github-link" href="https://github.com/heyscrumpy/tiptap" target="_blank">
<icon class="navigation__icon" name="github" />
</a>
</div>
</div>
</div>
</template>
<script>
import Icon from 'Components/Icon'
export default {
components: {
Icon,
},
components: {
Icon,
},
}
</script>
<style lang="scss" src="./style.scss" scoped></style>
<style lang="scss" src="./style.scss" scoped></style>

84
examples/Components/Navigation/style.scss
View File

@@ -2,54 +2,54 @@
.navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem;
background-color: $color-black;
color: $color-white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem;
background-color: $color-black;
color: $color-white;
&__logo {
font-size: 1.1rem;
font-weight: bold;
margin: 0;
}
&__logo {
font-size: 1.1rem;
font-weight: bold;
margin: 0;
}
&__icon {
width: 1.5rem;
height: 1.5rem;
}
&__icon {
width: 1.5rem;
height: 1.5rem;
}
&__beta {
display: inline-block;
vertical-align: middle;
background-color: $color-white;
color: $color-black;
font-size: 0.6rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05rem;
padding: 0.1rem 0.2rem;
border-radius: 5px;
}
&__beta {
display: inline-block;
vertical-align: middle;
background-color: $color-white;
color: $color-black;
font-size: 0.6rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05rem;
padding: 0.1rem 0.2rem;
border-radius: 5px;
}
&__link {
display: inline-block;
color: rgba($color-white, 0.5);
text-decoration: none;
font-weight: bold;
font-size: 0.9rem;
padding: 0.1rem 0.5rem;
border-radius: 3px;
&__link {
display: inline-block;
color: rgba($color-white, 0.5);
text-decoration: none;
font-weight: bold;
font-size: 0.9rem;
padding: 0.1rem 0.5rem;
border-radius: 3px;
&:hover {
color: $color-white;
&:hover {
color: $color-white;
background-color: rgba($color-white, 0.1);
}
}
}
&__github-link {
margin-left: 0.5rem;
}
&__github-link {
margin-left: 0.5rem;
}
}
}