Skip to content

Commit

Permalink
Merge pull request #285 from Sitecore/rebrand-sugcon-eu
Browse files Browse the repository at this point in the history 
Rebrand SUGCON EU
  • Loading branch information
@jst-cyr
jst-cyr authored Oct 10, 2023
2 parents b309245 + 3c65a03 commit 2389e91
Show file tree
Hide file tree
Showing 8 changed files with 413 additions and 389 deletions.
246 changes: 127 additions & 119 deletions src/Project/Sugcon/SugconEuSxa/src/assets/app.scss
View file
Original file line number Diff line number Diff line change
@@ -1,166 +1,174 @@
// Required
@import "bootstrap/scss/functions";
@import 'bootstrap/scss/functions';

// Default variable overrides
@import "custom-variables";
@import 'custom-variables';

// Required
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";
@import "bootstrap/scss/maps";
@import "bootstrap/scss/root";

@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/maps';
@import 'bootstrap/scss/root';

// Optional Bootstrap components here
@import "bootstrap/scss/utilities";
@import "bootstrap/scss/reboot";
@import "bootstrap/scss/type";
@import "bootstrap/scss/images";
@import "bootstrap/scss/containers";
@import "bootstrap/scss/grid";
@import "bootstrap/scss/tables";
@import "bootstrap/scss/forms";
@import "bootstrap/scss/buttons";
@import "bootstrap/scss/transitions";
@import "bootstrap/scss/dropdown";
@import "bootstrap/scss/button-group";
@import "bootstrap/scss/nav";
@import "bootstrap/scss/navbar";
@import "bootstrap/scss/card";
@import "bootstrap/scss/accordion";
@import "bootstrap/scss/breadcrumb";
@import "bootstrap/scss/pagination";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/alert";
@import "bootstrap/scss/progress";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/close";
@import "bootstrap/scss/toasts";
@import "bootstrap/scss/modal";
@import "bootstrap/scss/tooltip";
@import "bootstrap/scss/popover";
@import "bootstrap/scss/carousel";
@import "bootstrap/scss/spinners";
@import "bootstrap/scss/offcanvas";
@import "bootstrap/scss/placeholders";
@import 'bootstrap/scss/utilities';
@import 'bootstrap/scss/reboot';
@import 'bootstrap/scss/type';
@import 'bootstrap/scss/images';
@import 'bootstrap/scss/containers';
@import 'bootstrap/scss/grid';
@import 'bootstrap/scss/tables';
@import 'bootstrap/scss/forms';
@import 'bootstrap/scss/buttons';
@import 'bootstrap/scss/transitions';
@import 'bootstrap/scss/dropdown';
@import 'bootstrap/scss/button-group';
@import 'bootstrap/scss/nav';
@import 'bootstrap/scss/navbar';
@import 'bootstrap/scss/card';
@import 'bootstrap/scss/accordion';
@import 'bootstrap/scss/breadcrumb';
@import 'bootstrap/scss/pagination';
@import 'bootstrap/scss/badge';
@import 'bootstrap/scss/alert';
@import 'bootstrap/scss/progress';
@import 'bootstrap/scss/list-group';
@import 'bootstrap/scss/close';
@import 'bootstrap/scss/toasts';
@import 'bootstrap/scss/modal';
@import 'bootstrap/scss/tooltip';
@import 'bootstrap/scss/popover';
@import 'bootstrap/scss/carousel';
@import 'bootstrap/scss/spinners';
@import 'bootstrap/scss/offcanvas';
@import 'bootstrap/scss/placeholders';

@import "bootstrap/scss/helpers";
@import 'bootstrap/scss/helpers';

// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
@import "bootstrap/scss/utilities/api";

@import 'AvenirNext.scss';
@import 'bootstrap/scss/utilities/api';

a[target='_blank']:after {
content: '\1F5D7'
content: '\1F5D7';
}

/*
Hides Sitecore Experience Editor markup,
if you run the app in connected mode while the Sitecore cookies
are set to edit mode.
*/
.scChromeData, .scpm { display: none !important; }
.scChromeData,
.scpm {
display: none !important;
}

/*
Styles for default JSS error components
*/
.sc-jss-editing-error,
.sc-jss-placeholder-error {
padding: 1em;
background-color: lightyellow;
padding: 1em;
background-color: lightyellow;
}

