initial commit
This commit is contained in:
commit
b55f54eb6d
68 changed files with 1761 additions and 0 deletions
BIN
assets/cover/cover.jpg
Normal file
BIN
assets/cover/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
assets/images/full_logo.jpg
Normal file
BIN
assets/images/full_logo.jpg
Normal file
Binary file not shown.
144
assets/images/half_wheel_logo.svg
Normal file
144
assets/images/half_wheel_logo.svg
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="380"
|
||||
height="169"
|
||||
viewBox="0 0 100.54173 44.714586"
|
||||
version="1.1"
|
||||
id="svg24876"
|
||||
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
|
||||
sodipodi:docname="drawing.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview24878"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.0973349"
|
||||
inkscape:cx="176.33632"
|
||||
inkscape:cy="51.488384"
|
||||
inkscape:window-width="958"
|
||||
inkscape:window-height="1038"
|
||||
inkscape:window-x="960"
|
||||
inkscape:window-y="20"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs24873" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<g
|
||||
id="g24838"
|
||||
style="display:inline;fill:none;fill-opacity:0.740741;stroke:#fff;stroke-opacity:1;stroke-width:0.4px"
|
||||
transform="matrix(0.60631117,0,0,0.60631117,-14.51726,-4.2269977)"
|
||||
inkscape:label="g24838">
|
||||
<path
|
||||
d="m 26.720591,79.239101 159.710859,0.0048"
|
||||
id="path6002" />
|
||||
<path
|
||||
d="M 93.621425,79.240009 50.526021,60.053219"
|
||||
id="path6004" />
|
||||
<path
|
||||
d="m 47.940693,70.803549 59.781797,3.259842"
|
||||
id="path6117"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 60.493936,41.956018 99.106552,79.219009"
|
||||
id="path6119" />
|
||||
<path
|
||||
d="M 98.243548,79.263427 111.92888,69.224545 151.59243,40.129329"
|
||||
id="path6121"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
<path
|
||||
d="m 166.16688,78.103486 -58.4498,-4.047385"
|
||||
id="path8301"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 162.25307,57.784105 89.193146,79.122318"
|
||||
id="path8303"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 76.058405,28.355186 100.90557,79.260411"
|
||||
id="path8305" />
|
||||
<path
|
||||
d="M 100.60935,79.250226 135.5288,27.155765"
|
||||
id="path8307"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="m 54.380325,51.195686 65.446655,28.02692"
|
||||
id="path8309"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 114.38097,79.204235 67.147638,34.947182"
|
||||
id="path8311"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 101.49849,79.250343 95.324154,20.914635"
|
||||
id="path8313" />
|
||||
<path
|
||||
d="M 84.692685,24.035454 112.66878,79.216071"
|
||||
id="path8315"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 101.4735,79.258452 115.97908,20.518044"
|
||||
id="path8319"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="m 104.93647,19.850453 7.09014,59.347338"
|
||||
id="path8321"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
d="M 112.16833,79.230298 125.36373,22.79313"
|
||||
id="path8491" />
|
||||
<path
|
||||
d="M 113.06324,79.259633 143.55448,32.559939"
|
||||
id="path8493" />
|
||||
<path
|
||||
d="M 115.53123,79.277667 157.29608,47.955403"
|
||||
id="path9221" />
|
||||
<path
|
||||
d="M 124.93766,79.268258 164.9318,67.110612"
|
||||
id="path9223" />
|
||||
<path
|
||||
d="m 176.54693,79.152226 c 0,-11.976445 -3.1228,-23.521671 -8.6227,-33.476273 -7.01234,-12.692075 -17.84519,-22.896727 -30.52331,-29.176667 -6.57238,-3.255542 -13.51568,-5.603 -20.89596,-6.375633 C 104.48044,8.86482 97.335393,9.1527008 85.187021,12.912324 64.84609,19.207343 44.144926,37.515568 38.429157,65.138645 c -0.912054,4.40776 -1.42647,9.208934 -1.40059,14.087355"
|
||||
id="path15833"
|
||||
sodipodi:nodetypes="csssssc" />
|
||||
<path
|
||||
d="m 169.46231,79.113168 c 0,-10.763617 -2.80717,-21.139681 -7.75118,-30.086203 -6.30356,-11.406775 -15.02024,-19.710744 -27.28272,-26.124839 -4.94921,-2.588763 -11.55614,-4.549012 -18.67527,-5.754833 -5.76233,-0.976008 -13.25289,-0.636761 -17.535971,-0.09097 -3.266452,0.416243 -6.842775,1.275576 -10.880628,2.524923 -18.284987,5.657533 -36.893793,22.111728 -42.031845,46.937475 -0.819867,3.961396 -1.282291,8.276364 -1.259027,12.660758"
|
||||
id="path15833-6"
|
||||
sodipodi:nodetypes="cssssssc" />
|
||||
<path
|
||||
d="m 166.16434,79.174005 c 0,-10.196336 -2.65997,-20.025548 -7.3447,-28.500555 -5.97301,-10.8056 -15.01988,-19.619725 -25.99935,-24.840018 -5.45522,-2.593736 -10.26408,-4.3356 -16.88928,-5.342488 -8.26088,-1.255477 -16.872836,-1.021417 -27.407811,2.165284 -9.034241,2.732748 -19.144737,8.846149 -27.014507,18.025006 -6.13697,7.157817 -10.858033,16.258101 -12.991187,26.562086 -0.776875,3.752616 -1.215048,7.840172 -1.193002,11.993493"
|
||||
id="path15833-3"
|
||||
sodipodi:nodetypes="cssssssc" />
|
||||
<path
|
||||
d="m 170.9542,79.173392 c -0.0462,-2.618946 -0.2437,-9.4018 -2.33033,-16.858009 -2.04826,-7.319094 -5.55252,-15.03443 -11.14672,-22.334432 -3.72627,-4.86249 -7.85438,-8.596774 -12.13048,-11.95744"
|
||||
id="path18186"
|
||||
sodipodi:nodetypes="cssc" />
|
||||
<path
|
||||
d="m 172.08755,79.272764 c -0.0462,-2.618949 0.0421,-8.056623 -2.36522,-17.120268 -2.68428,-10.218945 -7.35663,-18.00569 -11.85493,-23.541985"
|
||||
id="path18186-7"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
<path
|
||||
d="M 41.322082,79.252563 C 40.950677,65.2193 46.490924,51.763365 51.026828,44.903305 53.573704,41.051432 60.162248,31.0805 72.671228,23.48493 81.33176,18.226174 92.947609,13.878173 108.28307,14.089929"
|
||||
id="path21855"
|
||||
sodipodi:nodetypes="cssc" />
|
||||
<path
|
||||
d="m 42.429996,79.248618 c 0.115612,-5.176361 0.24113,-17.66706 8.686898,-32.242438 3.27236,-5.647313 7.34512,-10.401359 11.404443,-14.314182 8.451458,-8.146448 19.744679,-13.790035 29.683928,-15.909176 6.432025,-1.371367 11.933575,-1.64594 14.205265,-1.582445"
|
||||
id="path21857"
|
||||
sodipodi:nodetypes="csssc" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.1 KiB |
15
assets/sass/article.scss
Normal file
15
assets/sass/article.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
.article__date {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.article__featured-image {
|
||||
max-width: 100%;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.article {
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
3
assets/sass/card.scss
Normal file
3
assets/sass/card.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.card {
|
||||
|
||||
}
|
||||
3
assets/sass/contact.scss
Normal file
3
assets/sass/contact.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.contact-card {
|
||||
|
||||
}
|
||||
34
assets/sass/footer.scss
Normal file
34
assets/sass/footer.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
html {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.footer-push {
|
||||
flex-grow: 1;
|
||||
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
border-top: .5rem solid $primary;
|
||||
margin-top: 1rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 4rem;
|
||||
background-color: $background;
|
||||
color: white;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
opacity: 0.8;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer__content {
|
||||
|
||||
}
|
||||
78
assets/sass/gallery.scss
Normal file
78
assets/sass/gallery.scss
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
.gallery {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
grid-column-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.gallery-tags__title {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.gallery__items-container {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 13;
|
||||
}
|
||||
|
||||
.gallery__items {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(13rem, 1fr));
|
||||
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
aspect-ratio: 1;
|
||||
// $size: 25rem;
|
||||
// width: $size;
|
||||
// height: $size;
|
||||
img {
|
||||
width: 0;
|
||||
height: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery__nextprev {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media (max-width: $lg-breakpoint) {
|
||||
// .gallery__items {
|
||||
// grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
|
||||
// }
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.gallery {
|
||||
display: block;
|
||||
}
|
||||
.gallery__items {
|
||||
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
|
||||
}
|
||||
.gallery__side {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $xs-breakpoint) {
|
||||
.gallery__items {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
59
assets/sass/general.scss
Normal file
59
assets/sass/general.scss
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
body {
|
||||
// font-family: 'Trebuchet MS', Tahoma,sans-serif;
|
||||
// font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
font-family: "Open Sans",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
background: $background-dark;
|
||||
color: white;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
article {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-family: "Teko Light",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.75rem;
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4rem;
|
||||
color: $primary;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.maplibre-map {
|
||||
width: 100%;
|
||||
min-height: 25rem;
|
||||
}
|
||||
|
||||
.columns-two {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.half-wheel-logo {
|
||||
color: white;
|
||||
}
|
||||
47
assets/sass/header.scss
Normal file
47
assets/sass/header.scss
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
$header-height: 6.5rem;
|
||||
|
||||
.site-header {
|
||||
background: $background;
|
||||
margin-bottom: 1rem;
|
||||
color: white;
|
||||
height: $header-height;
|
||||
}
|
||||
|
||||
.site-header__content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.site-header__nav {
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
opacity: 0.8;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header__title {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.site-header__logo {
|
||||
width: $header-height;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.site-header .page-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.site-header__title {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.site-header__nav {
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
39
assets/sass/landing.scss
Normal file
39
assets/sass/landing.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
.full-logo {
|
||||
width: 100%;
|
||||
}
|
||||
.landing {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.landing-brand {
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.brand__name {
|
||||
text-transform: uppercase;
|
||||
font-size: 3rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.brand__role1-container {
|
||||
.text {
|
||||
margin: 0;
|
||||
}
|
||||
margin-bottom: 1rem;
|
||||
|
||||
}
|
||||
.brand__role2 {
|
||||
|
||||
}
|
||||
|
||||
.brand__logo {
|
||||
svg {
|
||||
stroke: white;
|
||||
}
|
||||
}
|
||||
|
||||
48
assets/sass/main.scss
Normal file
48
assets/sass/main.scss
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
$xl-breakpoint: 1800px;
|
||||
$lg-breakpoint: 1600px;
|
||||
$md-breakpoint: 1100px;
|
||||
$sm-breakpoint: 900px;
|
||||
$xs-breakpoint: 400px;
|
||||
|
||||
|
||||
$background-dark: #1f1f1e;
|
||||
$background: #303131;
|
||||
$primary: #db8d42;
|
||||
$secondary: #f15a24;
|
||||
|
||||
@font-face {
|
||||
font-family: "Teko";
|
||||
size-adjust: 140%;
|
||||
src: url("../Teko-Regular.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Teko Light";
|
||||
size-adjust: 140%;
|
||||
src: url("../Teko-Light.ttf");
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
@import 'general.scss';
|
||||
@import 'page_container.scss';
|
||||
@import 'header.scss';
|
||||
@import 'news.scss';
|
||||
@import 'article.scss';
|
||||
@import 'gallery.scss';
|
||||
@import 'single_image.scss';
|
||||
@import 'footer.scss';
|
||||
|
||||
// components
|
||||
@import 'tags.scss';
|
||||
|
||||
@import 'prices.scss';
|
||||
@import 'landing.scss';
|
||||
// @import 'about.scss';
|
||||
@import 'card.scss';
|
||||
@import 'contact.scss';
|
||||
|
||||
52
assets/sass/news.scss
Normal file
52
assets/sass/news.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
.news-list {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
border-bottom: 1px solid $background;
|
||||
padding: 1rem 0rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 33% 1fr;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
|
||||
.news-item__image {
|
||||
width: 100%;
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.news-item__title {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.news-item__date {
|
||||
opacity: 0.8;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.news-item__summary {
|
||||
font-size: .9rem;
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.news-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 0;
|
||||
}
|
||||
.news-item__content {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
47
assets/sass/page_container.scss
Normal file
47
assets/sass/page_container.scss
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
.large-container {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.page-full {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
@media (min-width: $xl-breakpoint) {
|
||||
.page-container {
|
||||
width: 60% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $lg-breakpoint) {
|
||||
.page-container {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $md-breakpoint) {
|
||||
.page-container {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.page-container {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $sm-breakpoint) {
|
||||
.page-container {
|
||||
width: 100%;
|
||||
padding: 0 .8rem;
|
||||
}
|
||||
.page-full {
|
||||
padding: 0 .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
46
assets/sass/prices.scss
Normal file
46
assets/sass/prices.scss
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
.pricing-layout {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
.operations-container {
|
||||
grid-column: 2/5;
|
||||
}
|
||||
|
||||
.operations-mosaic {
|
||||
// display: grid;
|
||||
// grid-template-columns: 1fr 1fr;
|
||||
// grid-gap: 1rem;
|
||||
columns: 2;
|
||||
}
|
||||
|
||||
.operations-category {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.operations-table {
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
padding: .5rem;
|
||||
border-collapse: separate;
|
||||
background: lighten($background-dark, 8%);
|
||||
th {
|
||||
opacity: 0.6;
|
||||
text-align: left;
|
||||
padding-bottom: .5rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
}
|
||||
}
|
||||
.operation-price {
|
||||
text-align: right;
|
||||
}
|
||||
td.operation-price {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
71
assets/sass/single_image.scss
Normal file
71
assets/sass/single_image.scss
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
.single-image {
|
||||
background: #ecf0f1;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-column-gap: 1rem;
|
||||
.single-image__side {
|
||||
padding: 2rem 1rem 2rem 2rem;
|
||||
}
|
||||
.single-image__image-container {
|
||||
background: #95a5a6;
|
||||
min-width: 70vh;
|
||||
min-height: 50vh;
|
||||
max-height: 80vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.single-image__image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.single-image__property {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: .2rem;
|
||||
min-height: 2rem;
|
||||
div:first-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.icon {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
pre {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.single-image__tags {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.single-image {
|
||||
display: block;
|
||||
.single-image__image-container {
|
||||
min-width: initial;
|
||||
max-height: initial;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: $sm-breakpoint) {
|
||||
.single-image {
|
||||
.single-image__property {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
19
assets/sass/tags.scss
Normal file
19
assets/sass/tags.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.tags-list {
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
.tags-list__item {
|
||||
border: 1px solid black;
|
||||
border-radius: 3px;
|
||||
margin-right: .3rem;
|
||||
padding: .3rem;
|
||||
font-size: .9rem;
|
||||
margin-bottom: .4rem;
|
||||
}
|
||||
.tags-list__item:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue