Переглянути джерело

editor style adjust - separator display styling

tags/1.0.0^2^2
Alej 3 роки тому
джерело
коміт
0de23b437e
2 змінених файлів з 13 додано та 4 видалено
  1. 11
    2
      vue-theme/editor-style.css
  2. 2
    2
      vue-theme/src/pages/single.vue

+ 11
- 2
vue-theme/editor-style.css Переглянути файл

97
 }
97
 }
98
 
98
 
99
 /* separator types */
99
 /* separator types */
100
+.wp-block-separator {
101
+    border: none;
102
+    height: 0.8em;
103
+    text-align: center
104
+}
105
+
100
 hr .wp-block-separator, .is-style-default {
106
 hr .wp-block-separator, .is-style-default {
101
-    height: 1px;
102
     width: 15vw;
107
     width: 15vw;
108
+    border-top: 3px solid !important;
109
+    border-bottom: 0 !important;
103
 }
110
 }
104
 
111
 
112
+
105
 hr .wp-block-separator, .is-style-wide {
113
 hr .wp-block-separator, .is-style-wide {
106
-    height: 3px;
107
     width: 50vw;
114
     width: 50vw;
115
+    border-top: 3px solid;
116
+    border-bottom: 0;
108
 }
117
 }
109
 
118
 
110
 hr .wp-block-separator, .is-style-dots:before {
119
 hr .wp-block-separator, .is-style-dots:before {

+ 2
- 2
vue-theme/src/pages/single.vue Переглянути файл

300
             margin: $ms-2 auto
300
             margin: $ms-2 auto
301
             &.is-style
301
             &.is-style
302
                 &-default
302
                 &-default
303
-                    height: 1px
303
+                    /* height: 1px */
304
                     width: 15vw
304
                     width: 15vw
305
                 &-wide
305
                 &-wide
306
-                    height: 3px
306
+                    /* height: 3px */
307
                     width: 50vw
307
                     width: 50vw
308
                 &-dots::before
308
                 &-dots::before
309
                     outline-style: none
309
                     outline-style: none

Завантаження…
Відмінити
Зберегти