body {
background-color: #f6f6f6;
width: 100%;
display: grid;
background-color: #f6f6f6;
width: 100%;
display: grid;
}
header {
background-color: white;
display: grid;
width: 100%;
.navigation {
margin-top: 50px;
background-color: white;
display: grid;
width: 100%;
img {
width: 250px;
margin: 15px;
@media (min-width: 576px) {
width: 315px;
}
.richtext {
background-color: #666;
font-size: 0.8em;
a {
text-decoration: none;
color: white;
:after {
content: none;
}
}
p {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
}
.navigation {
margin-top: 25px;
}
.richtext {
background-color: #666;
font-size: 0.8em;
a {
text-decoration: none;
color: white;
:after {
content: none;
}
}
}
footer {
background-color: #707070;
color: white;
display: grid;
width: 100%;
.component {
padding: 20px;
margin-top: 0px;
p {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
}
}
p{
font-family: 'AvenirNextW05-Regular','Arial';
color: #707070;
font-size: 18px;
footer {
background-color: #707070;
color: white;
display: grid;
width: 100%;
margin-top: 25px;
.component {
padding: 20px;
margin-top: 0px;
}
}
p {
font-family: 'Mulish', 'AvenirNextW05-Regular', 'Arial';
color: #707070;
font-size: 18px;
}
h1 {
margin-top: 0;
color: #232323;
font-weight: 900;
font-family: 'AvenirNextW05-Bold';
font-size: 48px;
line-height: 50px;
a:link{
text-decoration: none;
}
margin-top: 0;
color: #232323;
font-weight: 900;
font-family: 'Mulish', 'AvenirNextW05-Bold';
font-size: 48px;
line-height: 50px;

a:link {
text-decoration: none;
}
}
h2{
color: #232323;
font-weight: 900;
font-family: 'AvenirNextW05-Bold';
font-size: 36px;
h2 {
color: #232323;
font-weight: 900;
font-family: 'Mulish', 'AvenirNextW05-Bold';
font-size: 36px;
}
h3 {
color: #232323;
font-weight: 900;
font-family: 'AvenirNextW05-Bold',Arial, Helvetica, sans-serif;;
font-size: 24px;
}
.centered-block {
max-width: 1200px;
margin: auto;
display: grid;
}
color: #232323;
font-weight: 900;
font-family: 'Mulish', 'AvenirNextW05-Bold', Arial, Helvetica, sans-serif;
font-size: 24px;
}
.centered-block {
max-width: 1200px;
margin: auto;
display: grid;
}

.background-dark-grey {
background-color: #707070;
}
background-color: #707070;
}

.background-light-grey {
background-color: #f6f6f6;
background-color: #f6f6f6;
}

@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");
@import url('https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css');

// Finally add custom components
@import "components/cta";
@import "components/hero";
@import "components/fixed-width-container";
@import "components/organiserList";
@import "components/sponsorList";
@import "components/title";
@import "components/navigation";
@import "components/announcementbar";
@import 'components/cta';
@import 'components/hero';
@import 'components/fixed-width-container';
@import 'components/organiserList';
@import 'components/sponsorList';
@import 'components/title';
@import 'components/navigation';
@import 'components/announcementbar';
94 changes: 47 additions & 47 deletions src/Project/Sugcon/SugconEuSxa/src/assets/components/cta.scss
View file
Original file line number Diff line number Diff line change
@@ -1,51 +1,51 @@
.cta {
position: relative;
padding-bottom: 20px;

.col-7 {
padding-top: 140px;
z-index: 5;
}

.red-color {
color: var(--bs-red);
}

.link-wrapper {
display: flex;
align-items: center;
gap: 5px;
}

.link-arrow, .link-arrow a {
color: #000;
font-weight: 700;
font-size: 17px;
text-decoration: none;
letter-spacing: 0.5px;
line-height: 26px;
}

.ctaImage {
width: 100%;
object-fit: cover;
}

position: relative;
padding-bottom: 20px;

.col-7 {
padding-top: 140px;
z-index: 5;
}

.red-color {
color: var(--bs-red);
}

.link-wrapper {
display: flex;
align-items: center;
gap: 5px;
}

.link-arrow,
.link-arrow a {
color: #28327d;
font-weight: bold;
font-size: 17px;
text-decoration: underline;
letter-spacing: 0.5px;
line-height: 26px;
}

.ctaImage {
width: 100%;
object-fit: cover;
}
}

.ctaText {
background-color: greenyellow;
padding: 50px 50px 66px;

&::after {
display: block;
content: " ";
width: 175px;
height: 175px;
position: absolute;
top: -15px;
left: -15px;
border-top: 15px solid #fe2911;
border-left: 15px solid #fe2911;
}
}
background-color: greenyellow;
padding: 50px 50px 66px;

&::after {
display: block;
content: ' ';
width: 175px;
height: 175px;
position: absolute;
top: -15px;
left: -15px;
border-top: 15px solid #fe2911;
border-left: 15px solid #fe2911;
}
}
Loading

0 comments on commit 2389e91

Please sign in to comment.