Skip to content
GitLab Next
Commit 558cb20b authored by Luke Ward's avatar Luke Ward
Browse files

Removed overflow on menu carousel

parent 6721d0e3
Pipeline #64825868 failed with stage
in 1 minute and 1 second
Hide whitespace changes
Inline Side-by-side
app/css/style.css
View file @ 558cb20b
......@@ -207,52 +207,50 @@ h1, h2, h3 {
.page--menu .routines {
margin-top: 2em;
margin-bottom: 3em; }
.page--menu .routines ons-carousel {
margin: 1vw; }
.page--menu .routines ons-carousel ons-carousel-item > div {
margin: 0 2vw; }
.page--menu .routines ons-carousel ons-carousel-item > div .card {
width: 100%;
border-radius: 6px;
overflow: hidden;
color: white;
padding: 2vw;
position: relative; }
.page--menu .routines ons-carousel ons-carousel-item > div .card::before {
background: linear-gradient(135deg, rgba(247, 168, 4, 0.7) 0%, rgba(233, 86, 14, 0.73) 100%);
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .icon-settings {
position: absolute;
top: 0;
right: 0;
padding: 10px; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-meta {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.9em; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-meta li {
margin-bottom: 3px; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-footer {
position: absolute;
left: 2vw;
bottom: 2vw;
font-size: 0.9em; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-footer h3 {
font-size: 1.1em;
margin: 0; }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(2n) > div .card::before {
background: linear-gradient(135deg, rgba(195, 20, 50, 0.5), rgba(36, 11, 54, 0.7)); }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(3n) > div .card::before {
background: linear-gradient(135deg, #37ecba, #72afd3); }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(4n) > div .card::before {
background: linear-gradient(135deg, #48c6ef 0%, #6f86d6 100%); }
.page--menu .routines ons-carousel ons-carousel-item > div {
margin: 0 2vw; }
.page--menu .routines ons-carousel ons-carousel-item > div .card {
width: 100%;
border-radius: 6px;
overflow: hidden;
color: white;
padding: 2vw;
position: relative; }
.page--menu .routines ons-carousel ons-carousel-item > div .card::before {
background: linear-gradient(135deg, rgba(247, 168, 4, 0.7) 0%, rgba(233, 86, 14, 0.73) 100%);
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .icon-settings {
position: absolute;
top: 0;
right: 0;
padding: 10px; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-meta {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.9em; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-meta li {
margin-bottom: 3px; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-footer {
position: absolute;
left: 2vw;
bottom: 2vw;
font-size: 0.9em; }
.page--menu .routines ons-carousel ons-carousel-item > div .card .card-footer h3 {
font-size: 1.1em;
margin: 0; }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(2n) > div .card::before {
background: linear-gradient(135deg, rgba(195, 20, 50, 0.5), rgba(36, 11, 54, 0.7)); }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(3n) > div .card::before {
background: linear-gradient(135deg, #37ecba, #72afd3); }
.page--menu .routines ons-carousel ons-carousel-item:nth-child(4n) > div .card::before {
background: linear-gradient(135deg, #48c6ef 0%, #6f86d6 100%); }
.page--menu .routines.routines--personal .card,
.page--menu .routines.routines--personal ons-carousel {
height: 35vw; }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment