Replace Sass with PostCSS, include imports and nesting
This commit is contained in:
parent
347bbe20ba
commit
9633b980d5
36 changed files with 279 additions and 184 deletions
43
assets/css/base/base.css
Normal file
43
assets/css/base/base.css
Normal 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;
|
||||
}
|
17
assets/css/base/images.css
Normal file
17
assets/css/base/images.css
Normal 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
27
assets/css/base/vue.css
Normal 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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue