Copyright(コピーライト：著作権表示)サンプルです。
Source
1 | <small class="copyright">Copyright © 2016 SiteName. All Rights Reserved.</small> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | /* ==================================================== コピーライト .copyright ========================================================== */ .copyright { display: block; background: #f0f0f0; padding: 1em; line-height: 1; text-align: left; } .copyright.alignCenter { text-align: center; } .copyright.alignRight { text-align: right; } @media print, screen and (min-width: 768px) { .copyright { font-size: 11px; } } @media screen and (max-width: 767px) { .copyright { font-size: 12px; } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | @import "../_setvar"; /* ======================================================= コピーライト .copyright ========================================================== */ //背景 $copyright_bg: #f0f0f0; //テキスト揃え $copyright_align_pc: center; $copyright_align_sp: center; //フォントサイズ $copyright_size_pc: $base_text_size - 3px; $copyright_size_sp: $base_text_size - 2px; //================ 設定ここまで ================= .copyright { display:block; background:$copyright_bg; padding: 1em; line-height:1; text-align:left; &.alignCenter { text-align:center; } &.alignRight { text-align:right; } @media print, screen and (min-width: 768px) { font-size: $copyright_size_pc; } @media screen and (max-width: 767px) { font-size: $copyright_size_sp; } } |