Add img css

* Create util file
* Add screen size helpers
This commit is contained in:
Nishanth Shanmugham
2015-09-05 08:51:48 -05:00
parent 3f0693edb7
commit 0b75044dee
3 changed files with 45 additions and 11 deletions

View File

@@ -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';

View File

@@ -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
View 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;
}
}