Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- От ЕЛЕНЫ
- background-size:cover;
- надо
- -webkit-background-size:cover;
- тут background-attachment:fixed !important;
- старайтесь избегать !important , только уже в самых крайних случаях
- От меня. Нет модульности, всё привязано к классу .cleancode_block, title вообще непонятно зачем к нему привязан.
- background-size:cover; - cover Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока. По сути годится только для квадратных изображений!
- Размер шрифта в блоке span задан пикселями!
- Альтернатива: методология БЭМ
- - каскадность это плохо
- - блоки работаю только в контексте
- - каждый последующий уровень вложенности содержит в стиле полный путь
- */
- .cleancode_block {
- padding:96px 0 78px;
- background-image:url(../images/clean_code_bg.jpg);
- background-size:cover;
- background-position:0 0;
- background-attachment:fixed !important;
- }
- .cleancode_block .tab-content {
- overflow:hidden;
- padding: 0;
- margin:0 0 80px;
- }
- .cleancode_block p.title {
- margin:0 0 17px;
- font-weight:100;
- line-height:80px;
- font-size:80px;
- color:#fff;
- }
- .cleancode_block p.title b {font-weight:500;}
- .cleancode_block span {
- font-weight:300;
- line-height:34px;
- font-size:26px;
- color:#999;
- }
Add Comment
Please, Sign In to add comment