質問編集履歴

7

修正

2018/11/17 08:01

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -868,80 +868,76 @@
868
868
 
869
869
  }
870
870
 
871
-
872
-
873
- .animate {
874
-
875
- -moz-transition-property: all;
876
-
877
- -o-transition-property: all;
878
-
879
- -webkit-transition-property: all;
880
-
881
- transition-property: all;
882
-
883
- -moz-transition-duration: 0.2s;
884
-
885
- -o-transition-duration: 0.2s;
886
-
887
- -webkit-transition-duration: 0.2s;
888
-
889
- transition-duration: 0.2s;
890
-
891
- -moz-transition-timing-function: ease-in;
892
-
893
- -o-transition-timing-function: ease-in;
894
-
895
- -webkit-transition-timing-function: ease-in;
896
-
897
- transition-timing-function: ease-in;
898
-
899
- }
900
-
901
-
902
-
903
- .button {
904
-
905
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
906
-
907
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
908
-
909
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
910
-
911
- }
912
-
913
-
914
-
915
- ul {
916
-
917
- margin: 0;
918
-
919
- padding: 0;
920
-
921
- }
922
-
923
- ul li {
924
-
925
- list-style: none;
926
-
927
- padding: 0;
928
-
929
- margin: 0;
930
-
931
- }
932
-
933
-
934
-
935
-
936
-
937
871
  コード
938
872
 
