Change : editor-style

s56bouya · Sep 25, 2018 · 29ba4b8 · 29ba4b8
1 parent 6c862ae
commit 29ba4b8
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 30 deletions.
diff --git a/editor-style.css b/editor-style.css
@@ -1,12 +1,12 @@
 /**
- * Generated on 2018/03/13
+ * Generated on 2018/09/25
  * Author: Tetsuya Imamura(s56bouya)
  */
 
 @font-face {
   font-family: 'icomoon';
-  src: url("fonts/icomoon/icomoon.eot?h1bu1");
-  src: url("fonts/icomoon/icomoon.eot?h1bu1#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?h1bu1") format("truetype"), url("fonts/icomoon/icomoon.woff?h1bu1") format("woff"), url("fonts/icomoon/icomoon.svg?h1bu1#icomoon") format("svg");
+  src: url("fonts/icomoon/icomoon.eot?qrgenr");
+  src: url("fonts/icomoon/icomoon.eot?qrgenr#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?qrgenr") format("truetype"), url("fonts/icomoon/icomoon.woff?qrgenr") format("woff"), url("fonts/icomoon/icomoon.svg?qrgenr#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -24,6 +24,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-hatena-bookmark:before {
+  content: "\eaf2";
+}
+
+.icon-line:before {
+  content: "\eaf1";
+}
+
 .icon-close:before {
   content: "\e90c";
 }
@@ -2022,9 +2030,10 @@ body#tinymce.wp-editor {
   padding: 0;
   z-index: 0;
   letter-spacing: 0.07rem;
-  line-height: 1.86;
+  line-height: 2;
   word-wrap: break-word;
   position: relative;
+  font-size: 1rem;
   max-width: 1200px;
   margin: 1rem;
 }
@@ -2044,14 +2053,17 @@ body#tinymce.wp-editor button {
 }
 body#tinymce.wp-editor a,
 body#tinymce.wp-editor a:hover,
-body#tinymce.wp-editor button,
-body#tinymce.wp-editor button:hover,
 body#tinymce.wp-editor input[type=submit],
 body#tinymce.wp-editor svg,
 body#tinymce.wp-editor svg:hover {
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }
+body#tinymce.wp-editor button,
+body#tinymce.wp-editor button:hover {
+  -webkit-transition: color 300ms ease,background 300ms ease;
+  transition: color 300ms ease,background 300ms ease;
+}
 body#tinymce.wp-editor figure {
   margin: 0;
   padding: 0;
@@ -2108,9 +2120,8 @@ body#tinymce.wp-editor table {
 }
 body#tinymce.wp-editor table th, body#tinymce.wp-editor table td {
   padding: 1rem;
-  font-size: 1rem;
   text-align: left;
-  line-height: 1.86;
+  line-height: 2;
   border-width: 1px;
   border-style: solid;
 }
@@ -2136,38 +2147,36 @@ body#tinymce.wp-editor h2 {
   border-top-width: 1px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
-  margin: 3.5rem 0 1rem;
+  margin: 3.5rem 0 1.5rem;
   padding: 1.5rem 0 1.4rem;
 }
 body#tinymce.wp-editor h3 {
   font-size: 1.4rem;
-  margin: 2rem 0 1rem;
+  margin: 2.5rem 0 1.5rem;
 }
 body#tinymce.wp-editor h4 {
   font-size: 1.2rem;
-  margin: 1.5rem 0 1rem;
+  margin: 2.5rem 0 1.5rem;
 }
 body#tinymce.wp-editor h5 {
   font-size: 1.15rem;
-  margin: 1.5rem 0 1rem;
+  margin: 2.5rem 0 1.5rem;
 }
 body#tinymce.wp-editor h6 {
   font-size: 1.1rem;
-  margin: 1.3rem 0;
+  margin: 1.5rem 0;
 }
 body#tinymce.wp-editor iframe {
   max-width: 100%;
 }
 body#tinymce.wp-editor p {
-  font-size: 1.05rem;
-  margin: 1rem 0;
+  margin: 1.5rem 0;
 }
 body#tinymce.wp-editor .button {
   font-size: 0.85rem;
 }
 body#tinymce.wp-editor ul li, body#tinymce.wp-editor ol li {
-  font-size: 1.05rem;
-  line-height: 1.86;
+  line-height: 2;
 }
 body#tinymce.wp-editor ul {
   margin: 1.5rem 0;
@@ -2193,12 +2202,13 @@ body#tinymce.wp-editor ol li:last-child {
 body#tinymce.wp-editor pre {
   border-width: 1px;
   border-style: dotted;
+  margin: 1.5rem 0;
   padding: 1rem 2rem;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
 body#tinymce.wp-editor blockquote {
-  margin: 0;
+  margin: 2.5rem 0;
   padding: 1rem 2rem;
   position: relative;
   width: 100%;
@@ -2209,8 +2219,8 @@ body#tinymce.wp-editor blockquote::before, body#tinymce.wp-editor blockquote::af
   font-family: 'icomoon';
   content: "\e977";
   display: inline-block;
-  font-size: 2rem;
-  line-height: 2rem;
+  font-size: 1.7rem;
+  line-height: 1.7rem;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
@@ -2234,7 +2244,8 @@ body#tinymce.wp-editor a {
 
 @media only screen and (max-width: 1000px) {
   body#tinymce.wp-editor {
-    line-height: 1.76;
+    line-height: 1.86;
+    font-size: 0.9rem;
   }
   body#tinymce.wp-editor h2 {
     font-size: 1.4rem;
@@ -2253,12 +2264,6 @@ body#tinymce.wp-editor a {
   body#tinymce.wp-editor h6 {
     font-size: 1rem;
   }
-  body#tinymce.wp-editor p {
-    font-size: 1rem;
-  }
-  body#tinymce.wp-editor ul li, body#tinymce.wp-editor ol li {
-    font-size: 1rem;
-  }
   body#tinymce.wp-editor table {
     overflow-x: auto;
     white-space: nowrap;
@@ -2273,6 +2278,6 @@ body#tinymce.wp-editor a {
     font-size: 0.8rem;
   }
   body#tinymce.wp-editor table::-webkit-scrollbar {
-    height: 1.2rem;
+    height: 1rem;
   }
 }
diff --git a/main.css b/main.css
@@ -2760,7 +2760,7 @@ body.scrolled #masthead {
   line-height: 2;
   word-wrap: break-word;
   position: relative;
-  font-size: 1rem;
+  font-size: 1.05rem;
 }
 .single .entry-content table,
 .page .entry-content table {
@@ -2885,6 +2885,7 @@ body.scrolled #masthead {
 .page .entry-content pre {
   border-width: 1px;
   border-style: dotted;
+  margin: 1.5rem 0;
   padding: 1rem 2rem;
   white-space: pre-wrap;
   word-wrap: break-word;
@@ -4299,7 +4300,7 @@ i.icomoon {
   }
   .single .entry-content table::-webkit-scrollbar,
   .page .entry-content table::-webkit-scrollbar {
-    height: 1.2rem;
+    height: 1.1rem;
   }
 
   .archive .site-main > header .page-header h1,