jekyll-dark-ored 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b99292b0db7345491cae7b1d3298e0df7349846c678307167447fe77971409f1
-  data.tar.gz: 5ac2f44fc1329b2de89f0676700f15cef4ad52f1b5fdac0d55b9b96b647d85ac
+  metadata.gz: a40ce64cf7d6c4f4da17e9fbf8e27e4eb58079468566a3e1f4b400b6385d42d9
+  data.tar.gz: f8e16f407d9e808ea2d579423de7125c7ba30d6732357b2888eb75136d834675
 SHA512:
-  metadata.gz: ccdb292372425737b508095b28b1bc44b91494fe9e8b44352df9fde029ed102b0e3f08921d9c3abc38b7eaf6e66d255cf690804d99345c38b7a4b399cdb54419
-  data.tar.gz: 148cffb4b8165cb4b31adf9e57c42dd058c361459ae48fde61343bf8ec96a68cd5ffee9b1de66038eddc4e781f15fc6e63679408969a09a2a903d5db643e0e72
+  metadata.gz: 27a8c853af044531a4d99b5a727f394c5e5eee73a79f680589af1fe3339f635e6060c0113a96d7ea7b6f37c9abf7fabec1d0e9990191c003420e6ba58c3a2815
+  data.tar.gz: 9f3f5f02244a6320c606e6d0707a31a5548d9015eca02cb627c1be7844e29ed3b75f42523f4b1fa399f7660c3c4f46c5c96c6edf756cdb6c04b67642737e4fa3

data/README.md

@@ -2,7 +2,7 @@
 
 A simple dark orange red theme for Jekyll.
 
