Replace Sass with PostCSS, include imports and nesting

This commit is contained in:
Oliver Davies 2018-10-25 00:24:22 +01:00
parent 347bbe20ba
commit 9633b980d5
36 changed files with 279 additions and 184 deletions

43
assets/css/base/base.css Normal file
View file

@ -0,0 +1,43 @@
a {
color: inherit;
text-decoration: none;
&:focus,
&:hover {
text-decoration: underline;
}
}
main a {
text-decoration: underline;
&:focus,
&:hover {
text-decoration: none;
}
}
h1, h2, h3 {
@apply mb-2;
}
.content h2,
.content h3 {
@apply mt-6;
}
p,
ul,
ol,
blockquote,
table,
pre {
@apply mb-6;
}
.element-invisible {
@apply absolute overflow-hidden break-normal;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
}

View file

@ -0,0 +1,17 @@
img {
&.with-border {
@apply border border-solid border-grey-light;
}
&.with-padding {
@apply p-1;
}
&.avatar {
@apply border p-1 rounded-full;
}
}
svg {
fill: currentColor;
}

27
assets/css/base/vue.css Normal file
View file

@ -0,0 +1,27 @@
[v-cloak] {
.v-cloak-block {
@apply block;
}
.v-cloak-inline {
@apply inline;
}
.v-cloak-inline-block {
@apply inline-block;
}
.v-cloak-hidden {
@apply hidden;
}
.v-cloak-invisible {
@apply invisible;
}
}
.v-cloak-block,
.v-cloak-inline,
.v-cloak-inline-b {
@apply hidden;
}