Commit 46157806 authored by David Trattnig's avatar David Trattnig
Browse files

Consolidation with o94 theme

parent 01a90274
......@@ -47,50 +47,29 @@
.aura-icons > div {
background-image: url(assets/aura-logo.png);
background-size: 54px;
background-repeat: no-repeat;
width: 58px;
height:52px;
height: 52px;
margin-bottom: 8px;
}
.aura-icon {
background-position: center center;
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
.aura-icon.cba {
background-image: url("https://cba.media/wp-content/themes/cba2020/images/cba_logo.svg");
color: transparent;
}
/** AURA CARDS **/
.aura-card {
margin: 8px;
}
.aura-card h1,
.aura-card h2,
.aura-card h3 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/** RESPONSIVE SETTINGS **/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.card-container h1 {
.card-container .aura-card h1 {
font-size: 1.3rem;
}
.card-container h2 {
.card-container .aura-card h2 {
font-size: 1.2rem;
}
.card-container h3 {
.card-container .aura-card h3 {
font-size: 1.0rem;
}
.card-container h4 {
.card-container .aura-card h4 {
font-size: 0.9rem;
}
}
......@@ -101,16 +80,16 @@
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.card-container h1 {
.card-container .aura-card h1 {
font-size: 1.8rem;
}
.card-container h2 {
.card-container .aura-card h2 {
font-size: 1.5rem;
}
.card-container h3 {
.card-container .aura-card h3 {
font-size: 1.3rem;
}
.card-container h4 {
.card-container .aura-card h4 {
font-size: 1.2rem;
}
.card-container.list .aura-card.category {
......
......@@ -47,6 +47,7 @@
<style lang="scss">
/* SMUI components need to be selected via global namespace */
* :global(.aura-card.category) {
width: 100%;
height: 270px;
}
* :global(.aura-card.category > div) {
......
......@@ -24,7 +24,6 @@
}
/* SMUI components need to be selected via global namespace */
* :global(.action-header) {
height: 10px;
margin-left: 10px;
......@@ -32,15 +31,6 @@
* :global(.episode-title) {
padding-top: 0;
}
* :global(.action-header button) {
margin-bottom: 0;
margin-top: 0;
}
* :global(button) {
text-transform: initial;
margin: 0;
padding: 0;
}
</style>
<template>
......
......@@ -7,6 +7,41 @@
width: calc(100% - 16px);
}
/** Headings & Font **/
.aura-card h1,
.aura-card h2,
.aura-card h3,
.aura-card h4 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/** Icons **/
.aura-icons {
display: block;
float: left;
width: 32px;
height: 32px;
margin-right: 16px;
}
.aura-icons > * {
display: block;
width: 100%;
height: 100%;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.aura-icon {
background-position: center center;
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
/** Buttons **/
button {
......@@ -24,7 +59,7 @@ button {
.mdc-layout-grid {
width: 100%;
}
}
.language-key {
text-transform: uppercase;
......
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