_sass/theme.scss in jekyll-theme-superb-0.1.4 vs _sass/theme.scss in jekyll-theme-superb-0.2.0
- old
+ new
@@ -1,359 +1,86 @@
+@import './base16.solarized.light.css';
+
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.post, .page {
- p {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
+ @apply font-sans text-base;
- a {
- @apply link link-green font-bold;
+ h1 {
+ @apply text-h1 font-serif;
}
- code {
- @apply bg-porcelain px-2 py-1 rounded;
+ h2 {
+ @apply text-h2 font-serif;
}
- figure.highlight {
- @apply bg-porcelain p-2;
- overflow: auto;
- code {
- @apply p-0;
- }
+ h3 {
+ @apply text-h3 font-serif;
}
- ul, ol {
- @apply list list-green;
+ h4 {
+ @apply text-h4 font-serif;
}
- .highlight .hll {
- background-color: #ffffcc
+ h5 {
+ @apply text-h5 font-serif;
}
- .highlight .c {
- color: #408080;
- font-style: italic
+ h6 {
+ @apply text-h6 font-serif;
}
- /* Comment */
- .highlight .err {
- border: 1px solid #FF0000
+ p {
+ @apply font-sans text-base bg-white;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
}
- /* Error */
- .highlight .k {
- color: #008000;
- font-weight: bold
+ a {
+ @apply link font-bold;
}
- /* Keyword */
- .highlight .o {
- color: #666666
+ code {
+ @apply bg-porcelain px-1 py-1 rounded text-base;
}
- /* Operator */
- .highlight .cm {
- color: #408080;
- font-style: italic
+ ul {
+ @apply list list-green list-disc;
}
- /* Comment.Multiline */
- .highlight .cp {
- color: #BC7A00
+ ol {
+ @apply list list-green list-decimal;
}
- /* Comment.Preproc */
- .highlight .c1 {
- color: #408080;
- font-style: italic
+ hr {
+ @apply border-porcelain my-4;
}
- /* Comment.Single */
- .highlight .cs {
- color: #408080;
- font-style: italic
- }
+ blockquote {
+ @apply border-l-8 border-porcelain py-2 pl-6;
+ p {
+ margin: 0;
+ }
- /* Comment.Special */
- .highlight .gd {
- color: #A00000
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
}
- /* Generic.Deleted */
- .highlight .ge {
- font-style: italic
- }
+ figure.highlight {
+ overflow: auto;
- /* Generic.Emph */
- .highlight .gr {
- color: #FF0000
- }
+ @apply bg-porcelain rounded-lg px-6;
- /* Generic.Error */
- .highlight .gh {
- color: #000080;
- font-weight: bold
- }
+ code {
+ @apply bg-transparent;
+ }
- /* Generic.Heading */
- .highlight .gi {
- color: #00A000
+ .rouge-table {
+ @apply border-porcelain;
+ }
}
-
- /* Generic.Inserted */
- .highlight .go {
- color: #808080
- }
-
- /* Generic.Output */
- .highlight .gp {
- color: #000080;
- font-weight: bold
- }
-
- /* Generic.Prompt */
- .highlight .gs {
- font-weight: bold
- }
-
- /* Generic.Strong */
- .highlight .gu {
- color: #800080;
- font-weight: bold
- }
-
- /* Generic.Subheading */
- .highlight .gt {
- color: #0040D0
- }
-
- /* Generic.Traceback */
- .highlight .kc {
- color: #008000;
- font-weight: bold
- }
-
- /* Keyword.Constant */
- .highlight .kd {
- color: #008000;
- font-weight: bold
- }
-
- /* Keyword.Declaration */
- .highlight .kn {
- color: #008000;
- font-weight: bold
- }
-
- /* Keyword.Namespace */
- .highlight .kp {
- color: #008000
- }
-
- /* Keyword.Pseudo */
- .highlight .kr {
- color: #008000;
- font-weight: bold
- }
-
- /* Keyword.Reserved */
- .highlight .kt {
- color: #B00040
- }
-
- /* Keyword.Type */
- .highlight .m {
- color: #666666
- }
-
- /* Literal.Number */
- .highlight .s {
- color: #BA2121
- }
-
- /* Literal.String */
- .highlight .na {
- color: #7D9029
- }
-
- /* Name.Attribute */
- .highlight .nb {
- color: #008000
- }
-
- /* Name.Builtin */
- .highlight .nc {
- color: #0000FF;
- font-weight: bold
- }
-
- /* Name.Class */
- .highlight .no {
- color: #880000
- }
-
- /* Name.Constant */
- .highlight .nd {
- color: #AA22FF
- }
-
- /* Name.Decorator */
- .highlight .ni {
- color: #999999;
- font-weight: bold
- }
-
- /* Name.Entity */
- .highlight .ne {
- color: #D2413A;
- font-weight: bold
- }
-
- /* Name.Exception */
- .highlight .nf {
- color: #0000FF
- }
-
- /* Name.Function */
- .highlight .nl {
- color: #A0A000
- }
-
- /* Name.Label */
- .highlight .nn {
- color: #0000FF;
- font-weight: bold
- }
-
- /* Name.Namespace */
- .highlight .nt {
- color: #008000;
- font-weight: bold
- }
-
- /* Name.Tag */
- .highlight .nv {
- color: #19177C
- }
-
- /* Name.Variable */
- .highlight .ow {
- color: #AA22FF;
- font-weight: bold
- }
-
- /* Operator.Word */
- .highlight .w {
- color: #bbbbbb
- }
-
- /* Text.Whitespace */
- .highlight .mf {
- color: #666666
- }
-
- /* Literal.Number.Float */
- .highlight .mh {
- color: #666666
- }
-
- /* Literal.Number.Hex */
- .highlight .mi {
- color: #666666
- }
-
- /* Literal.Number.Integer */
- .highlight .mo {
- color: #666666
- }
-
- /* Literal.Number.Oct */
- .highlight .sb {
- color: #BA2121
- }
-
- /* Literal.String.Backtick */
- .highlight .sc {
- color: #BA2121
- }
-
- /* Literal.String.Char */
- .highlight .sd {
- color: #BA2121;
- font-style: italic
- }
-
- /* Literal.String.Doc */
- .highlight .s2 {
- color: #BA2121
- }
-
- /* Literal.String.Double */
- .highlight .se {
- color: #BB6622;
- font-weight: bold
- }
-
- /* Literal.String.Escape */
- .highlight .sh {
- color: #BA2121
- }
-
- /* Literal.String.Heredoc */
- .highlight .si {
- color: #BB6688;
- font-weight: bold
- }
-
- /* Literal.String.Interpol */
- .highlight .sx {
- color: #008000
- }
-
- /* Literal.String.Other */
- .highlight .sr {
- color: #BB6688
- }
-
- /* Literal.String.Regex */
- .highlight .s1 {
- color: #BA2121
- }
-
- /* Literal.String.Single */
- .highlight .ss {
- color: #19177C
- }
-
- /* Literal.String.Symbol */
- .highlight .bp {
- color: #008000
- }
-
- /* Name.Builtin.Pseudo */
- .highlight .vc {
- color: #19177C
- }
-
- /* Name.Variable.Class */
- .highlight .vg {
- color: #19177C
- }
-
- /* Name.Variable.Global */
- .highlight .vi {
- color: #19177C
- }
-
- /* Name.Variable.Instance */
- .highlight .il {
- color: #666666
- }
-
- /* Literal.Number.Integer.Long */
}
}