MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added a reusable scss mixin for new card layout

pull/87/head
Chris Veilleux 2022-07-27 11:15:40 -05:00
parent 6d8f959b51
commit 939dac0430
1 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/stylesheets/components/_cards.scss
View File

@ -1,17 +1,17 @@
// *****************************************************************************
// SPDX-License-Identifier: Apache-2.0
//
//
//
//
// Copyright (c) Mycroft AI Inc. All rights reserved.
// Licensed under the Apache License, Version 2.0 (the "License"); you may not use
// this file except in compliance with the License. You may obtain a copy of the
// License at http://www.apache.org/licenses/LICENSE-2.0
//
//
// THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
// WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
// MERCHANTABLITY OR NON-INFRINGEMENT.
//
//
// See the Apache Version 2.0 License for specific language governing permissions
// and limitations under the License.
// *****************************************************************************
@ -62,3 +62,40 @@
}
}
}
@mixin selene-card {
border-radius: 12px;
margin: 16px;
max-width: 500px;
min-width: 300px;
//padding: 16px;
mat-card-header {
fa-icon {
font-size: 32px;
color: mat-color($mycroft-primary);
padding-left: 16px;
padding-top: 8px;
}
mat-card-title {
font-weight: bold;
padding-top: 16px;
}
}
mat-card-content {
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
}
mat-card-actions {
padding-left: 16px;
a {
@include action-button-primary;
margin: 16px;
}
}
}