updating to v1.0.3, 2021-08-04
This commit is contained in:
parent
fc0febd633
commit
601f041d15
26 changed files with 7824 additions and 173 deletions
|
|
@ -28,12 +28,6 @@
|
|||
}
|
||||
|
||||
/* general additional spacing style */
|
||||
.mt-ltmd-125 {
|
||||
@include media-breakpoint-down(md) {
|
||||
margin-top: 1.25rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* general additional border style */
|
||||
.border-bottom {
|
||||
&.border-dashed {
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@ $blue: #0d6efd;
|
|||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #d63384;
|
||||
$red: #eb2744;
|
||||
$red: #DD3940;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #EECF6D;
|
||||
$yellow: #FFFF82;
|
||||
$green: #1db954;
|
||||
$teal: #20c997;
|
||||
$cyan: #0dcaf0;
|
||||
|
|
@ -47,7 +47,7 @@ $spaceblue-900: #151c28;
|
|||
|
||||
// scss-docs-start theme-color-variables
|
||||
$primary: #51A39F;
|
||||
$secondary: #b198bf;
|
||||
$secondary: $orange;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
|
|
|
|||
|
|
@ -3,9 +3,29 @@
|
|||
a {
|
||||
@extend a;
|
||||
}
|
||||
.page-header { margin: 20px 0; }
|
||||
.form-control {
|
||||
background-color: $input-bg;
|
||||
border: 1px solid $primary;
|
||||
&[disabled] {
|
||||
background-color: tint-color($input-bg, 10%);
|
||||
border: 1px solid shade-color($primary, 35%);
|
||||
&::-ms-clear,
|
||||
&::-ms-reveal { display: none; }
|
||||
&::-webkit-input-placeholder, /* WebKit, Blink, Edge */
|
||||
&:-ms-input-placeholder, /* Internet Explorer 10-11 */
|
||||
&::-ms-input-placeholder, /* Microsoft Edge */
|
||||
&::placeholder /* Most modern browsers support this now. */
|
||||
{
|
||||
color: shade-color($gray-200, 40%) !important;
|
||||
}
|
||||
&:-moz-placeholder, /* Mozilla Firefox 4 to 18 */
|
||||
&::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
color: shade-color($gray-200, 40%) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
&::-ms-clear,
|
||||
&::-ms-reveal { display: none; }
|
||||
&::-webkit-input-placeholder, /* WebKit, Blink, Edge */
|
||||
|
|
@ -47,12 +67,12 @@
|
|||
color: $dark;
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
box-shadow: none !important;
|
||||
box-shadow: null !important;
|
||||
&:hover {
|
||||
color: $dark;
|
||||
background-color: tint-color($primary, $btn-hover-bg-tint-amount) !important;
|
||||
border: 1px solid $primary;
|
||||
box-shadow: none !important;
|
||||
box-shadow: null !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -82,13 +102,24 @@
|
|||
}
|
||||
|
||||
/* 12 step meeting list (tsml) main table & widget table styling */
|
||||
.tsml-widget-upcoming table.tsml_next_meetings tbody tr td {
|
||||
margin-left: .5rem;
|
||||
&:first-of-type {
|
||||
margin-left: 0 !important;
|
||||
section.tsml-widget-upcoming.widget_tsml_widget_upcoming.widget div.tsml-no-upcoming-meetings {
|
||||
color: $input-focus-color;
|
||||
// background-color: $input-bg;
|
||||
background-color: rgba(21,28,40,0.85);
|
||||
border-color: $input-border-color;
|
||||
}
|
||||
.tsml-widget-upcoming {
|
||||
h2 { margin-bottom: 1rem; }
|
||||
table.tsml_next_meetings {
|
||||
opacity: 0.90;
|
||||
tbody tr td {
|
||||
margin-left: .5rem;
|
||||
&:first-of-type {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tsml-widget-upcoming h2 { margin-bottom: 1rem; }
|
||||
#tsml #meetings .results table,
|
||||
.tsml-widget-upcoming table.tsml_next_meetings {
|
||||
@extend .table;
|
||||
|
|
@ -117,9 +148,10 @@
|
|||
|
||||
#tsml .results {
|
||||
.alert-warning {
|
||||
background-color: #f5e2a7;
|
||||
border-color: #f3dd99;
|
||||
color: #5f532c;
|
||||
color: $input-focus-color;
|
||||
// background-color: $input-bg;
|
||||
background-color: rgba(21,28,40,0.85);
|
||||
border-color: $input-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,18 +1,7 @@
|
|||
// /* Hamburger settings overrides */
|
||||
// $hamburger-padding-x: 0.95rem !default;
|
||||
// $hamburger-padding-y: 0.625rem !default;
|
||||
$hamburger-padding-x: 0 !default;
|
||||
$hamburger-padding-y: 0 !default;
|
||||
// $hamburger-layer-width: 1.5rem !default;
|
||||
// $hamburger-layer-height: 2px !default;
|
||||
// $hamburger-layer-spacing: 6px !default;
|
||||
// // * skipping default color, using color from bootstrap instead, below
|
||||
$hamburger-layer-color: $primary !default;
|
||||
// $hamburger-layer-border-radius: 0.25rem !default;
|
||||
// $hamburger-hover-opacity: 0.7 !default;
|
||||
// // * skipping default color, using color from bootstrap instead, below
|
||||
// // $hamburger-active-layer-color: $hamburger-layer-color !default;
|
||||
// $hamburger-active-hover-opacity: $hamburger-hover-opacity !default;
|
||||
|
||||
/* import hamburgers sass */
|
||||
@import "../../node_modules/hamburgers/_sass/hamburgers/hamburgers.scss";
|
||||
|
|
@ -27,43 +16,3 @@ button#btn-burger {
|
|||
box-shadow: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// /* correct colors to match bootstrap defaults */
|
||||
// .navbar-light {
|
||||
// .hamburger {
|
||||
// &.navbar-toggler {
|
||||
// border: 1px $navbar-light-toggler-border-color solid !important;
|
||||
// .hamburger-inner {
|
||||
// &,
|
||||
// &::before,
|
||||
// &::after {
|
||||
// background-color: $primary;
|
||||
// }
|
||||
// }
|
||||
// &.is-active {
|
||||
// .hamburger-inner::after {
|
||||
// background-color: $primary;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .navbar-dark {
|
||||
// .hamburger {
|
||||
// &.navbar-toggler {
|
||||
// border: 1px $navbar-dark-toggler-border-color solid !important;
|
||||
// .hamburger-inner {
|
||||
// &,
|
||||
// &::before,
|
||||
// &::after {
|
||||
// background-color: $primary;
|
||||
// }
|
||||
// }
|
||||
// &.is-active {
|
||||
// .hamburger-inner::after {
|
||||
// background-color: $primary;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
130
assets/css/_rolling-mandala.scss
Normal file
130
assets/css/_rolling-mandala.scss
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
/* rolling mandala */
|
||||
// @-webkit-keyframes roll-in {
|
||||
// 0% {
|
||||
// -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -moz-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -ms-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -o-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// }
|
||||
|
||||
// 100% {
|
||||
// -webkit-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -moz-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -ms-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -o-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// }
|
||||
// }
|
||||
// @-moz-keyframes roll-in {
|
||||
// 0% {
|
||||
// -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -moz-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -ms-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// -o-transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// }
|
||||
|
||||
// 100% {
|
||||
// -webkit-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -moz-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -ms-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// -o-transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// @keyframes roll-in {
|
||||
// 0% {
|
||||
// transform: rotate(90deg) translateY(-50%) translateX(-50%);
|
||||
// }
|
||||
|
||||
// 100% {
|
||||
// transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
// }
|
||||
// }
|
||||
// .roll-mandala {
|
||||
// position: absolute;
|
||||
// right: $mandala_distance_right;
|
||||
// top: 50%;
|
||||
// width: $mandala_width;
|
||||
// pointer-events: none;
|
||||
// opacity: .5;
|
||||
// z-index: -999;
|
||||
// animation: roll-in 2s cubic-bezier(0.51, 0.04, 0.68, 1.08);
|
||||
// transform: translateY(-50%);
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@use "sass:math";
|
||||
|
||||
|
||||
$mandala_height_base: 76vh;
|
||||
$mandala_right_shift: math.div($mandala_height_base, -2);
|
||||
$mandala_final_opacity_base: 0.33;
|
||||
$mandala_final_opacity_md: 0.66;
|
||||
|
||||
@keyframes roll-in-down-md {
|
||||
0% {
|
||||
transform: rotate(80deg) translateY(-50%) translateX(-50%);
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
opacity: $mandala_final_opacity_base;
|
||||
}
|
||||
}
|
||||
@keyframes roll-in-up-md {
|
||||
0% {
|
||||
transform: rotate(80deg) translateY(-50%) translateX(-50%);
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(0) translateY(-50%) translateX(0px);
|
||||
opacity: $mandala_final_opacity_md;
|
||||
}
|
||||
}
|
||||
|
||||
.roll-mandala {
|
||||
height: $mandala_height_base;
|
||||
max-width: inherit !important;
|
||||
position: absolute;
|
||||
right: $mandala_right_shift;
|
||||
top: 50%;
|
||||
pointer-events: none;
|
||||
z-index: -999;
|
||||
transform: translateY(-50%);
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
opacity: $mandala_final_opacity_base;
|
||||
animation: roll-in-down-md 1.5s cubic-bezier(0.51, 0.04, 0.68, 1.08);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
opacity: $mandala_final_opacity_md;
|
||||
animation: roll-in-up-md 1.5s cubic-bezier(0.51, 0.04, 0.68, 1.08);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -16,11 +16,28 @@
|
|||
/* Navbar & Main layout styling */
|
||||
@import "layout-top-navbar-main";
|
||||
|
||||
/* Navbar & Main layout styling */
|
||||
@import "rolling-mandala";
|
||||
|
||||
/* main */
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 1.25rem !important;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 3rem !important;
|
||||
}
|
||||
&.front-page {
|
||||
height: 100vh !important;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/* links */
|
||||
a {
|
||||
|
|
@ -34,7 +51,7 @@ a {
|
|||
article.post.sticky,
|
||||
.rpwwt-widget li.rpwwt-sticky {
|
||||
border-radius: .25rem !important;
|
||||
background-color: rgba(0, 0, 0, 0.33);
|
||||
background-color: rgba(0, 0, 0, 0.50);
|
||||
border-bottom: inherit !important;
|
||||
margin-bottom: inherit !important;
|
||||
margin-left: 0 !important;
|
||||
|
|
@ -155,6 +172,7 @@ figure.wp-caption {
|
|||
}
|
||||
.btn-primary {
|
||||
color: $dark;
|
||||
box-shadow: inherit !important;
|
||||
}
|
||||
.has-drop-cap:not(:focus)::first-letter {
|
||||
font-size: 5em;
|
||||
|
|
@ -268,13 +286,7 @@ main#fp-main > div.fp-grid {
|
|||
grid-column-gap: 2rem;
|
||||
grid-row-gap: 2rem;
|
||||
@include media-breakpoint-up(md) {
|
||||
grid-template-columns: 20rem auto;
|
||||
}
|
||||
> section.tsml-widget-upcoming.widget_tsml_widget_upcoming.widget {
|
||||
@include media-breakpoint-up(md) {
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 1;
|
||||
}
|
||||
grid-template-columns: auto 20rem;
|
||||
}
|
||||
h2.widgettitle {
|
||||
font-size: 1.75rem;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
import '../css/app.scss'
|
||||
|
||||
// Import svg files for webpack handling
|
||||
import '../raw/rdnyc-logo.svg'; // rdnyc logo
|
||||
import '../raw/rdnyc-logo.svg'; // rdnyc logo
|
||||
import '../raw/roll-mandala.svg'; // rolling mandala decoration
|
||||
// other:
|
||||
import '../../node_modules/bootstrap-icons/icons/chevron-down.svg';
|
||||
import '../../node_modules/bootstrap-icons/icons/chevron-left.svg';
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 224 85" style="enable-background:new 0 0 224 85;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#BEB5B0;}
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:currentColor;}
|
||||
.st1{enable-background:new ;}
|
||||
.st2{fill:#BEB5B0;}
|
||||
.st2{fill:currentColor;}
|
||||
</style>
|
||||
<title>Group 42</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
|
|
|
|||
|
Before 
(image error) Size: 12 KiB After 
(image error) Size: 12 KiB
|
7532
assets/raw/roll-mandala.svg
Executable file
7532
assets/raw/roll-mandala.svg
Executable file
File diff suppressed because it is too large
Load diff
|
After 
(image error) Size: 841 KiB |
Loading…
Add table
Add a link
Reference in a new issue