More image changes

* 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

View File

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

View File

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

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://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,700);
@@ -202,7 +202,11 @@ body {
display: inline-flex;
}
.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 {
margin-right: 0;
@@ -263,6 +267,7 @@ body {
justify-content: center;
}
.section.icons .content a {
margin-left: 6px;
margin-right: 6px;
color: #fefefe;
-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);
-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 {
margin-right: 0;
}
@@ -293,7 +301,8 @@ body {
justify-content: flex-start;
}
.section.icons .content a {
margin-right: 4px;
margin-left: 2px;
margin-right: 2px;
color: #b7b7b7;
}
.section.icons .content a:hover {
@@ -601,7 +610,7 @@ img {
}
}
.section.main .content .markdown img {
margin: 0 0 1rem;
margin: 1rem 0;
max-width: 100%;
}
.section.main .content .markdown table {