mirror of
https://github.com/Noettore/cocoa-eh-hugo-theme.git
synced 2025-10-15 11:46:41 +02:00
Add img css
* Create util file * Add screen size helpers
This commit is contained in:
16
main.less
16
main.less
@@ -64,17 +64,7 @@
|
|||||||
|
|
||||||
// Slap-on utils
|
// Slap-on utils
|
||||||
|
|
||||||
.dark {
|
@import 'util'
|
||||||
color: @black !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.light {
|
|
||||||
color: @gray !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accent {
|
|
||||||
color: @accent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// General styles
|
// General styles
|
||||||
|
|
||||||
@@ -503,4 +493,8 @@ a {
|
|||||||
color: @accent;
|
color: @accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
@import 'markdown';
|
@import 'markdown';
|
||||||
|
@@ -11,6 +11,19 @@
|
|||||||
.accent {
|
.accent {
|
||||||
color: #2eaf5e !important;
|
color: #2eaf5e !important;
|
||||||
}
|
}
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
.small-screens-only {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.large-screens-only {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
.large-screens-only {
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
*,
|
*,
|
||||||
*:before,
|
*:before,
|
||||||
*:after {
|
*:after {
|
||||||
@@ -462,6 +475,9 @@ body {
|
|||||||
a {
|
a {
|
||||||
color: #2eaf5e;
|
color: #2eaf5e;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
.section.main .content .markdown h1,
|
.section.main .content .markdown h1,
|
||||||
.section.main .content .markdown h2,
|
.section.main .content .markdown h2,
|
||||||
.section.main .content .markdown h3,
|
.section.main .content .markdown h3,
|
||||||
|
24
util.less
Normal file
24
util.less
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
.dark {
|
||||||
|
color: @black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.light {
|
||||||
|
color: @gray !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accent {
|
||||||
|
color: @accent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-screens-only {
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.large-screens-only {
|
||||||
|
display: none;
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
|
}
|
Reference in New Issue
Block a user