zero50x

Не гибкий код

Feb 24th, 2017
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.73 KB | None | 0 0
  1. /*
  2. От ЕЛЕНЫ
  3. background-size:cover;
  4. надо
  5. -webkit-background-size:cover;
  6.  
  7. тут  background-attachment:fixed !important;
  8. старайтесь избегать !important , только уже в самых крайних случаях
  9.  
  10. От меня. Нет модульности, всё привязано к классу .cleancode_block, title вообще непонятно зачем к нему привязан.
  11. background-size:cover; - cover Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока. По сути годится только для квадратных изображений!
  12.  
  13. Размер шрифта в блоке span задан пикселями!
  14.  
  15. Альтернатива: методология БЭМ
  16. - каскадность это плохо
  17. - блоки работаю только в контексте
  18. - каждый последующий уровень вложенности содержит в стиле полный путь
  19. */
  20.  
  21. .cleancode_block {
  22.     padding:96px 0 78px;
  23.     background-image:url(../images/clean_code_bg.jpg);
  24.     background-size:cover;
  25.     background-position:0 0;
  26.     background-attachment:fixed !important;
  27. }
  28.  
  29. .cleancode_block .tab-content {
  30.     overflow:hidden;
  31.     padding: 0;
  32.     margin:0 0 80px;
  33. }
  34. .cleancode_block p.title {
  35.     margin:0 0 17px;
  36.     font-weight:100;
  37.     line-height:80px;
  38.     font-size:80px;
  39.     color:#fff;
  40. }
  41. .cleancode_block p.title b {font-weight:500;}
  42.  
  43. .cleancode_block span {
  44.     font-weight:300;
  45.     line-height:34px;
  46.     font-size:26px;
  47.     color:#999;
  48. }
Add Comment
Please, Sign In to add comment