mitri4
/
LilSchool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

banner style

Browse Source
remotes/origin/hasaccess
Sanasol 8 years ago
parent 4cc56e9476
commit 536a3c8afd
4 changed files with 34 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      project/templates/blocks/baner.html
  2. 2
      project/templates/lilcity/index.html
  3. 10
      web/src/js/modules/common.js
  4. 20
      web/src/sass/_common.sass

6
project/templates/blocks/baner.html
Unescape View File

@ -1,6 +1,6 @@
{% if baner %} {% if baner %}
<div class="baner" style="background-image: url({{ baner.image.url }});"> <div class="banner" style="background-image: url({{ baner.image.url }});">
<span class="baner__text">{{ baner.text }}</span> <span class="banner__text">{{ baner.text }}</span>
<a href="{{ baner.url }}" class="baner__link">{{ baner.button_text }}</a> <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>
</div> </div>
{% endif %} {% endif %}

2
project/templates/lilcity/index.html
Unescape View File

@ -54,8 +54,8 @@
{% include "templates/blocks/mixpanel.html" %} {% include "templates/blocks/mixpanel.html" %}
</head> </head>
<body> <body>
{% include "templates/blocks/baner.html" %}
<div class="outer js-outer"> <div class="outer js-outer">
{% include "templates/blocks/baner.html" %}
{% include "templates/blocks/header.html" %} {% include "templates/blocks/header.html" %}
<div id="lilcity-vue-app" class="container"> <div id="lilcity-vue-app" class="container">
{% block content %}{% endblock content %} {% block content %}{% endblock content %}

10
web/src/js/modules/common.js
Unescape View File

@ -38,4 +38,14 @@ function updateHeader() {
} else { } else {
headerElement.removeClass('header--shadow'); headerElement.removeClass('header--shadow');
} }
if(scrollOffset > 0) {
if(scrollOffset <= 140) {
headerElement.css('top', (140-scrollOffset)+'px');
} else {
headerElement.css('top', '0px');
}
} else {
headerElement.css('top', '');
}
} }

20
web/src/sass/_common.sass
Unescape View File

@ -3989,3 +3989,23 @@ a
&.pic &.pic
position: relative position: relative
width: 100% width: 100%
.banner
height: 140px
text-align: center
color: #fff
padding-top: 50px
background-repeat: no-repeat;
background-position: center;
background-size: cover;
&__text
//mix-blend-mode: difference
font-size: 30px
text-shadow: 0px 0px 3px rgba(0, 0, 0, 1)
&__link
//mix-blend-mode: difference
display: block
color: #fff
font-size: 20px
text-shadow: 0px 0px 3px rgba(0, 0, 0, 1)
margin-top: 20px
Write Preview
Loading…
Cancel
Save