-Responsive images, tables, iframes (for include videos of **Youtube**, **Vimeo** or similar services) and other elements thanks to mi CSS framework [MicroCSS](https://son-link.github.io/microcss/)
+Responsive images, tables, iframes (for include videos of **Youtube**, **Vimeo** or similar services) and other elements thanks to my CSS framework [MicroCSS](https://son-link.github.io/microcss/)
 
 A simple pure javascript code for toggle menu and responsive tables.
 
@@ -49,7 +49,7 @@ gem "jekyll-paginator" # This line isn't necessary if you use github-pages
 Add this lines to your Jekyll site's `_config.yml`:
 
 ```yaml
-theme: jekyll-simple-dark
+theme: jekyll-dark-ored
 plugins:
 - jekyll-paginate
 paginate: 5 # Posts per page
@@ -114,8 +114,6 @@ For use you only need add this plugin on the plugins array on **_config.yml**
 ### Icons:
 This theme include somo icons ready to use.
 
-
-
 ## Contributing
 
 Bug reports and pull requests are welcome on [GitHub](https://github.com/son-link/jekyll-dark-ored)

data/_sass/microcss.scss

@@ -65,6 +65,10 @@ body {
 
 $col_size: 100%/12;
 
+@for $i from 1 to 13 {
+	.col-#{$i} { width: $col_size * $i; }
+}
+
 .row {
 	width: 100%;
 	max-width: 1140px;
@@ -74,41 +78,42 @@ $col_size: 100%/12;
 		display:table;
 		clear:both;
 	}
-
-	@for $i from 1 to 13 {
-		.col-#{$i} { width: $col_size * $i; float: left; }
-	}
 }
 
 .row *[class*=col-]{
-	padding: 5px 0;
+	padding: .2rem 0;
 	box-sizing: border-box;
+	float: left;
 }
 
-h1 {font-size: 48px; line-height: 58px}
-h2 {font-size: 40px; line-height: 50px}
-h3 {font-size: 32px; line-height: 42px}
-h4 {font-size: 28px; line-height: 38px}
-h5 {font-size: 24px; line-height: 34px}
-h6 {font-size: 20px; line-height: 30px}
+h1 {font-size: 3rem;}
+h2 {font-size: 2.5rem;}
+h3 {font-size: 2rem;}
+h4 {font-size: 1.75rem;}
+h5 {font-size: 1.5rem;}
+h6 {font-size: 1.25rem;}
+h1, h2, h3, h4, h5, h6 {
+	line-height: 1.2;
+}
 
 /* Forms and buttons */
 
-input,
+input:not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=radio]),
 optgroup,
 select,
 textarea {
 	font-family: inherit;
 	font-size: 100%;
 	line-height: 150%;
-	margin: 0;
 	-webkit-appearance: none;
 	background: #FFFFFF;
-	padding: 0 3px;
+	padding: .2rem .4rem;
 	color: $black;
 	border: 1px solid $gray;
-	border-radius: 3px;
+	border-radius: .2rem;
 	transition: border-color 0.2s ease;
+	width: 100%;
+	max-width: 100%;
 
 	&:focus {
 		border-color: $aqua;
@@ -122,6 +127,10 @@ textarea {
 	}
 }
 
+input:not([type=submit]):not([type=reset]), select, textarea, optgroup {
+	margin: .5rem 0;
+}
+
 select{
 	padding-right: 24px;
 	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=);
@@ -129,20 +138,33 @@ select{
 	background-repeat: no-repeat;
 }
 
-/* Buttons and alerts */
+label, legend {
+	display: block;
+}
 
-button, a.button, .alert, *[type=submit], *[type=reset] {
+/* Buttons */
+
+button, a.button, *[type=submit], *[type=reset] {
 	background-color: $white;
 	border: 1px solid $gray;
-	border-radius: 3px;
+	border-radius: .2rem;
 	line-height: 2rem;
 	color: $black;
-	padding: 0 10px;
+	padding: 0 2rem;
 	height: 2rem;
 	display: inline-block;
+	font-weight: bold;
+	box-sizing: border-box;
+	font-size: 1rem;
 }
 
-.alert {margin: 10px 0}
+/* Alerts */
+.alert {
+	display: block;
+	margin: 10px 0;
+	padding: .5rem;
+	border-radius: .2rem;
+}
 
 .primary, .success, .danger, .warning, .info, *:disabled{
 	color: #FFFFFF;
@@ -222,7 +244,7 @@ video, audio {
 
 	.navbar-title {
 		font-weight: bold;
-		font-size: 120%;
+		font-size: 1.2rem;
 	}
 
 	&.fixed {
@@ -238,6 +260,7 @@ video, audio {
 		border-bottom: 0;
 		a, .navbar-title {
 			display: block;
+			padding: .2rem .5rem;
 		}
 	}
 }
@@ -294,8 +317,9 @@ pre {
 	white-space: pre-wrap;
 }
 
-ul, ol, p, table, blockquote, form, blockquote, pre, .resp-iframe {
-	margin-bottom: 2rem;
+ul, ol, p, table, blockquote, form, blockquote, pre, .resp-iframe,
+h1, h2, h3, h4, h5, h6, .card {
+	margin-bottom: 1rem;
 }
 
 /* Utilities */
@@ -323,10 +347,20 @@ ul, ol, p, table, blockquote, form, blockquote, pre, .resp-iframe {
 /* Cards */
 
 .card {
-	width: 96%;
-	border-radius: .3rem;
+	border-radius: .2rem;
 	box-shadow: 1px 1px 1px rgba(0, 0, 0, .2),-1px -1px 1px rgba(0, 0, 0, .2);
-	padding: 1rem;
+
+	.card-title, .card-body, .card-footer {
+		padding: .5rem;
+	}
+	.card-title {
+		font-size: 22px;
+		font-weight: bold;
+	}
+
+	.card-footer {
+		border-top: 1px solid $silver;
+	}
 
 	p {
 		margin: 0;

data/assets/css/style.scss

@@ -106,14 +106,18 @@ footer {
 
 .entry {
 	.entry-title {
-		font-size: 1.5rem;
+		display: block;
+		font-size: 2rem;
 		font-weight: bold;
 	}
 
 	.entry-date {
 		display: block;
 		color: $red;
-		margin-bottom: .5rem;
+	}
+
+	.entry-title, .entry-date {
+		margin-bottom: 1rem;
 	}
 
 	.entry-footer {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-dark-ored
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Alfonso Saavedra "Son Link"
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-30 00:00:00.000000000 Z
+date: 2019-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -93,7 +93,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.4
+rubygems_version: 3.0.6
 signing_key: 
 specification_version: 4
 summary: A simple dark orange red theme for Jekyll.