Merge pull request 'mobile_adaptation' (#2) from mobile_adaptation into main
Reviewed-on: #2
This commit is contained in:
commit
e48dbce75a
|
@ -7,8 +7,8 @@
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
|
|
||||||
@import url("fonts.css");
|
@import url("fonts.css");
|
||||||
@import url("fork-awesome/css/fork-awesome.min.css");
|
/*@import url("fork-awesome/css/fork-awesome.min.css");
|
||||||
@import url("line-awesome/1.3.0/css/line-awesome.min.css");
|
@import url("line-awesome/1.3.0/css/line-awesome.min.css");*/
|
||||||
|
|
||||||
/* Normalize - https://github.com/necolas/normalize.css/ */
|
/* Normalize - https://github.com/necolas/normalize.css/ */
|
||||||
|
|
||||||
|
@ -33,7 +33,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner img {
|
.banner img {
|
||||||
|
@ -47,10 +47,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.ribbon {
|
.ribbon {
|
||||||
|
display: inline-block;
|
||||||
background-color: #203040;
|
background-color: #203040;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 60%;
|
width: 60%;
|
||||||
height: 20rem;
|
padding-bottom: 35%;
|
||||||
|
/*height: 20rem;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.ribbon img {
|
.ribbon img {
|
||||||
|
@ -60,5 +62,5 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.columns img {
|
.columns img {
|
||||||
width: 70%;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,6 +16,45 @@ Lacre Media Queries
|
||||||
------------------------------------*/
|
------------------------------------*/
|
||||||
@media only screen and (max-width: 1150px) {
|
@media only screen and (max-width: 1150px) {
|
||||||
|
|
||||||
|
body{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.columns img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* column widths */
|
||||||
|
|
||||||
|
.column, .columns {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .five,
|
||||||
|
.row .six,
|
||||||
|
.row .seven,
|
||||||
|
.row .eight,
|
||||||
|
.row .nine,
|
||||||
|
.row .ten,
|
||||||
|
.row .eleven,
|
||||||
|
.row .twelve { width: 100%; }
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
margin: 0 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ribbon {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ribbon img {
|
||||||
|
position: absolute;
|
||||||
|
left: 0%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* header styles
|
/* header styles
|
||||||
------------------------------------*/
|
------------------------------------*/
|
||||||
|
|
||||||
|
@ -253,17 +292,20 @@ Lacre Media Queries
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* mobile navigation
|
/* mobile navigation
|
||||||
------------------------------------*/
|
------------------------------------*/
|
||||||
#nav-wrap ul#nav { width: 10%; float: none; }
|
.header {
|
||||||
|
top: -1rem;
|
||||||
#nav-wrap:target div#nav-links > ul#nav {
|
|
||||||
width: 80%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-wrap:target div#nav-right > ul#logo-right {
|
.main-nav ul li a {
|
||||||
width: 80%;
|
line-height: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* header styles
|
/* header styles
|
||||||
------------------------------------*/
|
------------------------------------*/
|
||||||
|
|
|
@ -15,9 +15,9 @@
|
||||||
{% endblock head %}
|
{% endblock head %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{% do assets.addCss('https://unpkg.com/purecss@1.0.0/build/pure-min.css', 100) %}
|
{% do assets.addCss('theme://css/defaults.css', 99) %}
|
||||||
{% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
|
|
||||||
{% do assets.addCss('theme://css/custom.css', 98) %}
|
{% do assets.addCss('theme://css/custom.css', 98) %}
|
||||||
|
{% do assets.addCss('theme://css/media-queries.css', 97) %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block javascripts %}
|
{% block javascripts %}
|
||||||
|
|
Loading…
Reference in New Issue