FM / common

/home/vianto5/hidalgoresidences.mx/wp-content/plugins/code-snippets/css/common/

/home/vianto5/hidalgoresidences.mx/wp-content/plugins/code-snippets/css/common

Name	Size	Mode	Actions
list-table/	-	0755	rm
_badges.scss	3861	0644	edit dl rm
_banners.scss	670	0644	edit dl rm
_cards.scss	1801	0644	edit dl rm
_checkbox.scss	873	0644	edit dl rm
_codemirror.scss	2242	0644	edit dl rm
_direction.scss	125	0644	edit dl rm
_kebab-menu.scss	1816	0644	edit dl rm
_list-table.scss	116	0644	edit dl rm
_modal.scss	3039	0644	edit dl rm
_notices.scss	811	0644	edit dl rm
_page-header.scss	952	0644	edit dl rm
_select.scss	77	0644	edit dl rm
_subnav.scss	5701	0644	edit dl rm
_switch.scss	2446	0644	edit dl rm
_theme.scss	2181	0644	edit dl rm
_toolbar.scss	6419	0644	edit dl rm
_tooltips.scss	3635	0644	edit dl rm
_upsell.scss	3106	0644	edit dl rm
_wp-admin.scss	7095	0644	edit dl rm

Edit: /home/vianto5/hidalgoresidences.mx/wp-content/plugins/code-snippets/css/common/_cards.scss (1801B)

@use 'checkbox';
@use 'theme';

.code-snippets-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(580px, 1fr));
	gap: 20px;
	margin: 0;
}

.code-snippets-card {
	background: #fff;
	border: 1px solid theme.$control-border;
	border-radius: 5px;
	margin: 0;
	display: flex;
	flex-flow: column;
	box-sizing: border-box;

a {
		text-decoration: none;
		color: theme.$accent;
	}

.card-inner {
		padding: 24px;
	}

footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		background: #f7f7f8;
		margin-block-start: auto;
		border-block-start: 1px solid theme.$control-border;
		padding-inline: 24px;
		padding-block: 12px;
		border-end-start-radius: 5px;
		border-end-end-radius: 5px;
	}

// The status label shrinks and clips away under pressure rather than
	// pushing the action buttons onto a second line.
	.snippet-card-footer-status {
		display: flex;
		align-items: center;
		gap: 8px;
		flex: 0 1 auto;
		min-inline-size: 0;
		overflow: hidden;
		white-space: nowrap;
	}

.snippet-card-footer-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 8px;
		flex: 0 0 auto;

.button:not(.kebab-menu-trigger) {
			min-inline-size: 103px;
			text-align: center;
			justify-content: center;
		}
	}

&.is-selectable {
		position: relative;
	}

.snippet-card-corner {
		position: absolute;
		inset-block-start: 20px;
		inset-inline-end: 24px;
		display: flex;
		align-items: center;
		gap: 12px;

.snippet-card-select {
			margin: 0;
		}
	}

input[type='checkbox'].snippet-card-select {
		@include checkbox.canonical;
	}

&.is-selectable .card-inner > h3 {
		margin-inline-end: 48px;
	}

&.is-selected {
		border-color: theme.$accent;
		box-shadow: 0 0 0 1px theme.$accent;
	}
}

cmd: