ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-16 20:26:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

More image changes

Browse Source 
* Margins for social icons
This commit is contained in:
Nishanth Shanmugham
2015-09-05 13:24:22 -05:00
parent edca32ef49
commit d36d3aa373
3 changed files with 40 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
main.less
View File

@@ -1,6 +1,6 @@
// Font imports // Font imports
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,700); @import url(http://fonts.googleapis.com/css?family=Raleway:200,700);
@@ -198,7 +198,12 @@ body {
} }
ul a { ul a {
margin-right: 12px; margin-left: 6px;
margin-right: 6px;
&:first-child {
margin-left: 0;
}
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
@@ -262,10 +267,15 @@ body {
.content { .content {
a { a {
margin-left: 6px;
margin-right: 6px; margin-right: 6px;
color: @milk; color: @milk;
.transition(~'color @{transition-speed-1} @{in-sine}'); .transition(~'color @{transition-speed-1} @{in-sine}');
&:first-child {
margin-left: 0;
}
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@@ -295,7 +305,8 @@ body {
.content { .content {
a { a {
margin-right: 4px; margin-left: 2px;
margin-right: 2px;
color: @gray; color: @gray;
&:hover { &:hover {

2
markdown.less
View File

@@ -154,7 +154,7 @@ blockquote p:last-child {
// Images and tables // Images and tables
img { img {
margin: 0 0 1rem; margin: 1rem 0;
max-width: 100%; max-width: 100%;
} }

17
static/css/main.css
View File

@@ -1,4 +1,4 @@
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,700); @import url(http://fonts.googleapis.com/css?family=Raleway:200,700);
@@ -202,7 +202,11 @@ body {
display: inline-flex; display: inline-flex;
} }
.section.header nav ul a { .section.header nav ul a {
margin-right: 12px; margin-left: 6px;
margin-right: 6px;
}
.section.header nav ul a:first-child {
margin-left: 0;
} }
.section.header nav ul a:last-child { .section.header nav ul a:last-child {
margin-right: 0; margin-right: 0;
@@ -263,6 +267,7 @@ body {
justify-content: center; justify-content: center;
} }
.section.icons .content a { .section.icons .content a {
margin-left: 6px;
margin-right: 6px; margin-right: 6px;
color: #fefefe; color: #fefefe;
-webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
@@ -270,6 +275,9 @@ body {
-ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
} }
.section.icons .content a:first-child {
margin-left: 0;
}
.section.icons .content a:last-child { .section.icons .content a:last-child {
margin-right: 0; margin-right: 0;
} }
@@ -293,7 +301,8 @@ body {
justify-content: flex-start; justify-content: flex-start;
} }
.section.icons .content a { .section.icons .content a {
margin-right: 4px; margin-left: 2px;
margin-right: 2px;
color: #b7b7b7; color: #b7b7b7;
} }
.section.icons .content a:hover { .section.icons .content a:hover {
@@ -601,7 +610,7 @@ img {
} }
} }
.section.main .content .markdown img { .section.main .content .markdown img {
margin: 0 0 1rem; margin: 1rem 0;
max-width: 100%; max-width: 100%;
} }
.section.main .content .markdown table { .section.main .content .markdown table {