Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 20:24:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add CSS class name prefix

Browse Source
This commit is contained in:
Jeremy Thomas
2022-11-23 22:53:56 +00:00
parent f75e9fcec2
commit 7de49012b7
50 changed files with 20999 additions and 9088 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
sass/components/card.scss
View File

@@ -20,7 +20,7 @@ $card-footer-padding: 0.75rem !default;
$card-media-margin: $block-spacing !default;
.card {
.#{$class-prefix}card {
background-color: $card-background-color;
border-radius: $card-radius;
box-shadow: $card-shadow;
@@ -41,7 +41,7 @@ $card-media-margin: $block-spacing !default;
}
}
.card-header {
.#{$class-prefix}card-header {
@extend %card-item;
background-color: $card-header-background-color;
@@ -50,7 +50,7 @@ $card-media-margin: $block-spacing !default;
display: flex;
}
.card-header-title {
.#{$class-prefix}card-header-title {
align-items: center;
color: $card-header-color;
display: flex;
@@ -63,7 +63,7 @@ $card-media-margin: $block-spacing !default;
}
}
.card-header-icon {
.#{$class-prefix}card-header-icon {
@include reset;
align-items: center;
@@ -73,7 +73,7 @@ $card-media-margin: $block-spacing !default;
padding: $card-header-padding;
}
.card-image {
.#{$class-prefix}card-image {
display: block;
position: relative;
@@ -92,14 +92,14 @@ $card-media-margin: $block-spacing !default;
}
}
.card-content {
.#{$class-prefix}card-content {
@extend %card-item;
background-color: $card-content-background-color;
padding: $card-content-padding;
}
.card-footer {
.#{$class-prefix}card-footer {
@extend %card-item;
background-color: $card-footer-background-color;
@@ -108,7 +108,7 @@ $card-media-margin: $block-spacing !default;
display: flex;
}
.card-footer-item {
.#{$class-prefix}card-footer-item {
align-items: center;
display: flex;
flex-basis: 0;
@@ -124,8 +124,8 @@ $card-media-margin: $block-spacing !default;
// Combinations
.card {
.media:not(:last-child) {
.#{$class-prefix}card {
.#{$class-prefix}media:not(:last-child) {
margin-bottom: $card-media-margin;
}
}