939
873
  ```
940
874
 
941
875
 
942
876
 
877
+ HTML
878
+
879
+ ```<!DOCTYPE html>
880
+
943
- 前提・実現したいこと
881
+ <html>
882
+
944
-
883
+ <head>
884
+
885
+ <title>Get to Get</title>
886
+
887
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
888
+
889
+ <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
890
+
891
+ <%= csrf_meta_tags %>
892
+
893
+
894
+
895
+ </head>
896
+
897
+
898
+
899
+ <body>
900
+
901
+ <header class="header">
902
+
903
+ <div class="header__bar row">
904
+
945
- コードは変化していないのに関わらず、Herokuにデプロイ後(上)、headerのfonthoverの色、文字の大きさが変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
905
+ <h1 class="grid-6"><a href="/">Get to Get</a></h1>
906
+
946
-
907
+ <% if guider_signed_in? %>
908
+
909
+ <div class="user_nav grid-6">
910
+
911
+ <span><%= current_guider.nickname %>
912
+
913
+ <ul class="user__info">
914
+
947
- よろしくお願いします。
915
+ <li>
916
+
917
+ <a href="/guiders/<%= current_guider.id %>">マイページ</a>
918
+
919
+ <a href="/guiders/<%= current_guider.id %>/go">ヘルプ</a>
920
+
921
+ <%= link_to "ログアウト", destroy_guider_session_path, method: :delete %>
922
+
923
+ </li>
924
+
925
+ </ul>
926
+
927
+ </span>
928
+
929
+ <a class="post" href="/plans/new">プラン</a>
930
+
931
+ </div>
932
+
933
+ <% end %>
934
+
935
+ </header>
936
+
937
+
938
+
939
+ <%= yield %>
940
+
941
+ コード
942
+
943
+ ```

6

修正

2018/11/17 08:01

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -14,313 +14,925 @@
14
14
 
15
15
  CSS
16
16
 
17
- ```@import "compass";
18
-
19
-
20
-
21
- /*
22
-
23
- * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
24
-
25
- * http://fontfree.me/966(配布元のURL)
26
-
27
- * http://ipafont.ipa.go.jp/(IPAフォントのURL)
28
-
29
- * http://ipafont.ipa.go.jp/ipa_font_license_v1.html(IPAフォントライセンスv1.0のURL)
30
-
31
- */
32
-
33
- @font-face {
34
-
35
- font-family: 'ほのか明朝';
36
-
37
- src: url('font_1_honokamin.ttf') format('truetype');
38
-
39
- font-weight: normal;
40
-
41
- font-style: normal;
42
-
43
- }
44
-
45
-
46
-
47
- @import url(http://fonts.googleapis.com/css?family=Unica+One);
48
-
49
-
50
-
51
- $accent: #57C3E9;
52
-
53
- $black: #292929;
54
-
55
- $dark: #666;
56
-
57
- $darkGray: #999999;
58
-
59
- $gray: #D8D8D8;
60
-
61
- $lightGray: #f5f5f3;
62
-
63
- $white: white;
64
-
65
-
66
-
67
-
68
-
69
- //mixin
70
-
71
-
72
-
73
- @mixin boxBase($margin: 30px auto, $padding: 10px) {
74
-
75
- margin: $margin;
76
-
77
- padding: $padding;
78
-
79
- }
80
-
81
- @mixin basePadding($padding: 10px) {
82
-
83
- padding: $padding;
84
-
85
- }
86
-
87
- @mixin baseMargin($margin: 10px auto) {
88
-
89
- margin: $margin;
90
-
91
- }
92
-
93
-
94
-
95
- body,html {
17
+ ```/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
18
+
19
+ /* ==========================================================================
20
+
21
+ * HTML5 display definitions
22
+
23
+ * ========================================================================== */
24
+
25
+ /*
26
+
27
+ * Correct `block` display not defined in IE 8/9. */
28
+
29
+ article,
30
+
31
+ aside,
32
+
33
+ details,
34
+
35
+ figcaption,
36
+
37
+ figure,
38
+
39
+ footer,
40
+
41
+ header,
42
+
43
+ hgroup,
44
+
45
+ main,
46
+
47
+ nav,
48
+
49
+ section,
50
+
51
+ summary {
52
+
53
+ display: block;
54
+
55
+ }
56
+
57
+
58
+
59
+ /*
60
+
61
+ * Correct `inline-block` display not defined in IE 8/9. */
62
+
63
+ audio,
64
+
65
+ canvas,
66
+
67
+ video {
68
+
69
+ display: inline-block;
70
+
71
+ }
72
+
73
+
74
+
75
+ /*
76
+
77
+ * Prevent modern browsers from displaying `audio` without controls.
78
+
79
+ * Remove excess height in iOS 5 devices. */
80
+
81
+ audio:not([controls]) {
82
+
83
+ display: none;
84
+
85
+ height: 0;
86
+
87
+ }
88
+
89
+
90
+
91
+ /*
92
+
93
+ * Address `[hidden]` styling not present in IE 8/9.
94
+
95
+ * Hide the `template` element in IE, Safari, and Firefox < 22. */
96
+
97
+ [hidden],
98
+
99
+ template {
100
+
101
+ display: none;
102
+
103
+ }
104
+
105
+
106
+
107
+ /* ==========================================================================
108
+
109
+ * Base
110
+
111
+ * ========================================================================== */
112
+
113
+ /*
114
+
115
+ * 1. Set default font family to sans-serif.
116
+
117
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
118
+
119
+ * user zoom. */
120
+
121
+ html {
122
+
123
+ font-family: sans-serif;
124
+
125
+ /* 1 */
126
+
127
+ -ms-text-size-adjust: 100%;
128
+
129
+ /* 2 */
130
+
131
+ -webkit-text-size-adjust: 100%;
132
+
133
+ /* 2 */
134
+
135
+ }
136
+
137
+
138
+
139
+ /*
140
+
141
+ * Remove default margin. */
142
+
143
+ body {
144
+
145
+ margin: 0;
146
+
147
+ }
148
+
149
+
150
+
151
+ /* ==========================================================================
152
+
153
+ * Links
154
+
155
+ * ========================================================================== */
156
+
157
+ /*
158
+
159
+ * Remove the gray background color from active links in IE 10. */
160
+
161
+ a {
162
+
163
+ background: transparent;
164
+
165
+ }
166
+
167
+
168
+
169
+ /*
170
+
171
+ * Address `outline` inconsistency between Chrome and other browsers. */
172
+
173
+ a:focus {
174
+
175
+ outline: thin dotted;
176
+
177
+ }
178
+
179
+
180
+
181
+ /*
182
+
183
+ * Improve readability when focused and also mouse hovered in all browsers. */
184
+
185
+ a:active,
186
+
187
+ a:hover {
188
+
189
+ outline: 0;
190
+
191
+ }
192
+
193
+
194
+
195
+ /* ==========================================================================
196
+
197
+ * Typography
198
+
199
+ * ========================================================================== */
200
+
201
+ /*
202
+
203
+ * Address variable `h1` font-size and margin within `section` and `article`
204
+
205
+ * contexts in Firefox 4+, Safari 5, and Chrome. */
206
+
207
+ h1 {
208
+
209
+ font-size: 2em;
210
+
211
+ margin: 0.67em 0;
212
+
213
+ }
214
+
215
+
216
+
217
+ /*
218
+
219
+ * Address styling not present in IE 8/9, Safari 5, and Chrome. */
220
+
221
+ abbr[title] {
222
+
223
+ border-bottom: 1px dotted;
224
+
225
+ }
226
+
227
+
228
+
229
+ /*
230
+
231
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
232
+
233
+ b,
234
+
235
+ strong {
236
+
237
+ font-weight: bold;
238
+
239
+ }
240
+
241
+
242
+
243
+ /*
244
+
245
+ * Address styling not present in Safari 5 and Chrome. */
246
+
247
+ dfn {
248
+
249
+ font-style: italic;
250
+
251
+ }
252
+
253
+
254
+
255
+ /*
256
+
257
+ * Address differences between Firefox and other browsers. */
258
+
259
+ hr {
260
+
261
+ -moz-box-sizing: content-box;
262
+
263
+ box-sizing: content-box;
264
+
265
+ height: 0;
266
+
267
+ }
268
+
269
+
270
+
271
+ /*
272
+
273
+ * Address styling not present in IE 8/9. */
274
+
275
+ mark {
276
+
277
+ background: yellow;
278
+
279
+ color: black;
280
+
281
+ }
282
+
283
+
284
+
285
+ /*
286
+
287
+ * Correct font family set oddly in Safari 5 and Chrome. */
288
+
289
+ code,
290
+
291
+ kbd,
292
+
293
+ pre,
294
+
295
+ samp {
296
+
297
+ font-family: monospace, serif;
298
+
299
+ font-size: 1em;
300
+
301
+ }
302
+
303
+
304
+
305
+ /*
306
+
307
+ * Improve readability of pre-formatted text in all browsers. */
308
+
309
+ pre {
310
+
311
+ white-space: pre-wrap;
312
+
313
+ }
314
+
315
+
316
+
317
+ /*
318
+
319
+ * Set consistent quote types. */
320
+
321
+ q {
322
+
323
+ quotes: "\201C" "\201D" "\2018" "\2019";
324
+
325
+ }
326
+
327
+
328
+
329
+ /*
330
+
331
+ * Address inconsistent and variable font size in all browsers. */
332
+
333
+ small {
334
+
335
+ font-size: 80%;
336
+
337
+ }
338
+
339
+
340
+
341
+ /*
342
+
343
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
344
+
345
+ sub,
346
+
347
+ sup {
348
+
349
+ font-size: 75%;
350
+
351
+ line-height: 0;
352
+
353
+ position: relative;
354
+
355
+ vertical-align: baseline;
356
+
357
+ }
358
+
359
+
360
+
361
+ sup {
362
+
363
+ top: -0.5em;
364
+
365
+ }
366
+
367
+
368
+
369
+ sub {
370
+
371
+ bottom: -0.25em;
372
+
373
+ }
374
+
375
+
376
+
377
+ /* ==========================================================================
378
+
379
+ * Embedded content
380
+
381
+ * ========================================================================== */
382
+
383
+ /*
384
+
385
+ * Remove border when inside `a` element in IE 8/9. */
386
+
387
+ img {
388
+
389
+ border: 0;
390
+
391
+ }
392
+
393
+
394
+
395
+ /*
396
+
397
+ * Correct overflow displayed oddly in IE 9. */
398
+
399
+ svg:not(:root) {
400
+
401
+ overflow: hidden;
402
+
403
+ }
404
+
405
+
406
+
407
+ /* ==========================================================================
408
+
409
+ * Figures
410
+
411
+ * ========================================================================== */
412
+
413
+ /*
414
+
415
+ * Address margin not present in IE 8/9 and Safari 5. */
416
+
417
+ figure {
418
+
419
+ margin: 0;
420
+
421
+ }
422
+
423
+
424
+
425
+ /* ==========================================================================
426
+
427
+ * Forms
428
+
429
+ * ========================================================================== */
430
+
431
+ /*
432
+
433
+ * Define consistent border, margin, and padding. */
434
+
435
+ fieldset {
436
+
437
+ border: 1px solid silver;
438
+
439
+ margin: 0 2px;
440
+
441
+ padding: 0.35em 0.625em 0.75em;
442
+
443
+ }
444
+
445
+
446
+
447
+ /*
448
+
449
+ * 1. Correct `color` not being inherited in IE 8/9.
450
+
451
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
452
+
453
+ legend {
454
+
455
+ border: 0;
456
+
457
+ /* 1 */
458
+
459
+ padding: 0;
460
+
461
+ /* 2 */
462
+
463
+ }
464
+
465
+
466
+
467
+ /*
468
+
469
+ * 1. Correct font family not being inherited in all browsers.
470
+
471
+ * 2. Correct font size not being inherited in all browsers.
472
+
473
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
474
+
475
+ button,
476
+
477
+ input,
478
+
479
+ select,
480
+
481
+ textarea {
482
+
483
+ /* 1 */
484
+
485
+ font-size: 100%;
486
+
487
+ /* 2 */
488
+
489
+ margin: 0;
490
+
491
+ /* 3 */
492
+
493
+ }
494
+
495
+
496
+
497
+ /*
498
+
499
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
500
+
501
+ * the UA stylesheet. */
502
+
503
+ button,
504
+
505
+ input {
506
+
507
+ line-height: normal;
508
+
509
+ }
510
+
511
+
512
+
513
+ /*
514
+
515
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
516
+
517
+ * All other form control elements do not inherit `text-transform` values.
518
+
519
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
520
+
521
+ * Correct `select` style inheritance in Firefox 4+ and Opera. */
522
+
523
+ button,
524
+
525
+ select {
526
+
527
+ text-transform: none;
528
+
529
+ }
530
+
531
+
532
+
533
+ /*
534
+
535
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
536
+
537
+ * and `video` controls.
538
+
539
+ * 2. Correct inability to style clickable `input` types in iOS.
540
+
541
+ * 3. Improve usability and consistency of cursor style between image-type
542
+
543
+ * `input` and others. */
544
+
545
+ button,
546
+
547
+ html input[type="button"],
548
+
549
+ input[type="reset"],
550
+
551
+ input[type="submit"] {
552
+
553
+ -webkit-appearance: button;
554
+
555
+ /* 2 */
556
+
557
+ cursor: pointer;
558
+
559
+ /* 3 */
560
+
561
+ }
562
+
563
+
564
+
565
+ /*
566
+
567
+ * Re-set default cursor for disabled elements. */
568
+
569
+ button[disabled],
570
+
571
+ html input[disabled] {
572
+
573
+ cursor: default;
574
+
575
+ }
576
+
577
+
578
+
579
+ /*
580
+
581
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
582
+
583
+ * 2. Remove excess padding in IE 8/9/10. */
584
+
585
+ input[type="checkbox"],
586
+
587
+ input[type="radio"] {
588
+
589
+ box-sizing: border-box;
590
+
591
+ /* 1 */
592
+
593
+ padding: 0;
594
+
595
+ /* 2 */
596
+
597
+ }
598
+
599
+
600
+
601
+ /*
602
+
603
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
604
+
605
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
606
+
607
+ * (include `-moz` to future-proof). */
608
+
609
+ input[type="search"] {
610
+
611
+ -webkit-appearance: textfield;
612
+
613
+ /* 1 */
614
+
615
+ -moz-box-sizing: content-box;
616
+
617
+ -webkit-box-sizing: content-box;
618
+
619
+ /* 2 */
620
+
621
+ box-sizing: content-box;
622
+
623
+ }
624
+
625
+
626
+
627
+ /*
628
+
629
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
630
+
631
+ * on OS X. */
632
+
633
+ input[type="search"]::-webkit-search-cancel-button,
634
+
635
+ input[type="search"]::-webkit-search-decoration {
636
+
637
+ -webkit-appearance: none;
638
+
639
+ }
640
+
641
+
642
+
643
+ /*
644
+
645
+ * Remove inner padding and border in Firefox 4+. */
646
+
647
+ button::-moz-focus-inner,
648
+
649
+ input::-moz-focus-inner {
650
+
651
+ border: 0;
652
+
653
+ padding: 0;
654
+
655
+ }
656
+
657
+
658
+
659
+ /*
660
+
661
+ * 1. Remove default vertical scrollbar in IE 8/9.
662
+
663
+ * 2. Improve readability and alignment in all browsers. */
664
+
665
+ textarea {
666
+
667
+ overflow: auto;
668
+
669
+ /* 1 */
670
+
671
+ vertical-align: top;
672
+
673
+ /* 2 */
674
+
675
+ }
676
+
677
+
678
+
679
+ /* ==========================================================================
680
+
681
+ * Tables
682
+
683
+ * ========================================================================== */
684
+
685
+ /*
686
+
687
+ * Remove most spacing between table cells. */
688
+
689
+ table {
690
+
691
+ border-collapse: collapse;
692
+
693
+ border-spacing: 0;
694
+
695
+ }
696
+
697
+
698
+
699
+ /* ==========================================================================
700
+
701
+ * CSS SETTING
702
+
703
+ * by Hiroaki WAKATSUKI
704
+
705
+ * Converted 2014/2/16
706
+
707
+ * ========================================================================== */
708
+
709
+ *,
710
+
711
+ *:before,
712
+
713
+ *:after {
714
+
715
+ -moz-box-sizing: border-box;
716
+
717
+ -webkit-box-sizing: border-box;
718
+
719
+ box-sizing: border-box;
720
+
721
+ }
722
+
723
+
724
+
725
+ img,
726
+
727
+ object,
728
+
729
+ embed {
730
+
731
+ max-width: 100%;
732
+
733
+ height: auto;
734
+
735
+ }
736
+
737
+
738
+
739
+ object,
740
+
741
+ embed {
96
742
 
97
743
  height: 100%;
98
744
 
99
- background-color: $lightGray;
100
-
101
- }
102
-
103
-
104
-
105
- body {
106
-
107
- padding-top: 60px;
108
-
109
- }
110
-
111
-
112
-
113
- h1,h2,h3,h4,h5,h6,body {
114
-
115
- line-height: 1.57;
116
-
117
- letter-spacing: 0.15em;
118
-
119
- font-size: 17px;
120
-
121
- color: $dark;
745
+ }
746
+
747
+
748
+
749
+ .left {
750
+
751
+ float: left;
752
+
753
+ }
754
+
755
+
756
+
757
+ .right {
758
+
759
+ float: right;
760
+
761
+ }
762
+
763
+
764
+
765
+ .clearfix {
766
+
767
+ *zoom: 1;
768
+
769
+ }
770
+
771
+ .clearfix:after {
772
+
773
+ content: "\0020";
774
+
775
+ display: block;
776
+
777
+ height: 0;
778
+
779
+ clear: both;
780
+
781
+ overflow: hidden;
782
+
783
+ visibility: hidden;
784
+
785
+ }
786
+
787
+
788
+
789
+ .text-left {
790
+
791
+ text-align: left;
792
+
793
+ }
794
+
795
+
796
+
797
+ .text-right {
798
+
799
+ text-align: right;
800
+
801
+ }
802
+
803
+
804
+
805
+ .text-center {
806
+
807
+ text-align: center;
808
+
809
+ }
810
+
811
+
812
+
813
+ .text-justify {
814
+
815
+ text-align: justify;
816
+
817
+ }
818
+
819
+
820
+
821
+ .hide {
822
+
823
+ display: none;
824
+
825
+ }
826
+
827
+
828
+
829
+ .antialiased {
830
+
831
+ -webkit-font-smoothing: antialiased;
832
+
833
+ }
834
+
835
+
836
+
837
+ img {
838
+
839
+ display: inline-block;
840
+
841
+ vertical-align: middle;
842
+
843
+ }
844
+
845
+
846
+
847
+ textarea {
848
+
849
+ height: auto;
850
+
851
+ min-height: 50px;
852
+
853
+ }
854
+
855
+
856
+
857
+ select {
858
+
859
+ width: 100%;
860
+
861
+ }
862
+
863
+
864
+
865
+ i {
866
+
867
+ font-style: normal;
868
+
869
+ }
870
+
871
+
872
+
873
+ .animate {
874
+
875
+ -moz-transition-property: all;
876
+
877
+ -o-transition-property: all;
878
+
879
+ -webkit-transition-property: all;
880
+
881
+ transition-property: all;
882
+
883
+ -moz-transition-duration: 0.2s;
884
+
885
+ -o-transition-duration: 0.2s;
886
+
887
+ -webkit-transition-duration: 0.2s;
888
+
889
+ transition-duration: 0.2s;
890
+
891
+ -moz-transition-timing-function: ease-in;
892
+
893
+ -o-transition-timing-function: ease-in;
894
+
895
+ -webkit-transition-timing-function: ease-in;
896
+
897
+ transition-timing-function: ease-in;
898
+
899
+ }
900
+
901
+
902
+
903
+ .button {
904
+
905
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
906
+
907
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
908
+
909
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1%, rgba(0, 0, 0, 0.2) 100%);
910
+
911
+ }
912
+
913
+
914
+
915
+ ul {
122
916
 
123
917
  margin: 0;
124
918
 
125
- }
126
-
127
- h3.done {
128
-
129
- font-size: 20px;
130
-
131
- }
132
-
133
-
134
-
135
- a {
136
-
137
- text-decoration: none;
138
-
139
- color: $dark;
140
-
141
- @extend .transition;
142
-
143
- &:hover {
144
-
145
- color: $accent;
146
-
147
- }
148
-
149
- }
150
-
151
-
152
-
153
- .bold {
154
-
155
- font-weight: bold;
156
-
157
- }
158
-
159
-
160
-
161
- .serif {
162
-
163
- font-family: 'ほのか明朝',serif;
164
-
165
- }
166
-
167
-
168
-
169
- .ultra {
170
-
171
- font-size: 2em !important;
172
-
173
- }
174
-
175
-
176
-
177
- ::selection {
178
-
179
- background: $gray;
180
-
181
- }
182
-
183
-
184
-
185
- .transition {
186
-
187
- @include transition-property(all);
188
-
189
- @include transition-duration(0.2s);
190
-
191
- @include transition-timing-function(linear);
192
-
193
- }
194
-
195
-
196
-
197
- .btn {
198
-
199
- @include basePadding(8px 20px);
200
-
201
- font-size: 14px;
202
-
203
- border: 2px solid $accent;
204
-
205
- color: $accent;
206
-
207
- font-weight: bold;
208
-
209
- text-align: center;
210
-
211
- border-radius: 3px;
212
-
213
- display: inline-block;
214
-
215
- &:hover {
216
-
217
- border-color: lighten($accent, 15%);
218
-
219
- color: lighten($accent, 15%);
220
-
221
- }
222
-
223
- }
224
-
225
-
226
-
227
- h1,h2,h3,h4,h5,h6 {
228
-
229
- }
230
-
231
-
232
-
233
- .title {
234
-
235
- font-weight: bold;
236
-
237
- }
238
-
239
-
240
-
241
- .title--big {
242
-
243
- font-size: 1.5em;
244
-
245
- font-weight: bold;
246
-
247
- i {
248
-
249
- font-style: italic;
250
-
251
- font-size: 1.8em;
252
-
253
- }
254
-
255
- }
256
-
257
- .sign {
258
-
259
- font-size: 22px
260
-
261
- }
262
-
263
-
264
-
265
- header.header {
266
-
267
- @include basePadding;
268
-
269
- border-bottom: 1px solid $gray;
270
-
271
- background-color: #fff;
272
-
273
- position: fixed;
274
-
275
- top: 0;
276
-
277
- left: 0;
278
-
279
- right: 0;
280
-
281
- z-index: 5;
282
-
283
- div.header__bar.row {
284
-
285
- position: relative;
286
-
287
- h1.grid-6 {
288
-
289
- font-size: 20px;
290
-
291
- line-height: 41px;
292
-
293
- float: left;
294
-
295
- a {
296
-
297
- display: block;
298
-
299
- }
300
-
301
- }
302
-
303
- div.grid-6 {
304
-
305
- float: right;
306
-
307
- text-align: right;
308
-
309
- a.post {
310
-
311
- @extend .btn;
312
-
313
- width: 120px;
314
-
315
- display: inline-left;
316
-
317
- margin-left: 10px;
318
-
319
- }
320
-
321
- }
322
-
323
- }
919
+ padding: 0;
920
+
921
+ }
922
+
923
+ ul li {
924
+
925
+ list-style: none;
926
+
927
+ padding: 0;
928
+
929
+ margin: 0;
930
+
931
+ }
932
+
933
+
934
+
935
+
324
936
 
325
937
  コード
326
938
 
@@ -328,108 +940,6 @@
328
940
 
329
941
 
330
942
 
331
- HTML
332
-
333
- ```<body>
334
-
335
- <header class="header">
336
-
337
- <div class="header__bar row">
338
-
339
- <h1 class="grid-6"><a href="/">Get to Get</a></h1>
340
-
341
- <% if guider_signed_in? %>
342
-
343
- <div class="user_nav grid-6">
344
-
345
- <span><%= current_guider.nickname %>
346
-
347
- <ul class="user__info">
348
-
349
- <li>
350
-
351
- <a href="/guiders/<%= current_guider.id %>">マイページ</a>
352
-
353
- <a href="/guiders/<%= current_guider.id %>/go">ヘルプ</a>
354
-
355
- <%= link_to "ログアウト", destroy_guider_session_path, method: :delete %>
356
-
357
- </li>
358
-
359
- </ul>
360
-
361
- </span>
362
-
363
- <a class="post" href="/plans/new">offer</a>
364
-
365
- </div>
366
-
367
- <% end %>
368
-
369
-
370
-
371
- <% if tourist_signed_in? %>
372
-
373
- <div class="user_nav grid-6">
374
-
375
- <span><%= link_to "Logout", destroy_tourist_session_path, method: :delete %>
376
-
377
- </span>
378
-
379
- <a class="post" href="/tourists/show">Contact</a>
380
-
381
- </div>
382
-
383
- <% end %>
384
-
385
-
386
-
387
- <% if ! (guider_signed_in? or tourist_signed_in?) %>
388
-
389
-
390
-
391
- <div class="grid-6">
392
-
393
- <%= link_to "traveller", new_tourist_session_path, class: 'post' %>
394
-
395
- <%= link_to "guider", new_guider_session_path, class: 'post' %>
396
-
397
- </div>
398
-
399
- <% end %>
400
-
401
- </div>
402
-
403
- </header>
404
-
405
-
406
-
407
- <%= yield %>
408
-
409
-
410
-
411
- <footer>
412
-
413
- <p>
414
-
415
- Copyright © 2018 Get to Get. All rights reserved.
416
-
417
- </p>
418
-
419
- </footer>
420
-
421
- </body>
422
-
423
- </html>
424
-
425
-
426
-
427
- コード
428
-
429
- ```
430
-
431
-
432
-
433
943
  前提・実現したいこと
434
944
 
435
945
  コードは変化していないのに関わらず、Herokuにデプロイ後(上)、headerのfontとhoverの色、文字の大きさが変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。

5

コードの挿入の仕方

2018/11/17 07:53

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -14,15 +14,419 @@
14
14
 
15
15
  CSS
16
16
 
17
+ ```@import "compass";
18
+
19
+
20
+
21
+ /*
22
+
23
+ * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
24
+
17
- ![イメージ説明](ad7819805abc4e2dd747848e39cd80ce.png)
25
+ * http://fontfree.me/966(配布元のURL)
26
+
18
-
27
+ * http://ipafont.ipa.go.jp/(IPAフォントのURL)
28
+
29
+ * http://ipafont.ipa.go.jp/ipa_font_license_v1.html(IPAフォントライセンスv1.0のURL)
30
+
31
+ */
32
+
33
+ @font-face {
34
+
35
+ font-family: 'ほのか明朝';
36
+
37
+ src: url('font_1_honokamin.ttf') format('truetype');
38
+
39
+ font-weight: normal;
40
+
41
+ font-style: normal;
42
+
43
+ }
44
+
45
+
46
+
47
+ @import url(http://fonts.googleapis.com/css?family=Unica+One);
48
+
49
+
50
+
51
+ $accent: #57C3E9;
52
+
53
+ $black: #292929;
54
+
55
+ $dark: #666;
56
+
57
+ $darkGray: #999999;
58
+
59
+ $gray: #D8D8D8;
60
+
61
+ $lightGray: #f5f5f3;
62
+
63
+ $white: white;
64
+
65
+
66
+
67
+
68
+
69
+ //mixin
70
+
71
+
72
+
19
- ![イメージ説明](6995dc530158ae7c7f4d294582f7d3fc.png)
73
+ @mixin boxBase($margin: 30px auto, $padding: 10px) {
74
+
75
+ margin: $margin;
76
+
77
+ padding: $padding;
78
+
79
+ }
80
+
81
+ @mixin basePadding($padding: 10px) {
82
+
83
+ padding: $padding;
84
+
85
+ }
86
+
87
+ @mixin baseMargin($margin: 10px auto) {
88
+
89
+ margin: $margin;
90
+
91
+ }
92
+
93
+
94
+
95
+ body,html {
96
+
97
+ height: 100%;
98
+
99
+ background-color: $lightGray;
100
+
101
+ }
102
+
103
+
104
+
105
+ body {
106
+
107
+ padding-top: 60px;
108
+
109
+ }
110
+
111
+
112
+
113
+ h1,h2,h3,h4,h5,h6,body {
114
+
115
+ line-height: 1.57;
116
+
117
+ letter-spacing: 0.15em;
118
+
119
+ font-size: 17px;
120
+
121
+ color: $dark;
122
+
123
+ margin: 0;
124
+
125
+ }
126
+
127
+ h3.done {
128
+
129
+ font-size: 20px;
130
+
131
+ }
132
+
133
+
134
+
135
+ a {
136
+
137
+ text-decoration: none;
138
+
139
+ color: $dark;
140
+
141
+ @extend .transition;
142
+
143
+ &:hover {
144
+
145
+ color: $accent;
146
+
147
+ }
148
+
149
+ }
150
+
151
+
152
+
153
+ .bold {
154
+
155
+ font-weight: bold;
156
+
157
+ }
158
+
159
+
160
+
161
+ .serif {
162
+
163
+ font-family: 'ほのか明朝',serif;
164
+
165
+ }
166
+
167
+
168
+
169
+ .ultra {
170
+
171
+ font-size: 2em !important;
172
+
173
+ }
174
+
175
+
176
+
177
+ ::selection {
178
+
179
+ background: $gray;
180
+
181
+ }
182
+
183
+
184
+
185
+ .transition {
186
+
187
+ @include transition-property(all);
188
+
189
+ @include transition-duration(0.2s);
190
+
191
+ @include transition-timing-function(linear);
192
+
193
+ }
194
+
195
+
196
+
197
+ .btn {
198
+
199
+ @include basePadding(8px 20px);
200
+
201
+ font-size: 14px;
202
+
203
+ border: 2px solid $accent;
204
+
205
+ color: $accent;
206
+
207
+ font-weight: bold;
208
+
209
+ text-align: center;
210
+
211
+ border-radius: 3px;
212
+
213
+ display: inline-block;
214
+
215
+ &:hover {
216
+
217
+ border-color: lighten($accent, 15%);
218
+
219
+ color: lighten($accent, 15%);
220
+
221
+ }
222
+
223
+ }
224
+
225
+
226
+
227
+ h1,h2,h3,h4,h5,h6 {
228
+
229
+ }
230
+
231
+
232
+
233
+ .title {
234
+
235
+ font-weight: bold;
236
+
237
+ }
238
+
239
+
240
+
241
+ .title--big {
242
+
243
+ font-size: 1.5em;
244
+
245
+ font-weight: bold;
246
+
247
+ i {
248
+
249
+ font-style: italic;
250
+
251
+ font-size: 1.8em;
252
+
253
+ }
254
+
255
+ }
256
+
257
+ .sign {
258
+
259
+ font-size: 22px
260
+
261
+ }
262
+
263
+
264
+
265
+ header.header {
266
+
267
+ @include basePadding;
268
+
269
+ border-bottom: 1px solid $gray;
270
+
271
+ background-color: #fff;
272
+
273
+ position: fixed;
274
+
275
+ top: 0;
276
+
277
+ left: 0;
278
+
279
+ right: 0;
280
+
281
+ z-index: 5;
282
+
283
+ div.header__bar.row {
284
+
285
+ position: relative;
286
+
287
+ h1.grid-6 {
288
+
289
+ font-size: 20px;
290
+
291
+ line-height: 41px;
292
+
293
+ float: left;
294
+
295
+ a {
296
+
297
+ display: block;
298
+
299
+ }
300
+
301
+ }
302
+
303
+ div.grid-6 {
304
+
305
+ float: right;
306
+
307
+ text-align: right;
308
+
309
+ a.post {
310
+
311
+ @extend .btn;
312
+
313
+ width: 120px;
314
+
315
+ display: inline-left;
316
+
317
+ margin-left: 10px;
318
+
319
+ }
320
+
321
+ }
322
+
323
+ }
324
+
325
+ コード
326
+
327
+ ```
20
328
 
21
329
 
22
330
 
23
331
  HTML
24
332
 
333
+ ```<body>
334
+
335
+ <header class="header">
336
+
337
+ <div class="header__bar row">
338
+
339
+ <h1 class="grid-6"><a href="/">Get to Get</a></h1>
340
+
341
+ <% if guider_signed_in? %>
342
+
25
- ![イメージ説明](bc1d8370ea5e928a44f73d7393d619a6.png)
343
+ <div class="user_nav grid-6">
344
+
345
+ <span><%= current_guider.nickname %>
346
+
347
+ <ul class="user__info">
348
+
349
+ <li>
350
+
351
+ <a href="/guiders/<%= current_guider.id %>">マイページ</a>
352
+
353
+ <a href="/guiders/<%= current_guider.id %>/go">ヘルプ</a>
354
+
355
+ <%= link_to "ログアウト", destroy_guider_session_path, method: :delete %>
356
+
357
+ </li>
358
+
359
+ </ul>
360
+
361
+ </span>
362
+
363
+ <a class="post" href="/plans/new">offer</a>
364
+
365
+ </div>
366
+
367
+ <% end %>
368
+
369
+
370
+
371
+ <% if tourist_signed_in? %>
372
+
373
+ <div class="user_nav grid-6">
374
+
375
+ <span><%= link_to "Logout", destroy_tourist_session_path, method: :delete %>
376
+
377
+ </span>
378
+
379
+ <a class="post" href="/tourists/show">Contact</a>
380
+
381
+ </div>
382
+
383
+ <% end %>
384
+
385
+
386
+
387
+ <% if ! (guider_signed_in? or tourist_signed_in?) %>
388
+
389
+
390
+
391
+ <div class="grid-6">
392
+
393
+ <%= link_to "traveller", new_tourist_session_path, class: 'post' %>
394
+
395
+ <%= link_to "guider", new_guider_session_path, class: 'post' %>
396
+
397
+ </div>
398
+
399
+ <% end %>
400
+
401
+ </div>
402
+
403
+ </header>
404
+
405
+
406
+
407
+ <%= yield %>
408
+
409
+
410
+
411
+ <footer>
412
+
413
+ <p>
414
+
415
+ Copyright © 2018 Get to Get. All rights reserved.
416
+
417
+ </p>
418
+
419
+ </footer>
420
+
421
+ </body>
422
+
423
+ </html>
424
+
425
+
426
+
427
+ コード
428
+
429
+ ```
26
430
 
27
431
 
28
432
 

4

情報の追加

2018/11/16 11:55

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -12,8 +12,22 @@
12
12
 
13
13
 
14
14
 
15
+ CSS
16
+
17
+ ![イメージ説明](ad7819805abc4e2dd747848e39cd80ce.png)
18
+
19
+ ![イメージ説明](6995dc530158ae7c7f4d294582f7d3fc.png)
20
+
21
+
22
+
23
+ HTML
24
+
25
+ ![イメージ説明](bc1d8370ea5e928a44f73d7393d619a6.png)
26
+
27
+
28
+
15
29
  前提・実現したいこと
16
30
 
17
- コードは変化していないのに関わらず、Herokuにデプロイ後(上)、fontとhoverの色、文字の大きさが変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
31
+ コードは変化していないのに関わらず、Herokuにデプロイ後(上)、headerのfontとhoverの色、文字の大きさが変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
18
32
 
19
33
  よろしくお願いします。

3

日本語の間違い

2018/11/16 09:28

投稿

avicii
avicii

スコア49

test CHANGED
@@ -1 +1 @@
1
- Herokuにデプロイ後、画面のFontとhoverの色が変化してしまので、それを元に戻たいです。
1
+ Herokuにデプロイ後、CssのFontとhoverの色が変化してしまいまし元に戻す方法を教えていだきたいです。
test CHANGED
File without changes

2

日本語間違えを直しました。

2018/11/13 22:14

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,6 @@
14
14
 
15
15
  前提・実現したいこと
16
16
 
17
- コードは変化していないのに、Herokuにデプロイ前(下)と後(上)でのfontとhoverの色が変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
17
+ コードは変化していないのに関わらず、Herokuにデプロイ後(上)fontとhoverの色、文字の大きさが変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
18
18
 
19
19
  よろしくお願いします。

1

日本語の変化と見え方のため

2018/11/12 17:05

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -1,13 +1,19 @@
1
1
  発生している問題・エラーメッセージ
2
2
 
3
- ![イメージ説明](188cae0bbcd3ce56290e83b363f2da2a.png)
3
+
4
4
 
5
5
  ![イメージ説明](77ba10664917ee6f90c6c4a270a814bf.png)
6
6
 
7
7
 
8
8
 
9
+
10
+
11
+ ![イメージ説明](188cae0bbcd3ce56290e83b363f2da2a.png)
12
+
13
+
14
+
9
15
  前提・実現したいこと
10
16
 
11
- コードは変化していないのに、Herokuにデプロイ)と)でのfontとhoverの色が変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
17
+ コードは変化していないのに、Herokuにデプロイ)と)でのfontとhoverの色が変わってしまいました。そのため、前の状態に戻したいと考えているので、教えていただきたいです。
12
18
 
13
19
  よろしくお願いします。