Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@clevercall
clevercall authored May 20, 2024
1 parent 5dc9c74 commit 78860d8
Show file tree
Hide file tree
Showing 15 changed files with 1,240 additions and 0 deletions.
63 changes: 63 additions & 0 deletions assets/sass/components/_actions.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Actions */

ul.actions {
@include vendor('display', 'flex');
cursor: default;
list-style: none;
margin-left: (_size(element-margin) * -0.5);
padding-left: 0;

li {
padding: 0 0 0 (_size(element-margin) * 0.5);
vertical-align: middle;
}

&.special {
@include vendor('justify-content', 'center');
width: 100%;
margin-left: 0;

li {
&:first-child {
padding-left: 0;
}
}
}

&.stacked {
@include vendor('flex-direction', 'column');
margin-left: 0;

li {
padding: (_size(element-margin) * 0.65) 0 0 0;

&:first-child {
padding-top: 0;
}
}
}

&.fit {
width: calc(100% + #{_size(element-margin) * 0.5});

li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 100%;

> * {
width: 100%;
}
}

&.stacked {
width: 100%;
}
}
}
25 changes: 25 additions & 0 deletions assets/sass/components/_box.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Box */

.box {
border: solid 1px _palette(border);
margin-bottom: _size(element-margin);
padding: 1.5em;

> :last-child,
> :last-child > :last-child,
> :last-child > :last-child > :last-child {
margin-bottom: 0;
}

&.alt {
border: 0;
border-radius: 0;
padding: 0;
}
}
130 changes: 130 additions & 0 deletions assets/sass/components/_button.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
@include vendor('appearance', 'none');
@include vendor('transition', (
'background-color #{_duration(transition)} ease-in-out',
'box-shadow #{_duration(transition)} ease-in-out',
'color #{_duration(transition)} ease-in-out'
));
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: inset 0 0 0 2px _palette(fg-bold);
color: _palette(fg-bold);
cursor: pointer;
display: inline-block;
font-size: 0.8em;
font-weight: _font(weight-bold);
height: 3.5em;
letter-spacing: _font(letter-spacing-alt);
line-height: 3.5em;
padding: 0 1.75em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;

&:hover, &:active {
box-shadow: inset 0 0 0 2px _palette(highlight);
color: _palette(highlight);
}

&:active {
background-color: transparentize(_palette(highlight), 0.9);
box-shadow: inset 0 0 0 2px desaturate(darken(_palette(highlight), 15), 5);
color: desaturate(darken(_palette(highlight), 15), 5);
}

&.icon {
&:before {
margin-right: 0.5em;
}
}

&.fit {
width: 100%;
}

&.small {
font-size: 0.6em;
}

&.large {
font-size: 1.25em;
height: 3em;
line-height: 3em;
}

&.next {
padding-right: 4.5em;
position: relative;

&:before, &:after {
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
background-position: center right;
background-repeat: no-repeat;
background-size: 36px 24px;
content: '';
display: block;
height: 100%;
position: absolute;
right: 1.5em;
top: 0;
vertical-align: middle;
width: 36px;
}

&:before {
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
}

&:after {
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
opacity: 0;
z-index: 1;
}

&:hover, &:active {
&:after {
opacity: 1;
}
}

@include breakpoint('<=large') {
padding-right: 5em;
}
}

&.primary {
background-color: _palette(fg-bold);
box-shadow: none;
color: _palette(bg);

&:hover, &:active {
background-color: _palette(highlight);
color: _palette(bg) !important;
}

&:active {
background-color: desaturate(darken(_palette(highlight), 15), 5);
}
}

&.disabled,
&:disabled {
@include vendor('pointer-events', 'none');
cursor: default;
opacity: 0.25;
}
}
23 changes: 23 additions & 0 deletions assets/sass/components/_contact-method.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Contact Method */

.contact-method {
margin: 0 0 _size(element-margin) 0;
padding-left: 3.25em;
position: relative;

.icon {
left: 0;
position: absolute;
top: 0;
}

h3 {
margin: 0 0 (_size(element-margin) * 0.25) 0;
}
}
Loading

0 comments on commit 78860d8

Please sign in to comment.