From e048fc01c8fa18283851d10af5a435c84d07772d Mon Sep 17 00:00:00 2001 From: Peter Pavliuk Date: Thu, 3 Aug 2023 18:24:42 +0200 Subject: [PATCH] add translations for the home page (#2212) --- src/docs/src/translation/ua.json | 404 +++++++++++++++++++++++++++++++ 1 file changed, 404 insertions(+) create mode 100644 src/docs/src/translation/ua.json diff --git a/src/docs/src/translation/ua.json b/src/docs/src/translation/ua.json new file mode 100644 index 00000000000..2d9ef5430f0 --- /dev/null +++ b/src/docs/src/translation/ua.json @@ -0,0 +1,404 @@ +{ + "__name": "Українська", + "__flag": "🇺🇦", + "__status": "", + "Tailwind CSS Components": "Tailwind CSS Компоненти", + "cta-1": "Компоненти", + "cta-1-mobile": "Компоненти", + "cta-2": "Як користуватися?", + "components-btn": "Компоненти", + "change-theme-btn": "Теми", + "all-components-btn": "Всі Компоненти", + "components": "Компоненти", + "themes": "Теми", + "github-stars": "Github зірок", + "npm-installs": "NPM встановлень", + "install-title": "Інсталювати daisyUI", + "install-desc": "Pure CSS. Works on all frameworks. daisyUI can be used as a Tailwind CSS plugin or as an independent CSS library", + "install-step-1": "Інсталюйте daisyUI як пакет Node", + "install-step-2": "Додайте daisyUI до Tailwind CSS в якості плагіну", + "install-btn": "Посібник із встановлення", + "footer-tagline": "Безкоштовна бібліотека компонентів
Перш за все для CSS фреймворків", + "pages": "сторінки", + "how-to-install": "Як інсталювати", + "how-to-use-components": "Як Використовувати компоненти", + "how-to-customize": "Як змінити", + "how-to-use-themes": "Як користуватися темами", + "color-system": "Система кольорів", + "config": "Налаштування", + "links": "Посилання", + "changelog": "Changelog", + "license": "Ліцензія", + "contributing": "Внесок", + "available-on": "Доступна на", + "try-online": "Спробувати онлайн", + "created-by": "Створена", + "Install": "Install", + "Use": "Use", + "Customize components": "Customize components", + "Config": "Config", + "Colors": "Colors", + "Themes": "Themes", + "Theme Generator": "Генератор тем", + "Layout & Typography": "Layout & Typography", + "Actions": "Actions", + "Button": "Button", + "Dropdown": "Dropdown", + "Modal": "Modal", + "Swap": "Swap", + "Data display": "Data display", + "Alert": "Alert", + "Avatar": "Avatar", + "Badge": "Badge", + "Card": "Card", + "Carousel": "Carousel", + "Chat bubble": "Chat bubble", + "Collapse": "Collapse", + "Countdown": "Countdown", + "Kbd": "Kbd", + "Progress": "Progress", + "Radial progress": "Radial progress", + "Stat": "Stat", + "Table": "Table", + "Tooltip": "Tooltip", + "Data input": "Data input", + "Checkbox": "Checkbox", + "Text input": "Text input", + "Radio": "Radio", + "Range": "Range", + "Rating": "Rating", + "Select": "Select", + "Textarea": "Textarea", + "Toggle": "Toggle", + "Layout": "Layout", + "Artboard": "Artboard", + "Button group": "Button group", + "Divider": "Divider", + "Drawer": "Drawer", + "Footer": "Footer", + "Hero": "Hero", + "Indicator": "Indicator", + "Input group": "Input group", + "Mask": "Mask", + "Stack": "Stack", + "Toast": "Toast", + "Navigation": "Navigation", + "Breadcrumbs": "Breadcrumbs", + "Bottom navigation": "Bottom navigation", + "Link": "Link", + "Menu": "Menu", + "Navbar": "Navbar", + "Pagination": "Pagination", + "Steps": "Steps", + "Tab": "Tab", + "Mockup": "Mockup", + "Code": "Code", + "Phone": "Phone", + "Window": "Window", + "excluded": "excluded", + "CodePen example page": "CodePen example page", + "Tailwind Play example page": "Tailwind Play example page", + "new": "new", + "updated": "updated", + "Tailwind Plugin": "Tailwind Plugin", + "Use CDN": "Use CDN", + "Install daisyUI as a Tailwind CSS plugin": "Install daisyUI as a Tailwind CSS plugin", + "You need Node.js and Tailwind CSS installed.": "You need Node.js and Tailwind CSS installed.", + "How to install daisyUI as a Tailwind CSS plugin?": "How to install daisyUI as a Tailwind CSS plugin?", + "Install daisyUI": "Install daisyUI", + "Then add daisyUI to your tailwind.config.js files": "Then add daisyUI to your tailwind.config.js files", + "daisyUI example repositories": "daisyUI example repositories", + "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.", + "Prev": "Prev", + "Next": "Next", + "Do you have a question?": "Do you have a question?", + "Do you see a bug?": "Do you see a bug?", + "Do you like daisyUI?": "Do you like daisyUI?", + "Edit this page on GitHub": "Edit this page on GitHub", + "ask the community": "ask the community", + "open an issue on GitHub": "open an issue on GitHub", + "tweet about it!": "tweet about it!", + "Warning": "Warning", + "CDN files are not recommended for production
because you can't purge unused styles and file size will be large.": "CDN files are not recommended for production
because you can't purge unused styles and file size will be large.", + "You don't need to install anything.": "You don't need to install anything.", + "Just add one of these to the head tag of your HTML": "Just add one of these to the head tag of your HTML", + "Or": "Or", + "Add component classes to your HTML": "Add component classes to your HTML", + "How to use daisyUI classes to style your page?": "How to use daisyUI classes to style your page?", + "Once you installed daisyUI, you can use component classes like btn, card, etc.": "Once you installed daisyUI, you can use component classes like btn, card, etc.", + "So instead of making a button using only utility classes": "So instead of making a button using only utility classes", + "You can just use a component class like this": "You can just use a component class like this", + "Then you can modify the component with daisyUI additional utility classes": "Then you can modify the component with daisyUI additional utility classes", + "Or you can modify the component with Tailwind CSS utility classes": "Or you can modify the component with Tailwind CSS utility classes", + "Customize daisyUI components": "Customize daisyUI components", + "How to customize daisyUI?": "How to customize daisyUI?", + "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.", + "But you can still customize components in many ways.": "But you can still customize components in many ways.", + "Let's say, you want to customize this button:": "Let's say, you want to customize this button:", + "You can use daisyUI utility classes:": "You can use daisyUI utility classes:", + "You can use Tailwind's utility classes:": "You can use Tailwind's utility classes:", + "You can customize components on your CSS file, using Tailwind's @apply directive:": "You can customize components on your CSS file, using Tailwind's @apply directive:", + "You can also:": "You can also:", + "Add your own theme.": "Add your own theme.", + "Opt out of daisyUI's design decisions, and only use an unstyled (skeleton) version of daisyUI.": "Opt out of daisyUI's design decisions, and only use an unstyled (skeleton) version of daisyUI.", + "How to change the default configuration of daisyUI?": "How to change the default configuration of daisyUI?", + "daisyUI can be configured from your tailwind.config.js file.": "daisyUI can be configured from your tailwind.config.js file.", + "Default config": "Default config", + "Config values explained": "Config values explained", + "If it's true, components will have colors and style so you won't need to design anything.": "If it's true, components will have colors and style so you won't need to design anything.", + "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.", + "If it's true, all themes will be included.": "If it's true, all themes will be included.", + "If it's false, only light and dark themes will be available.": "If it's false, only light and dark themes will be available.", + "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "If it's an array, only themes in the array will be included and the first theme will be the default theme.", + "Read more about themes": "Read more about themes", + "If it's true, a few base styles will be added.": "If it's true, a few base styles will be added.", + "If it's true, responsive and utility classes will be added.": "If it's true, responsive and utility classes will be added.", + "If it's true, daisyUI shows logs in the terminal while CSS is building.": "If it's true, daisyUI shows logs in the terminal while CSS is building.", + "If it's true, your theme will be right-to-left. You need to add dir='rtl' to your body tag.": "If it's true, your theme will be right-to-left. You need to add dir='rtl' to your body tag.", + "If you're using daisyUI with RTL option, I suggest using tailwindcss-flip plugin because to flip all your Tailwind utilities automatically.": "If you're using daisyUI with RTL option, I suggest using tailwindcss-flip plugin to flip all your Tailwind utilities automatically.", + "Allows us to pick another theme for system's auto dark mode. By default, dark theme (or a custom theme named dark) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "Allows us to pick another theme for system's auto dark mode. By default, dark theme (or a custom theme named dark) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.", + "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).", + "For example: btn will become prefix-btn.": "For example: btn will become prefix-btn.", + "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.", + "Utility classes like color names (e.g. bg-primary) or border-radius (e.g. rounded-box) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "Utility classes like color names (e.g. bg-primary) or border-radius (e.g. rounded-box) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.", + "If you use daisyUI prefix option (like daisy-) and Tailwind CSS prefix option (like tw-) together, classnames will be prefixed like this: tw-daisy-btn.": "If you use daisyUI prefix option (like daisy-) and Tailwind CSS prefix option (like tw-) together, classnames will be prefixed like this: tw-daisy-btn.", + "How to use daisyUI colors?": "How to use daisyUI colors?", + "Introduction": "Introduction", + "daisyUI is fully themeable and colorable,": "daisyUI is fully themeable and colorable,", + "So instead of using constant color utility classes like:": "So instead of using constant color utility classes like:", + "It's suggested to use semantic color utility classes like:": "It's suggested to use semantic color utility classes like:", + "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.", + "Benefits": "Benefits", + "Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like primary, secondary, etc. and we only use those specific colors in our interfaces.": "Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like primary, secondary, etc. and we only use those specific colors in our interfaces.", + "Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.", + "List of all daisyUI color names": "List of all daisyUI color names", + "You can use these color names in your theme or in utility classes.": "You can use these color names in your theme or in utility classes.", + "Color name + description": "Color name + description", + "Required or optional for themes": "Required or optional for themes", + "Example use": "Example use", + "How to use": "How to use", + "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "Some daisyUI components come with modifier class names and that modifier class name will apply a color.", + "For example": "For example", + "You can also use color names in utility classes just like Tailwind's original color names.": "You can also use color names in utility classes just like Tailwind's original color names.", + "These are utility classes that can be used with a color name:": "These are utility classes that can be used with a color name:", + "So you can use bg-primary, border-secondary, etc.": "So you can use bg-primary, border-secondary, etc.", + "daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUI comes with a number of themes, which you can use with no extra effort.", + "Each theme defines a set of colors which will be used on all daisyUI elements.": "Each theme defines a set of colors which will be used on all daisyUI elements.", + "To use a theme, add its name in tailwind.config.js and activate it by adding data-theme attribute to HTML tag:": "To use a theme, add its name in tailwind.config.js and activate it by adding data-theme attribute to HTML tag:", + "I suggest using theme-change, so you can switch themes and save selected theme in local storage.": "I suggest using theme-change, so you can switch themes and save selected theme in local storage.", + "List of themes": "List of themes", + "Try them:": "Try them:", + "The default theme is light (or dark for dark mode)": "The default theme is light (or dark for dark mode)", + "but you can change the default theme from tailwind.config.js": "but you can change the default theme from tailwind.config.js", + "How to remove unused themes?": "How to remove unused themes?", + "You can only include the themes you want in your project.": "You can only include the themes you want in your project.", + "This will reduce the size of your CSS file.": "This will reduce the size of your CSS file.", + "In the below example": "In the below example", + "cupcake will be the default theme for light mode": "cupcake will be the default theme for light mode", + "dark will be the default theme for dark mode": "dark will be the default theme for dark mode", + "cmyk can be applied on any HTML tag with data-theme='cmyk'": "cmyk can be applied on any HTML tag with data-theme='cmyk'", + "How to disable all themes?": "How to disable all themes?", + "If you only want the default light and dark themes, set themes config to false.": "If you only want the default light and dark themes, set themes config to false.", + "If you don't want to include any themes and disable all colors, set themes config to an empty array.": "If you don't want to include any themes and disable all colors, set themes config to an empty array.", + "How to use a theme only for a section of a page?": "How to use a theme only for a section of a page?", + "Add data-theme='THEME_NAME' to any element and everything inside will have your theme.": "Add data-theme='THEME_NAME' to any element and everything inside will have your theme.", + "You can nest themes and there is no limit!": "You can nest themes and there is no limit!", + "You can force a section of your HTML to only use a specific theme.": "You can force a section of your HTML to only use a specific theme.", + "How to add a new custom theme?": "How to add a new custom theme?", + "You can add a new theme from tailwind.config.js file.": "You can add a new theme from tailwind.config.js file.", + "In the below example, I added a new theme called mytheme and I'm also including dark and cupcake themes.": "In the below example, I added a new theme called mytheme and I'm also including dark and cupcake themes.", + "The first theme (mytheme) will be the default theme.": "The first theme (mytheme) will be the default theme.", + "dark theme will be the default theme for dark mode.": "dark theme will be the default theme for dark mode.", + "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a primary button).": "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a primary button).", + "CSS variables in daisyUI themes": "CSS variables in daisyUI themes", + "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:", + "You can also add optional color names to have full control over all colors.": "You can also add optional color names to have full control over all colors.", + "Custom CSS for a daisyUI theme": "Custom CSS for a daisyUI theme", + "You can apply custom style to a daisyUI themes using CSS:": "You can apply custom style to a daisyUI themes using CSS:", + "How to customize an existing theme?": "How to customize an existing theme?", + "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.", + "In the below example, I require and spread light theme and change its primary and primary-focus colors:": "In the below example, I require and spread light theme and change its primary and primary-focus colors:", + "Contribute to translation": "Contribute to translation", + "Alert informs users about important events.": "Alert informs users about important events.", + "Artboard provides fixed size container to display a demo content on mobile size.": "Artboard provides fixed size container to display a demo content on mobile size.", + "Avatars are used to show a thumbnail representation of an individual or business in the interface.": "Avatars are used to show a thumbnail representation of an individual or business in the interface.", + "Badges are used to inform the user of the status of specific data.": "Badges are used to inform the user of the status of specific data.", + "Bottom navigation bar allows navigation between primary screens.": "Bottom navigation bar allows navigation between primary screens.", + "Breadcrumbs helps users to navigate through the website.": "Breadcrumbs helps users to navigate through the website.", + "Button group shows buttons next to each other.": "Button group shows buttons next to each other.", + "Buttons allow the user to take actions or make choices.": "Buttons allow the user to take actions or make choices.", + "Cards are used to group and display content in a way that is easily readable.": "Cards are used to group and display content in a way that is easily readable.", + "Carousel show images or content in a scrollable area.": "Carousel show images or content in a scrollable area.", + "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.", + "Checkboxes are used to select or deselect a value.": "Checkboxes are used to select or deselect a value.", + "Collapse is used for showing and hiding content.": "Collapse is used for showing and hiding content.", + "Countdown gives you a transition effect of changing numbers.": "Countdown gives you a transition effect of changing numbers.", + "Divider will be used to separate content vertically or horizontally.": "Divider will be used to separate content vertically or horizontally.", + "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.", + "Dropdown can open a menu or any other element when the button is clicked.": "Dropdown can open a menu or any other element when the button is clicked.", + "File Input is a an input field for uploading files.": "File Input is a an input field for uploading files.", + "Footer can contain logo, copyright notice, and links to other pages.": "Footer can contain logo, copyright notice, and links to other pages.", + "Hero is a component for displaying a large box or image with a title and description.": "Hero is a component for displaying a large box or image with a title and description.", + "Indicators are used to place an element on the corner of another element.": "Indicators are used to place an element on the corner of another element.", + "Input group puts an input next to a text or a button.": "Input group puts an input next to a text or a button.", + "Text Input is a simple input field.": "Text Input is a simple input field.", + "Kbd is used to display keyboard shortcuts.": "Kbd is used to display keyboard shortcuts.", + "Link adds the missing underline style to links.": "Link adds the missing underline style to links.", + "Mask crops the content of the element to common shapes.": "Mask crops the content of the element to common shapes.", + "Menu is used to display a list of links vertically or horizontally.": "Menu is used to display a list of links vertically or horizontally.", + "Code mockup is used to show a block of code in a box that looks like a code editor.": "Code mockup is used to show a block of code in a box that looks like a code editor.", + "Phone mockup shows a mockup of an iPhone.": "Phone mockup shows a mockup of an iPhone.", + "Window mockup shows a box that looks like an operating system window.": "Window mockup shows a box that looks like an operating system window.", + "Modal is used to show a dialog or a box when you click a button.": "Modal is used to show a dialog or a box when you click a button.", + "Navbar is used to show a navigation bar on the top of the page.": "Navbar is used to show a navigation bar on the top of the page.", + "Pagination is a group of buttons that allow the user to navigate between a set of related content.": "Pagination is a group of buttons that allow the user to navigate between a set of related content.", + "Progress bar can be used to show the progress of a task or to show the passing of time.": "Progress bar can be used to show the progress of a task or to show the passing of time.", + "Radial progress can be used to show the progress of a task or to show the passing of time.": "Radial progress can be used to show the progress of a task or to show the passing of time.", + "Radio buttons allow the user to select one option from a set.": "Radio buttons allow the user to select one option from a set.", + "Range slider is used to select a value by sliding a handle.": "Range slider is used to select a value by sliding a handle.", + "Rating is a set of radio buttons that allow the user to rate something.": "Rating is a set of radio buttons that allow the user to rate something.", + "Select is used to pick a value from a list of options.": "Select is used to pick a value from a list of options.", + "Stack visually puts elements on top of each other.": "Stack visually puts elements on top of each other.", + "Stat is used to show numbers and data in a box.": "Stat is used to show numbers and data in a box.", + "Steps can be used to show a list of steps in a process.": "Steps can be used to show a list of steps in a process.", + "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.", + "Tabs can be used to show a list of links in a tabbed format.": "Tabs can be used to show a list of links in a tabbed format.", + "Table can be used to show a list of data in a table format.": "Table can be used to show a list of data in a table format.", + "Textarea allows users to enter text in multiple lines.": "Textarea allows users to enter text in multiple lines.", + "Toggle is a checkbox that is styled to look like a switch button.": "Toggle is a checkbox that is styled to look like a switch button.", + "Toast is a wrapper to stack elements, positioned on the corner of page.": "Toast is a wrapper to stack elements, positioned on the corner of page.", + "Tooltip can be used to show a message when hovering over an element.": "Tooltip can be used to show a message when hovering over an element.", + "Code mockup": "Code mockup", + "Phone mockup": "Phone mockup", + "Window mockup": "Window mockup", + "File Input": "File Input", + "Text Input": "Text Input", + "Range slider": "Range slider", + "Tabs": "Tabs", + "All daisyUI components": "All daisyUI components", + "Class name": "Class name", + "Type": "Type", + "Search": "Search", + "daisyUI themes": "daisyUI themes", + "How to use daisyUI themes?": "How to use daisyUI themes?", + "daisyUI Theme Generator": "daisyUI Theme Generator", + "You can add your custom themes to tailwind.config.js file in daisyui > themes array. On this page, you can pick required color values and see how the components will look like with them.": "You can add your custom themes to tailwind.config.js file in daisyui > themes array. On this page, you can pick required color values and see how the components will look like with them.", + "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)", + "Check out colors page to see all the color names you can use.": "Check out colors page to see all the color names you can use.", + "Check out themes page to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "Check out themes page to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)", + "Randomize": "Randomize", + "Reset": "Reset", + "Preview": "Preview", + "Layout and Typography": "Layout and Typography", + "How to use layouts and typography in daisyUI": "How to use layouts and typography in daisyUI", + "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.", + "Read more": "Read more", + "Typography": "Typography", + "You should use official TailwindCSS Typography plugin.": "You should use official TailwindCSS Typography plugin.", + "It handles everything and it's fully customizable.": "It handles everything and it's fully customizable.", + "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.", + "Make sure you require daisyui AFTER @tailwindcss/typography in tailwind.config.js": "Make sure you require daisyui AFTER @tailwindcss/typography in tailwind.config.js", + "Here you can see how elements will look using @tailwindcss/typography.": "Here you can see how elements will look using @tailwindcss/typography.", + "To use a custom prefix, add your prefix string to config": "To use a custom prefix, add your prefix string to config", + "Component": "Component", + "Modifier": "Modifier", + "Responsive": "Responsive", + "Changes the style of a component": "Changes the style of a component", + "Supports responsive prefixes (sm:, lg:, …)": "Supports responsive prefixes (sm:, lg:, …)", + "Make your theme": "Make your theme", + "More examples": "More examples", + "Support daisyUI's development": "Support daisyUI's development", + "The most popular": "Найпопулярніша", + "component library": "бібліотека компонентів", + "for Tailwind CSS": "для Tailwind CSS", + "daisyUI adds component class names to Tailwind CSS
so you can make beautiful websites faster than ever.": "daisyUI додає класи компонентів до Tailwind CSS,
щоб ви мали змогу створювати красиві веб-сайти швидше, ніж будь-коли.", + "don't re-invent
the wheel
every time": "не потрібно винаходити
велосипед
кожного разу", + "In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "У Tailwind CSS проєкті, вам потрібно писати імена класів для кожного елементу. Тисячі назв класів лише для стилізації найпростіших елементів.", + "instead of writing
100 class names": "замість того, щоб писати
100 класів", + "For every element, every page, every project,
again and again": "Для кожного елемента, кожної сторінки, кожного проекту,
знову і знову", + "use semantic
class names": "використовуйте семантичні
назви класів", + "It's descriptive, faster, cleaner and easier to maintain.": "Це описово, швидше, чистіше та легше в обслуговуванні.", + "Features": "Features", + "Links": "Links", + "Message": "Message", + "Cleaner HTML": "Cleaner HTML", + "Customizable": "Customizable", + "Themeable": "Themeable", + "Pure CSS": "Pure CSS", + "Dashboard": "Dashboard", + "Notifications": "Notifications", + "Messages": "Messages", + "People": "People", + "Products": "Products", + "Use Tailwind CSS but write fewer class names.": "Use Tailwind CSS but write fewer class names.", + "Pure CSS.
No JS dependency": "Pure CSS.
No JS dependency", + "Works on all frameworks": "Works on all frameworks", + "Design system": "Design system", + "Styling a simple button": "Styling a simple button", + "Result": "Result", + "Take Tailwind CSS": "Виведи Tailwind CSS", + "to the next level": "на наступний рівень", + "daisyUI adds class names to Tailwind CSS
for all common UI components.
Class names like": "daisyUI додає найзи класів доTailwind CSS
для всіх поширених UI компонентів.
Класи як", + "and many more.": "і ще багато інших.", + "This allows us to focus on important things
instead of styling basic elements for every project.": "Це дозволяє нам зосередитися на важливих речах
замість того, щоб створювати основні елементи для кожного проекту.", + "No_more_ugly_HTML_part_1": "Більше", + "No_more_ugly_HTML_part_2": "жодного", + "No_more_ugly_HTML_part_3": "потворного", + "No_more_ugly_HTML_part_4": "HTML", + "Write fewer class names
Use component class names
modify them using Tailwind CSS utilities.": "Пишіть менше імен класів
Використовуйте імена класів компонентів
Змінюйте їх за допомогою утиліт Tailwind CSS.", + "Click": "Click", + "Tailwind only": "тільки Tailwind", + "Tailwind + daisyUI": "Tailwind + daisyUI", + "Save": "Зберегти", + "Accept terms of use": "Прийняти умови використання", + "Submit to newsletter": "Підписатись на розсилку", + "Fewer class names": "Менше класів", + "Faster development": "Швидша розробка", + "Smaller file size": "Менший розмір файлу", + "With daisyUI, you write 80% fewer class names
And your HTML size will be about 70% smaller.": "З daisyUI, ви пишете на 80% меньше класів
А ваш розмір HTML буде приблизно на 70% меншим.", + "CSS Class names": "CSS класи", + "fewer class names": "меньше класів", + "HTML size": "розмір HTML", + "smaller DOM size": "меньше розмір DOM", + "Highly customizable": "Висока можливість налаштування", + "Powered by Tailwind CSS utility classes": "На основі Tailwind CSS класів", + "daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.": "daisyUI створено на основі Tailwind CSS, тому ви можете налаштувати все за допомогою службових класів.", + "Pure CSS.": "Чистий CSS.", + "Framework agnostic.": "Framework агностик.", + "Works everywhere.": "Працює всюди.", + "daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI — це плагін для Tailwind CSS. Він працює на всіх фреймворках JS і не потребує пакетного файлу JS.", + "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "Інсталюйте daisyUI як dev залежність та використовуйте назви класів так само, як будь-які інші CSS класи Tailwind.", + "Apply_your_own_design_decisions_part_1": "Використовуй", + "Apply_your_own_design_decisions_part_2": "своє", + "Apply_your_own_design_decisions_part_3": "власте", + "Apply_your_own_design_decisions_part_4": "дизайн", + "Apply_your_own_design_decisions_part_5": "рішення", + "Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "Ваш сайт має бути унікальним. Створіть власну тему за допомогою генератора тем daisyUI. Кольори, які ви виберете, будуть застосовані до всіх компонентів daisyUI.", + "Learn more about themes": "Дізнатися більше про теми", + "utility classes": "допоміжний класів", + "endless possibilities": "нескінченні можливості", + "Mix and match daisyUI class names to create unique web pages.": "Комбінуйте імена класів daisyUI для створення унікальних веб-сторінок.", + "daisyUI is the most popular
component library for Tailwind CSS": "daisyUI найпопулярніша
бібліотека компонентів для Tailwind CSS", + "open-source projects using daisyUI": "опенсорс проєктів, які використовують daisyUI", + "Free and open-source": "Безкоштовна і з відкритим кодом", + "Built by the community": "Створена за допомогою ком'юніті", + "daisyUI welcomes contributions from developers around the world": "daisyUI вітає внески розробників з усього світу", + "Sponsors and backers": "Спонсори і меценати", + "Try daisyUI": "Спробуй daisyUI", + "on your favorite framework": "з вашим улюбленим фреймворком", + "See all examples": "Всі приклади", + "Or play with daisyUI on": "або спробуйте daisyUI на", + "Admin panel": "Admin panel", + "Updates": "Updates", + "Stats": "Stats", + "Unlimited themes": "Необмежена кількість тем", + "with zero effort": "з нульовим зусиллям", + "daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUI додає набір назв кольорів до CSS Tailwind, і ці нові кольори використовують змінні CSS для значень. Використовуючи назви кольорів daisyUI, ви отримуєте темний режим і навіть більше тем без додавання нової назви класу.", + "See all themes": "Всі теми", + "Semantic colors": "Semantic colors", + "Learn more about colors": "Learn more about colors", + "Get started": "Розпочати", + "daisyUI 3.0 is available now!": "daisyUI 3.0 вже доступна!", + "": "", + "related projects": "пов'язані проєкти" +}