added a reusable scss mixin for new card layout
parent
6d8f959b51
commit
939dac0430
|
@ -1,17 +1,17 @@
|
||||||
// *****************************************************************************
|
// *****************************************************************************
|
||||||
// SPDX-License-Identifier: Apache-2.0
|
// SPDX-License-Identifier: Apache-2.0
|
||||||
//
|
//
|
||||||
//
|
//
|
||||||
// Copyright (c) Mycroft AI Inc. All rights reserved.
|
// Copyright (c) Mycroft AI Inc. All rights reserved.
|
||||||
// Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
// 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
|
// 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
|
// 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
|
// 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
|
// KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||||||
// WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
// WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||||||
// MERCHANTABLITY OR NON-INFRINGEMENT.
|
// MERCHANTABLITY OR NON-INFRINGEMENT.
|
||||||
//
|
//
|
||||||
// See the Apache Version 2.0 License for specific language governing permissions
|
// See the Apache Version 2.0 License for specific language governing permissions
|
||||||
// and limitations under the License.
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue