ಉಕ್ಕಿ ಹರಿಯುತ್ತದೆ

ಒಂದು ಅಂಶವನ್ನು ವಿಷಯವು ಹೇಗೆ ಉಕ್ಕಿ ಹರಿಯುತ್ತದೆ ಎಂಬುದನ್ನು ತ್ವರಿತವಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಈ ಕಿರುಹೊತ್ತಿಗೆ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಬಳಸಿ.

overflowನಾಲ್ಕು ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯಗಳು ಮತ್ತು ವರ್ಗಗಳೊಂದಿಗೆ ಫ್ಲೈನಲ್ಲಿ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿಸಿ . ಈ ವರ್ಗಗಳು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಸ್ಪಂದಿಸುವುದಿಲ್ಲ.

.overflow-autoಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ . ವಿನ್ಯಾಸದ ಮೂಲಕ, ಈ ವಿಷಯವು ಲಂಬವಾಗಿ ಸ್ಕ್ರಾಲ್ ಆಗುತ್ತದೆ.

.overflow-hiddenಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ .

.overflow-visibleಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ .

.overflow-scrollಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ .

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

$overflowsಸಾಸ್ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಬಳಸಿ, ನೀವು ವೇರಿಯೇಬಲ್ ಅನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ಓವರ್‌ಫ್ಲೋ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು _variables.scss.

ಸಾಸ್

ಉಪಯುಕ್ತತೆಗಳ API

ಓವರ್‌ಫ್ಲೋ ಉಪಯುಕ್ತತೆಗಳನ್ನು ನಮ್ಮ ಉಪಯುಕ್ತತೆಗಳ API ನಲ್ಲಿ ಘೋಷಿಸಲಾಗಿದೆ scss/_utilities.scss. ಉಪಯುಕ್ತತೆಗಳ API ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),