Table Konten :
- Files
- a. Attribute Order
- b. Declaration order
- c. Shorthand Notaion
- d. Class Names
- e. Selectors
- Skeleton
- Comment
<!-- Answer CSS#1 --> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Avatar</title> | |
<style> | |
/* Write your CSS solution here (do not edit the surrounding HTML) */ | |
.avatar{ |
<-- Sock Merchant Start --> | |
<?php | |
function sockMerchant($n, $ar) { | |
return array_sum(array_map(function ($n) { | |
return intval($n / 2); | |
}, array_count_values($ar))); | |
} | |
$fptr = fopen(getenv("OUTPUT_PATH"), "w"); | |
$stdin = fopen("php://stdin", "r"); |
Table Konten :
Steam: https://htmlstream.com/preview/stream-ui-kit/
Material Kit: https://demos.creative-tim.com/material-kit/index.html
Solid Design: https://docs.vantage-design.com/solid/demo/
Pixel: https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/
Soft UI: https://demos.creative-tim.com/soft-ui-design-system/index.html
:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}.ar-background__white{background-color:#fff}.ar-background__soft-blue{background-color:#94ccf7}.nt{color:#ff8383}.na{color:#ffe484}.nm{color:#f7fafc}.np{color:#93ddfd}.s{color:#b5f4a5}.component-preview{display:flex}.component-preview,.component-preview-column{align-items:stretch;background:#fff;border:1px solid #4a5568;border-radius:4px;flex-direction:column;padding:1.5rem;width:100%}.component-preview-column{display:table-column}.component-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.component-item a{margin:5px}.component-item-column{align-items:start;display:block}.component-item:not(:last-child){margin-bottom:1rem}.component-code{background-color:#2d3748;border-radius:4px;font-family:monospace;font-size:1em;line-height:1.375;margin-bottom:0!important;margin:0;overflow-x:auto;overflow-wrap:normal;overflow:auto;padding:1.5rem;text-align:left;white-space:nowrap;w |
<template> | |
<div class="as-accordion__body" v-if="visible()"> | |
<div class="as-accordion__content"> | |
<slot /> | |
</div> | |
</div> | |
</template> | |
<script setup> | |
import { inject } from "vue"; |